ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-01-11 23:43:05 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updating mat-stepper for docker templates

Browse Source
This commit is contained in:
piotrpekala7 2020-06-10 13:53:34 +02:00
parent d190765a99
commit d6808ba1d7
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/components/preferences/docker/add-docker-template/add-docker-template.component.html
View File

@ -7,14 +7,15 @@
<div class="default-content"> <div class="default-content">
<div class="container mat-elevation-z8"> <div class="container mat-elevation-z8">
<mat-vertical-stepper [linear]="true"> <mat-vertical-stepper [linear]="true">
<mat-step label="Server type"> <mat-step label="Server type" [completed]="isGns3VmChosen || isLocalComputerChosen">
<mat-radio-group class="radio-group"> <mat-radio-group class="radio-group">
<!-- <mat-radio-button class="radio-button" value="1" (click)="setServerType('remote computer')">Run this Docker container on a remote computer</mat-radio-button> --> <!-- <mat-radio-button class="radio-button" value="1" (click)="setServerType('remote computer')">Run this Docker container on a remote computer</mat-radio-button> -->
<mat-radio-button class="radio-button" value="1" (click)="setServerType('local')" checked>Run this Docker container locally</mat-radio-button> <mat-radio-button class="radio-button" value="1" (click)="setServerType('local')" checked>Run this Docker container locally</mat-radio-button>
<mat-radio-button [disabled]="!isGns3VmAvailable" class="radio-button" value="2" (click)="setServerType('gns3 vm')">Run this Docker container on the GNS3 VM</mat-radio-button> <mat-radio-button [disabled]="!isGns3VmAvailable" class="radio-button" value="2" (click)="setServerType('gns3 vm')">Run this Docker container on the GNS3 VM</mat-radio-button>
</mat-radio-group> </mat-radio-group>
</mat-step> </mat-step>
<mat-step label="Docker Virtual Machine">
<mat-step label="Docker Virtual Machine" [completed]="selectedImage || virtualMachineForm.get('filename').value">
<form [formGroup]="virtualMachineForm"> <form [formGroup]="virtualMachineForm">
<mat-radio-group class="radio-group"> <mat-radio-group class="radio-group">
<mat-radio-button class="radio-button" value="1" (click)="setDiskImage('existingImage')" checked>Existing image</mat-radio-button> <mat-radio-button class="radio-button" value="1" (click)="setDiskImage('existingImage')" checked>Existing image</mat-radio-button>
@ -41,7 +42,8 @@
</div> </div>
</form> </form>
</mat-step> </mat-step>
<mat-step label="Container name">
<mat-step label="Container name" [completed]="containerNameForm.get('templateName').value">
<form [formGroup]="containerNameForm"> <form [formGroup]="containerNameForm">
<mat-form-field class="form-field"> <mat-form-field class="form-field">
<input <input
@ -53,7 +55,8 @@
</mat-form-field> </mat-form-field>
</form> </form>
</mat-step> </mat-step>
<mat-step label="Network adapters">
<mat-step label="Network adapters" [completed]="networkAdaptersForm.get('adapters').value">
<form [formGroup]="networkAdaptersForm"> <form [formGroup]="networkAdaptersForm">
<mat-form-field class="form-field"> <mat-form-field class="form-field">
<input <input
@ -65,7 +68,8 @@
</mat-form-field> </mat-form-field>
</form> </form>
</mat-step> </mat-step>
<mat-step label="Start command">
<mat-step label="Start command" [completed]="dockerTemplate.start_command">
<mat-form-field class="form-field"> <mat-form-field class="form-field">
<input <input
matInput matInput
@ -74,7 +78,8 @@
placeholder="Start command"/> placeholder="Start command"/>
</mat-form-field> </mat-form-field>
</mat-step> </mat-step>
<mat-step label="Console type">
<mat-step label="Console type" [completed]="dockerTemplate.console_type">
<mat-select <mat-select
placeholder="Console type" placeholder="Console type"
[ngModelOptions]="{standalone: true}" [ngModelOptions]="{standalone: true}"
@ -84,6 +89,7 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-step> </mat-step>
<mat-step label="Environment"> <mat-step label="Environment">
<mat-form-field class="form-field"> <mat-form-field class="form-field">
<textarea matInput type="text" [(ngModel)]="dockerTemplate.environment"></textarea> <textarea matInput type="text" [(ngModel)]="dockerTemplate.environment"></textarea>

4
src/app/components/preferences/docker/add-docker-template/add-docker-template.component.ts
View File

@ -50,11 +50,11 @@ export class AddDockerTemplateComponent implements OnInit {
this.dockerTemplate = new DockerTemplate(); this.dockerTemplate = new DockerTemplate();
this.virtualMachineForm = this.formBuilder.group({ this.virtualMachineForm = this.formBuilder.group({
filename: new FormControl('', Validators.required) filename: new FormControl(null, Validators.required)
}); });
this.containerNameForm = this.formBuilder.group({ this.containerNameForm = this.formBuilder.group({
templateName: new FormControl('', Validators.required) templateName: new FormControl(null, Validators.required)
}); });
this.networkAdaptersForm = this.formBuilder.group({ this.networkAdaptersForm = this.formBuilder.group({