Update add-ios-template.component.html

This commit is contained in:
piotrpekala7 2020-06-10 11:18:20 +02:00
parent da5dcd5fe9
commit 0463b8c3b8

View File

@ -7,14 +7,14 @@
<div class="default-content" *ngIf="iosTemplate"> <div class="default-content" *ngIf="iosTemplate">
<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('local')" checked>Run this IOS router locally</mat-radio-button> <mat-radio-button class="radio-button" value="1" (click)="setServerType('local')" checked>Run this IOS router locally</mat-radio-button>
<mat-radio-button [disabled]="!isGns3VmAvailable" class="radio-button" value="2" (click)="setServerType('gns3 vm')">Run this IOS router on the GNS3 VM</mat-radio-button> <mat-radio-button [disabled]="!isGns3VmAvailable" class="radio-button" value="2" (click)="setServerType('gns3 vm')">Run this IOS router on the GNS3 VM</mat-radio-button>
</mat-radio-group> </mat-radio-group>
</mat-step> </mat-step>
<mat-step label="IOS image"> <mat-step label="IOS image" [completed]="iosImageForm.get('imageName').value">
<input <input
type="file" type="file"
accept=".bin, .image" accept=".bin, .image"
@ -37,7 +37,10 @@
</mat-form-field> </mat-form-field>
</form> </form>
</mat-step> </mat-step>
<mat-step label="Name and platform">
<mat-step
label="Name and platform"
[completed]="iosNameForm.get('templateName').value && iosNameForm.get('platform').value && iosNameForm.get('chassis').value">
<form [formGroup]="iosNameForm"> <form [formGroup]="iosNameForm">
<mat-form-field class="form-field"> <mat-form-field class="form-field">
<input <input
@ -72,7 +75,8 @@
This is an EtherSwitch router This is an EtherSwitch router
</mat-checkbox> </mat-checkbox>
</mat-step> </mat-step>
<mat-step label="Memory">
<mat-step label="Memory" [completed]="iosMemoryForm.get('memory').value">
<form [formGroup]="iosMemoryForm"> <form [formGroup]="iosMemoryForm">
<mat-form-field class="form-field"> <mat-form-field class="form-field">
<input <input
@ -87,6 +91,7 @@
</mat-label> </mat-label>
</form> </form>
</mat-step> </mat-step>
<mat-step label="Network adapters"> <mat-step label="Network adapters">
<!-- <div *ngIf="chassis[iosNameForm.get('platform').value]"> <!-- <div *ngIf="chassis[iosNameForm.get('platform').value]">
<div *ngFor="let index of [0,1,2,3,4,5,6,7]"> <div *ngFor="let index of [0,1,2,3,4,5,6,7]">
@ -115,6 +120,7 @@
</div> </div>
</div> </div>
</mat-step> </mat-step>
<mat-step label="WIC modules"> <mat-step label="WIC modules">
<div *ngIf="iosNameForm.get('platform').value"> <div *ngIf="iosNameForm.get('platform').value">
<div *ngFor="let index of [0,1,2,3]"> <div *ngFor="let index of [0,1,2,3]">
@ -130,6 +136,7 @@
</div> </div>
</div> </div>
</mat-step> </mat-step>
<mat-step label="Idle-PC"> <mat-step label="Idle-PC">
<mat-form-field class="form-field"> <mat-form-field class="form-field">
<input <input