Allow start interface to be named 0

blank.php

@@ -28,6 +28,8 @@ echo getUserAgent();
 ?>
     <br>
 
+    <input type="tel" name="phone" id="phone">
+
     <dl>
         <dt>Requester</dt>
         <dd>Sam Adams</dd>

includes/footer.php

@@ -33,7 +33,7 @@ if (str_contains(basename($_SERVER["PHP_SELF"]), "admin_")) { ?>
 <script src="plugins/clipboardjs/clipboard.min.js"></script>
 <script src="js/keepalive.js"></script>
 <script src="plugins/DataTables/datatables.min.js"></script>
-
+<script src="plugins/intl-tel-input/js/intlTelInput.min.js"></script>
 
 <!-- AdminLTE App -->
 <script src="plugins/adminlte/js/adminlte.min.js"></script>

includes/header.php

@@ -39,6 +39,7 @@ header("X-Frame-Options: DENY");
     <link href='plugins/daterangepicker/daterangepicker.css' rel='stylesheet' />
     <link href="plugins/toastr/toastr.min.css" rel="stylesheet">
     <link href="plugins/DataTables/datatables.min.css" rel="stylesheet">
+    <link href="plugins/intl-tel-input/css/intlTelInput.min.css" rel="stylesheet">
     <!-- CSS to allow regular button to show as block button in mobile response view using the class btn-responsive -->
     <link href="css/itflow_custom.css" rel="stylesheet">
 

js/app.js

@@ -439,4 +439,15 @@ $(function () {
 });
 
 // Data Tables
-new DataTable('.dataTables');
+new DataTable('.dataTables');
+
+// Initialize International Phone Input
+const inputs = document.querySelectorAll('input[type="tel"]');
+// Loop through all the selected inputs and initialize intlTelInput on each one
+inputs.forEach(input => {
+  window.intlTelInput(input, {
+    initialCountry: "us",
+    strictMode: true,
+    loadUtils: () => import("../plugins/intl-tel-input/js/utils.js") // for formatting/placeholders etc
+  });
+});

modals/asset_interface_multiple_add_modal.php

@@ -21,7 +21,7 @@
                             <div class="input-group-prepend">
                                 <span class="input-group-text"><i class="fa fa-fw fa-ethernet"></i></span>
                             </div>
-                            <input type="number" id="interface_start" class="form-control" name="interface_start" placeholder="e.g., 1" min="1" required>
+                            <input type="number" id="interface_start" class="form-control" name="interface_start" placeholder="e.g., 1" min="0" required>
                         </div>
                     </div>