From 8e3dd42a327411277919e50c967d179518a9555f Mon Sep 17 00:00:00 2001
From: johnnyq <johnny@pittpc.com>
Date: Fri, 21 Mar 2025 21:54:55 -0400
Subject: [PATCH] Allow start interface to be named 0

---
 blank.php                                     |  2 ++
 includes/footer.php                           |  2 +-
 includes/header.php                           |  1 +
 js/app.js                                     | 13 ++++++++++++-
 modals/asset_interface_multiple_add_modal.php |  2 +-
 5 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/blank.php b/blank.php
index c878a327..9cf73716 100644
--- a/blank.php
+++ b/blank.php
@@ -28,6 +28,8 @@ echo getUserAgent();
 ?>
     <br>
 
+    <input type="tel" name="phone" id="phone">
+
     <dl>
         <dt>Requester</dt>
         <dd>Sam Adams</dd>
diff --git a/includes/footer.php b/includes/footer.php
index e5cc1b36..bb0cf4f6 100644
--- a/includes/footer.php
+++ b/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>
diff --git a/includes/header.php b/includes/header.php
index 8c6aee12..2acbeed4 100644
--- a/includes/header.php
+++ b/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">
 
diff --git a/js/app.js b/js/app.js
index 1b7bbbbe..d30c38e4 100644
--- a/js/app.js
+++ b/js/app.js
@@ -439,4 +439,15 @@ $(function () {
 });
 
 // Data Tables
-new DataTable('.dataTables');
\ No newline at end of file
+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
+  });
+});
\ No newline at end of file
diff --git a/modals/asset_interface_multiple_add_modal.php b/modals/asset_interface_multiple_add_modal.php
index 18958b52..2fc707cd 100644
--- a/modals/asset_interface_multiple_add_modal.php
+++ b/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>