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

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

@@ -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>

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

@@ -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>

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

@@ -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>

src/app/components/preferences/common/ports/ports.component.html

@@ -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">

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

@@ -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>

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

@@ -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">

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

@@ -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>

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

@@ -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>

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

@@ -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" />

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

@@ -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">

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

@@ -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">

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

@@ -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">

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

@@ -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()">

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

@@ -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">

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

@@ -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">

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

@@ -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">

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

@@ -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>

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

@@ -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">

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

@@ -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">

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

@@ -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>

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

@@ -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">

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

@@ -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">

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

@@ -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">

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

@@ -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">