From b27e0adca99d5af75bd1415f1ac0865aefe80986 Mon Sep 17 00:00:00 2001
From: Ibnu Maksum <ibnumaksum@gmail.com>
Date: Wed, 13 Mar 2024 16:29:22 +0700
Subject: [PATCH] Fix onclick prepaid

---
 ui/ui/hotspot-add.tpl  | 10 +++++-----
 ui/ui/hotspot-edit.tpl |  8 ++++----
 ui/ui/pppoe-add.tpl    | 10 +++++-----
 ui/ui/pppoe-edit.tpl   | 12 ++++++------
 4 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/ui/ui/hotspot-add.tpl b/ui/ui/hotspot-add.tpl
index f0528edd..9f5c7fb9 100644
--- a/ui/ui/hotspot-add.tpl
+++ b/ui/ui/hotspot-add.tpl
@@ -16,8 +16,8 @@
                     <div class="form-group">
                         <label class="col-md-2 control-label">{Lang::T('Type')}</label>
                         <div class="col-md-10">
-                            <input type="radio" name="prepaid" onclick="prepaid()" value="yes" checked> Prepaid
-                            <input type="radio" name="prepaid" onclick="postpaid()" value="no"> Postpaid
+                            <input type="radio" name="prepaid" onclick="prePaid()" value="yes" checked> Prepaid
+                            <input type="radio" name="prepaid" onclick="postPaid()" value="no"> Postpaid
                         </div>
                     </div>
                     {if $_c['radius_enable']}
@@ -173,15 +173,15 @@
 <option value="Days">{Lang::T('Days')}</option>
 <option value="Months">{Lang::T('Months')}</option>`;
     var postOpt = `<option value="Period">{Lang::T('Period')}</option>`;
-    function prepaid() {
+    function prePaid() {
         $("#validity_unit").html(preOpt);
     }
 
-    function postpaid() {
+    function postPaid() {
         $("#validity_unit").html(postOpt);
     }
     document.addEventListener("DOMContentLoaded", function(event) {
-        prepaid()
+        prePaid()
     })
 </script>
 {if $_c['radius_enable']}
diff --git a/ui/ui/hotspot-edit.tpl b/ui/ui/hotspot-edit.tpl
index 847da83c..95b5d331 100644
--- a/ui/ui/hotspot-edit.tpl
+++ b/ui/ui/hotspot-edit.tpl
@@ -17,10 +17,10 @@
                     <div class="form-group">
                         <label class="col-md-2 control-label">{Lang::T('Type')}</label>
                         <div class="col-md-10">
-                            <input type="radio" name="prepaid" onclick="prepaid()" value="yes"
+                            <input type="radio" name="prepaid" onclick="prePaid()" value="yes"
                                 {if $d['prepaid'] == yes}checked{/if}>
                             Prepaid
-                            <input type="radio" name="prepaid" onclick="postpaid()" value="no"
+                            <input type="radio" name="prepaid" onclick="postPaid()" value="no"
                                 {if $d['prepaid'] == no}checked{/if}> Postpaid
                         </div>
                     </div>
@@ -201,11 +201,11 @@
     <option value="Days">{Lang::T('Days')}</option>
     <option value="Months">{Lang::T('Months')}</option>`;
     var postOpt = `<option value="Period">{Lang::T('Period')}</option>`;
-    function prepaid() {
+    function prePaid() {
         $("#validity_unit").html(preOpt);
     }
 
-    function postpaid() {
+    function postPaid() {
         $("#validity_unit").html(postOpt);
     }
 </script>
diff --git a/ui/ui/pppoe-add.tpl b/ui/ui/pppoe-add.tpl
index b0e55ded..d2e8d1eb 100644
--- a/ui/ui/pppoe-add.tpl
+++ b/ui/ui/pppoe-add.tpl
@@ -16,8 +16,8 @@
                     <div class="form-group">
                         <label class="col-md-2 control-label">{Lang::T('Type')}</label>
                         <div class="col-md-10">
-                            <input type="radio" name="prepaid" onclick="prepaid()" value="yes" checked> Prepaid
-                            <input type="radio" name="prepaid" onclick="postpaid()" value="no"> Postpaid
+                            <input type="radio" name="prepaid" onclick="prePaid()" value="yes" checked> Prepaid
+                            <input type="radio" name="prepaid" onclick="postPaid()" value="no"> Postpaid
                         </div>
                     </div>
                     {if $_c['radius_enable']}
@@ -122,15 +122,15 @@
 <option value="Days">{Lang::T('Days')}</option>
 <option value="Months">{Lang::T('Months')}</option>`;
     var postOpt = `<option value="Period">{Lang::T('Period')}</option>`;
-    function prepaid() {
+    function prePaid() {
         $("#validity_unit").html(preOpt);
     }
 
-    function postpaid() {
+    function postPaid() {
         $("#validity_unit").html(postOpt);
     }
     document.addEventListener("DOMContentLoaded", function(event) {
-        prepaid()
+        prePaid()
     })
 </script>
 {if $_c['radius_enable']}
diff --git a/ui/ui/pppoe-edit.tpl b/ui/ui/pppoe-edit.tpl
index afa1d18a..b558a1b7 100644
--- a/ui/ui/pppoe-edit.tpl
+++ b/ui/ui/pppoe-edit.tpl
@@ -17,9 +17,9 @@
                     <div class="form-group">
                         <label class="col-md-2 control-label">{Lang::T('Type')}</label>
                         <div class="col-md-10">
-                            <input type="radio" name="prepaid" value="yes" {if $d['prepaid'] == yes}checked{/if}>
+                            <input type="radio" name="prepaid" onclick="prePaid()" value="yes" {if $d['prepaid'] == yes}checked{/if}>
                             Prepaid
-                            <input type="radio" name="prepaid" value="no" {if $d['prepaid'] == no}checked{/if}> Postpaid
+                            <input type="radio" name="prepaid" onclick="postPaid()" value="no" {if $d['prepaid'] == no}checked{/if}> Postpaid
                         </div>
                     </div>
                     {if $_c['radius_enable'] and $d['is_radius']}
@@ -80,9 +80,9 @@
                                         {Lang::T('Period')}</option>
                                 {/if}
                             </select>
-                            <p class="help-block col-md-4">
-                                {Lang::T('1 Period = 1 Month, Expires the 20th of each month')}</p>
                         </div>
+                        <p class="help-block col-md-4">
+                            {Lang::T('1 Period = 1 Month, Expires the 20th of each month')}</p>
                     </div>
                     <div class="form-group">
                         <label class="col-md-2 control-label"><a href="{$_url}pool/add">{Lang::T('IP Pool')}</a></label>
@@ -141,11 +141,11 @@
     <option value="Days">{Lang::T('Days')}</option>
     <option value="Months">{Lang::T('Months')}</option>`;
     var postOpt = `<option value="Period">{Lang::T('Period')}</option>`;
-    function prepaid() {
+    function prePaid() {
         $("#validity_unit").html(preOpt);
     }
 
-    function postpaid() {
+    function postPaid() {
         $("#validity_unit").html(postOpt);
     }
 </script>