ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2024-12-27 00:21:03 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

New titles for node configurators and enforce min/max for mat-input fields.

Browse Source
This commit is contained in:
grossmj 2024-05-19 16:49:10 +07:00
parent 84a145a701
commit 9287706185
No known key found for this signature in database
GPG Key ID: 0A2D76AC45EA25CD
24 changed files with 43 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/preferences/built-in/cloud-nodes/cloud-nodes-template-details/cloud-nodes-template-details.component.html
View File

@ -159,6 +159,8 @@
<mat-form-field class="form-field">
<input
matInput type="number"
min="1"
max="65535"
[(ngModel)]="newPort.lport"
placeholder="Local port">
</mat-form-field>
@ -171,6 +173,8 @@
<mat-form-field class="form-field">
<input
matInput type="number"
min="1"
max="65535"
[(ngModel)]="newPort.rport"
placeholder="Remote port">
</mat-form-field>

2
src/app/components/preferences/built-in/ethernet-hubs/ethernet-hubs-add-template/ethernet-hubs-add-template.component.html
View File

@ -31,7 +31,7 @@
<input formControlName="templateName" matInput type="text" placeholder="Template name" />
</mat-form-field>
<mat-form-field class="form-field">
<input formControlName="numberOfPorts" matInput type="number" placeholder="Number of ports" />
<input formControlName="numberOfPorts" matInput type="number" min="0" placeholder="Number of ports" />
</mat-form-field>
</form>
</mat-card>

2
src/app/components/preferences/built-in/ethernet-switches/ethernet-switches-add-template/ethernet-switches-add-template.component.html
View File

@ -29,7 +29,7 @@
<input formControlName="templateName" matInput type="text" placeholder="Template name" />
</mat-form-field>
<mat-form-field class="form-field">
<input formControlName="numberOfPorts" matInput type="number" placeholder="Number of ports" />
<input formControlName="numberOfPorts" matInput type="number" min="0" placeholder="Number of ports" />
</mat-form-field>
</form>
</mat-card>

4
src/app/components/preferences/common/ports/ports.component.html
View File

@ -33,10 +33,10 @@
</table>
<br />
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="newPort.port_number" placeholder="Port" />
<input matInput type="number" min="0" [(ngModel)]="newPort.port_number" placeholder="Port" />
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="newPort.vlan" placeholder="VLAN" />
<input matInput type="number" min="1" max="65535" [(ngModel)]="newPort.vlan" placeholder="VLAN" />
</mat-form-field>
<mat-form-field class="select">
<mat-select placeholder="Type" [ngModelOptions]="{ standalone: true }" [(ngModel)]="newPort.type">

4
src/app/components/preferences/common/udp-tunnels/udp-tunnels.component.html
View File

@ -36,12 +36,12 @@
<input matInput type="text" [(ngModel)]="newPort.name" placeholder="Name" />
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="newPort.lport" placeholder="Local port" />
<input matInput type="number" min="0" max="65535" [(ngModel)]="newPort.lport" placeholder="Local port" />
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="text" [(ngModel)]="newPort.rhost" placeholder="Remote host" />
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="newPort.rport" placeholder="Remote port" />
<input matInput type="number" min="0" max="65535" [(ngModel)]="newPort.rport" placeholder="Remote port" />
</mat-form-field>
<button mat-button class="form-field" (click)="onAddUdpInterface()">Add</button>

2
src/app/components/preferences/dynamips/ios-template-details/ios-template-details.component.html
View File

@ -119,7 +119,7 @@
</mat-expansion-panel-header>
<form [formGroup]="memoryForm">
<mat-form-field class="form-field">
<input matInput type="number" formControlName="ram" [(ngModel)]="iosTemplate.ram" placeholder="RAM size" />
<input matInput type="number" min="1" formControlName="ram" [(ngModel)]="iosTemplate.ram" placeholder="RAM size" />
<span matSuffix>MB</span>
</mat-form-field>
<mat-form-field class="form-field">

4
src/app/components/preferences/ios-on-unix/iou-template-details/iou-template-details.component.html
View File

@ -109,11 +109,11 @@
><br />
<mat-checkbox [(ngModel)]="iouTemplate.use_default_iou_values"> Use default IOU values for memories </mat-checkbox>
<mat-form-field class="form-field" *ngIf="!iouTemplate.use_default_iou_values">
<input matInput type="number" [(ngModel)]="iouTemplate.ram" placeholder="RAM size" />
<input matInput type="number" min="1" [(ngModel)]="iouTemplate.ram" placeholder="RAM size" />
<span matSuffix>MB</span>
</mat-form-field>
<mat-form-field class="form-field" *ngIf="!iouTemplate.use_default_iou_values">
<input matInput type="number" [(ngModel)]="iouTemplate.nvram" placeholder="NVRAM size" />
<input matInput type="number" min="1" [(ngModel)]="iouTemplate.nvram" placeholder="NVRAM size" />
<span matSuffix>KB</span>
</mat-form-field>
</mat-expansion-panel>

2
src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.html
View File

@ -46,7 +46,7 @@
</mat-select> </mat-form-field
><br />
<mat-form-field class="form-field">
<input matInput type="number" placeholder="RAM" formControlName="ramMemory" ngDefaultControl />
<input matInput type="number" min="1" placeholder="RAM" formControlName="ramMemory" ngDefaultControl />
<span matSuffix>MB</span>
</mat-form-field>
</form>

8
src/app/components/preferences/qemu/qemu-vm-template-details/qemu-vm-template-details.component.html
View File

@ -62,11 +62,11 @@
</mat-select>
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="qemuTemplate.ram" placeholder="RAM" />
<input matInput type="number" min="1" [(ngModel)]="qemuTemplate.ram" placeholder="RAM" />
<span matSuffix>MB</span>
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="qemuTemplate.cpus" placeholder="vCPUs" />
<input matInput type="number" min="1" [(ngModel)]="qemuTemplate.cpus" placeholder="vCPUs" />
</mat-form-field>
<mat-form-field class="form-field">
@ -185,7 +185,7 @@
<mat-panel-title> Network </mat-panel-title>
</mat-expansion-panel-header>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="qemuTemplate.adapters" placeholder="Adapters" />
<input matInput type="number" min="0" [(ngModel)]="qemuTemplate.adapters" placeholder="Adapters" />
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="text" [(ngModel)]="qemuTemplate.first_port_name" placeholder="First port name" />
@ -194,7 +194,7 @@
<input matInput type="text" [(ngModel)]="qemuTemplate.port_name_format" placeholder="Name format" />
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="qemuTemplate.port_segment_size" placeholder="Segment size" />
<input matInput type="number" min="0" [(ngModel)]="qemuTemplate.port_segment_size" placeholder="Segment size" />
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="text" [(ngModel)]="qemuTemplate.mac_address" placeholder="Base MAC" />

4
src/app/components/preferences/vmware/vmware-template-details/vmware-template-details.component.html
View File

@ -95,7 +95,7 @@
<mat-panel-title> Network </mat-panel-title>
</mat-expansion-panel-header>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="vmwareTemplate.adapters" placeholder="Adapters" />
<input matInput type="number" min="0" [(ngModel)]="vmwareTemplate.adapters" placeholder="Adapters" />
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="text" [(ngModel)]="vmwareTemplate.first_port_name" placeholder="First port name" />
@ -104,7 +104,7 @@
<input matInput type="text" [(ngModel)]="vmwareTemplate.port_name_format" placeholder="Name format" />
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="vmwareTemplate.port_segment_size" placeholder="Segment size" />
<input matInput type="number" min="0" [(ngModel)]="vmwareTemplate.port_segment_size" placeholder="Segment size" />
</mat-form-field>
<mat-form-field class="form-field">
<mat-select placeholder="Type" [(ngModel)]="vmwareTemplate.adapter_type">

8
src/app/components/project-map/node-editors/configurator/atm_switch/configurator-atm-switch.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for ATM switch {{ name }}</h1>
<div class="modal-form-container">
<div class="content">
@ -45,17 +45,17 @@
<form [formGroup]="inputForm">
Source
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="sourcePort" formControlName="sourcePort" placeholder="Port" />
<input matInput type="number" min="0" [(ngModel)]="sourcePort" formControlName="sourcePort" placeholder="Port" />
</mat-form-field>
</form>
<form [formGroup]="abstractForm">
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="sourceVpi" formControlName="sourceVpi" placeholder="VPI" />
<input matInput type="number" min="0" [(ngModel)]="sourceVpi" formControlName="sourceVpi" placeholder="VPI" />
</mat-form-field>
</form>
<form [formGroup]="inputForm">
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="sourceVci" formControlName="sourceVci" placeholder="VCI" />
<input matInput type="number" min="0" [(ngModel)]="sourceVci" formControlName="sourceVci" placeholder="VCI" />
</mat-form-field>
Destination
<mat-form-field class="form-field">

2
src/app/components/project-map/node-editors/configurator/cloud/configurator-cloud.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for cloud node {{ name }}</h1>
<div class="modal-form-container">
<div class="content">

4
src/app/components/project-map/node-editors/configurator/docker/configurator-docker.component.html
View File

@ -33,12 +33,12 @@
</mat-form-field>
<mat-form-field class="form-field">
<input formControlName="memory" matInput type="number" [(ngModel)]="node.properties.memory" placeholder="Maximum memory">
<input formControlName="memory" matInput type="number" min="1" [(ngModel)]="node.properties.memory" placeholder="Maximum memory">
<span matSuffix>MB</span>
</mat-form-field>
<mat-form-field class="form-field">
<input formControlName="cpus" matInput type="number" [(ngModel)]="node.properties.cpus" placeholder="Maximum CPUs">
<input formControlName="cpus" matInput type="number" min="1" [(ngModel)]="node.properties.cpus" placeholder="Maximum CPUs">
</mat-form-field>
<button mat-button class="form-field" (click)="configureCustomAdapters()">

2
src/app/components/project-map/node-editors/configurator/ethernet-switch/configurator-ethernet-switch.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for Ethernet switch {{ name }}</h1>
<div class="modal-form-container">
<div class="content">

2
src/app/components/project-map/node-editors/configurator/ethernet_hub/configurator-ethernet-hub.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for Ethernet hub {{ name }}</h1>
<div class="modal-form-container">
<div class="content">

2
src/app/components/project-map/node-editors/configurator/ios/configurator-ios.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for IOS router {{ name }}</h1>
<div class="modal-form-container">
<div class="content">

6
src/app/components/project-map/node-editors/configurator/iou/configurator-iou.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for IOU device {{ name }}</h1>
<div class="modal-form-container">
<div class="content">
@ -22,11 +22,11 @@
<mat-checkbox [(ngModel)]="node.console_auto_start"> Auto start console </mat-checkbox><br />
<mat-checkbox [(ngModel)]="node.properties.use_default_iou_values"> Use default IOU values for memories </mat-checkbox>
<mat-form-field class="form-field" *ngIf="!node.properties.use_default_iou_values">
<input matInput type="number" [(ngModel)]="node.properties.ram" placeholder="RAM size" />
<input matInput type="number" min="1" [(ngModel)]="node.properties.ram" placeholder="RAM size" />
<span matSuffix>MB</span>
</mat-form-field>
<mat-form-field class="form-field" *ngIf="!node.properties.use_default_iou_values">
<input matInput type="number" [(ngModel)]="node.properties.nvram" placeholder="NVRAM size" />
<input matInput type="number" min="1" [(ngModel)]="node.properties.nvram" placeholder="NVRAM size" />
<span matSuffix>KB</span>
</mat-form-field>
</mat-tab>

2
src/app/components/project-map/node-editors/configurator/nat/configurator-nat.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for NAT node {{ name }}</h1>
<div class="modal-form-container">
<div class="content">

4
src/app/components/project-map/node-editors/configurator/qemu/configurator-qemu.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for Qemu VM {{ name }}</h1>
<div class="modal-form-container">
<div class="content">
@ -30,7 +30,7 @@
</mat-form-field>
</form>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="node.properties.cpus" placeholder="vCPUs" />
<input matInput type="number" min="1" [(ngModel)]="node.properties.cpus" placeholder="vCPUs" />
</mat-form-field>
<mat-form-field class="form-field">

2
src/app/components/project-map/node-editors/configurator/qemu/qemu-image-creator/qemu-image-creator.component.html
View File

@ -97,7 +97,7 @@
<input matInput type="text" [(ngModel)]="qemuImg.path" formControlName="path" placeholder="File location" />
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="qemuImg.size" formControlName="size" placeholder="Disk size" />
<input matInput type="number" min="1" [(ngModel)]="qemuImg.size" formControlName="size" placeholder="Disk size" />
</mat-form-field>
</form>
</mat-card>

6
src/app/components/project-map/node-editors/configurator/switch/configurator-switch.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for Frame-Relay switch {{ name }}</h1>
<div class="modal-form-container">
<div class="content">
@ -43,10 +43,10 @@
<form [formGroup]="inputForm">
Source
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="sourcePort" formControlName="sourcePort" placeholder="Port" />
<input matInput type="number" min="0" [(ngModel)]="sourcePort" formControlName="sourcePort" placeholder="Port" />
</mat-form-field>
<mat-form-field class="form-field">
<input matInput type="number" [(ngModel)]="sourceDlci" formControlName="sourceDlci" placeholder="DLCI" />
<input matInput type="number" min="1" [(ngModel)]="sourceDlci" formControlName="sourceDlci" placeholder="DLCI" />
</mat-form-field>
Destination
<mat-form-field class="form-field">

2
src/app/components/project-map/node-editors/configurator/virtualbox/configurator-virtualbox.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for VirtualBox VM {{ name }}</h1>
<div class="modal-form-container">
<div class="content">

2
src/app/components/project-map/node-editors/configurator/vmware/configurator-vmware.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for VMware VM {{ name }}</h1>
<div class="modal-form-container">
<div class="content">

2
src/app/components/project-map/node-editors/configurator/vpcs/configurator-vpcs.component.html
View File

@ -1,4 +1,4 @@
<h1 mat-dialog-title>Configurator for node {{ name }}</h1>
<h1 mat-dialog-title>Configurator for VPCS node {{ name }}</h1>
<div class="modal-form-container">
<div class="content">