From a3230d068451f1039907379eb31ec3973acb8fb0 Mon Sep 17 00:00:00 2001
From: billz <billzimmerman@gmail.com>
Date: Thu, 9 Nov 2023 22:48:39 +0000
Subject: [PATCH] Implement jQuery mask plugin w/ IP address inputs

---
 app/js/custom.js                 | 10 +++++++++-
 index.php                        |  3 +++
 templates/dhcp/general.php       | 10 +++++-----
 templates/dhcp/static_leases.php |  2 +-
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/app/js/custom.js b/app/js/custom.js
index b7b4360e..6c929c26 100644
--- a/app/js/custom.js
+++ b/app/js/custom.js
@@ -368,7 +368,15 @@ $('#js-sys-reboot, #js-sys-shutdown').on('click', function (e) {
 });
 
 $(document).ready(function(){
-  $("#PanelManual").hide();
+    $("#PanelManual").hide();
+    $('.ip_address').mask('0ZZ.0ZZ.0ZZ.0ZZ', {
+        translation: {
+            'Z': {
+                pattern: /[0-9]/, optional: true
+            }
+        },
+        placeholder: "___.___.___.___"
+    });
 });
 
 $('#wg-upload,#wg-manual').on('click', function (e) {
diff --git a/index.php b/index.php
index d3e6b92c..bffc643c 100755
--- a/index.php
+++ b/index.php
@@ -148,6 +148,9 @@ initializeApp();
     <!-- SB-Admin-2 JavaScript -->
     <script src="dist/sb-admin-2/js/sb-admin-2.js"></script>
 
+    <!-- jQuery Mask plugin -->
+    <script src="dist/jquery-mask/jquery.mask.min.js"></script>
+
     <!-- Custom RaspAP JS -->
     <script src="app/js/custom.js"></script>
 
diff --git a/templates/dhcp/general.php b/templates/dhcp/general.php
index 84c8928f..90f1a98d 100644
--- a/templates/dhcp/general.php
+++ b/templates/dhcp/general.php
@@ -37,7 +37,7 @@
   <div class="row">
     <div class="form-group col-md-6" required>
       <label for="code"><?php echo _("IP Address"); ?></label>
-      <input type="text" class="form-control" id="txtipaddress" name="StaticIP" />
+      <input type="text" class="form-control ip_address" id="txtipaddress" name="StaticIP" maxlength="15" />
       <div class="invalid-feedback">
         <?php echo _("Please provide a valid IP Address."); ?>
       </div>
@@ -47,7 +47,7 @@
   <div class="row">
     <div class="form-group col-md-6">
       <label for="code"><?php echo _("Subnet Mask"); ?></label>
-      <input type="text" class="form-control" id="txtsubnetmask" name="SubnetMask" />
+      <input type="text" class="form-control ip_address" id="txtsubnetmask" name="SubnetMask" maxlength="15" />
       <div class="invalid-feedback">
         <?php echo _("Please provide a valid Subnet mask."); ?>
       </div>
@@ -57,7 +57,7 @@
   <div class="row">
     <div class="form-group col-md-6">
       <label for="code"><?php echo _("Default gateway"); ?></label>
-      <input type="text" class="form-control" id="txtgateway" name="DefaultGateway" />
+      <input type="text" class="form-control ip_address" id="txtgateway" name="DefaultGateway" maxlength="15" />
       <div class="invalid-feedback">
         <?php echo _("Please provide a valid Default gateway."); ?>
       </div>
@@ -107,7 +107,7 @@
   <div class="row">
     <div class="form-group col-md-6">
       <label for="code"><?php echo _("Starting IP Address"); ?></label>
-      <input type="text" class="form-control" id="txtrangestart" name="RangeStart" />
+      <input type="text" class="form-control ip_address" id="txtrangestart" name="RangeStart" maxlength="15" />
       <div class="invalid-feedback">
         <?php echo _("Please provide a valid Starting IP Address."); ?>
       </div>
@@ -117,7 +117,7 @@
   <div class="row">
     <div class="form-group col-md-6">
       <label for="code"><?php echo _("Ending IP Address"); ?></label>
-      <input type="text" class="form-control" id="txtrangeend" name="RangeEnd" />
+      <input type="text" class="form-control ip_address" id="txtrangeend" name="RangeEnd" maxlength="15" />
       <div class="invalid-feedback">
         <?php echo _("Please provide a valid Ending IP Address."); ?>
       </div>
diff --git a/templates/dhcp/static_leases.php b/templates/dhcp/static_leases.php
index a8d371ba..c1e090c4 100644
--- a/templates/dhcp/static_leases.php
+++ b/templates/dhcp/static_leases.php
@@ -33,7 +33,7 @@
           <input type="text" name="mac" value="" placeholder="<?php echo _("MAC address") ?>" class="form-control" autofocus="autofocus">
         </div>
         <div class="col-md-3 col-xs-3">
-          <input type="text" name="ip" value="" placeholder="<?php echo _("IP address") ?>" class="form-control">
+          <input type="text" name="ip" value="" placeholder="<?php echo _("IP address") ?>" class="form-control ip_address" maxlength="15">
         </div>
         <div class="col-md-3 col-xs-3">
           <input type="text" name="comment" value="" placeholder="<?php echo _("Optional comment") ?>" class="form-control">