From 9fd8feb16f99a1b935a05f8659987dffffe4d7ea Mon Sep 17 00:00:00 2001
From: iBNu Maksum <me@ibnux.net>
Date: Wed, 5 Feb 2025 16:02:40 +0700
Subject: [PATCH] fix javascript

---
 system/lan/english.json          |   3 +-
 ui/ui/admin/footer.tpl           |   2 +-
 ui/ui/admin/header.tpl           |   5 +-
 ui/ui/admin/maps/customers.tpl   |   2 +-
 ui/ui/admin/pppoe/add.tpl        |   2 +-
 ui/ui/admin/vpn/add.tpl          |  23 ----
 ui/ui/customer/dashboard.tpl     |   2 +-
 ui/ui/customer/footer.tpl        |   2 +-
 ui/ui/customer/header-public.tpl |   4 +
 ui/ui/customer/header.tpl        |   7 +-
 ui/ui/scripts/custom.js          | 224 +++++++++++++++----------------
 11 files changed, 132 insertions(+), 144 deletions(-)

diff --git a/system/lan/english.json b/system/lan/english.json
index e548db4f..e0dd4709 100644
--- a/system/lan/english.json
+++ b/system/lan/english.json
@@ -1024,5 +1024,6 @@
     "Don_t_forget_to_deactivate_all_active_package_too": "Don't forget to deactivate all active package too",
     "Continue_the_Customer_Data_change_process_": "Continue the Customer Data change process?",
     "Oops__The_page_you_are_looking_for_was_not_found": "Oops! The page you are looking for was not found",
-    "Back_to_Dashboard": "Back to Dashboard"
+    "Back_to_Dashboard": "Back to Dashboard",
+    "Continue_the_VPN_creation_process_": "Continue the VPN creation process?"
 }
\ No newline at end of file
diff --git a/ui/ui/admin/footer.tpl b/ui/ui/admin/footer.tpl
index aeb52dfe..e5d55c19 100644
--- a/ui/ui/admin/footer.tpl
+++ b/ui/ui/admin/footer.tpl
@@ -13,7 +13,7 @@
 <script src="{$app_url}/ui/ui/scripts/plugins/select2.min.js"></script>
 <script src="{$app_url}/ui/ui/scripts/pace.min.js"></script>
 <script src="{$app_url}/ui/ui/summernote/summernote.min.js"></script>
-<script src="{$app_url}/ui/ui/scripts/custom.js"></script>
+<script src="{$app_url}/ui/ui/scripts/custom.js?2025.2.5"></script>
 
 <script>
     document.getElementById('openSearch').addEventListener('click', function () {
diff --git a/ui/ui/admin/header.tpl b/ui/ui/admin/header.tpl
index da861b30..79f88c12 100644
--- a/ui/ui/admin/header.tpl
+++ b/ui/ui/admin/header.tpl
@@ -7,8 +7,11 @@
     <title>{$_title} - {$_c['CompanyName']}</title>
     <link rel="shortcut icon" href="{$app_url}/ui/ui/images/logo.png" type="image/x-icon" />
 
-    <link rel="stylesheet" href="{$app_url}/ui/ui/styles/bootstrap.min.css">
+    <script>
+        var appUrl = '{$app_url}';
+    </script>
 
+    <link rel="stylesheet" href="{$app_url}/ui/ui/styles/bootstrap.min.css">
     <link rel="stylesheet" href="{$app_url}/ui/ui/fonts/ionicons/css/ionicons.min.css">
     <link rel="stylesheet" href="{$app_url}/ui/ui/fonts/font-awesome/css/font-awesome.min.css">
     <link rel="stylesheet" href="{$app_url}/ui/ui/styles/modern-AdminLTE.min.css">
diff --git a/ui/ui/admin/maps/customers.tpl b/ui/ui/admin/maps/customers.tpl
index 53b74e5c..5fc4b174 100644
--- a/ui/ui/admin/maps/customers.tpl
+++ b/ui/ui/admin/maps/customers.tpl
@@ -1,7 +1,7 @@
 {include file="sections/header.tpl"}
 
 
-<form id="site-search" method="post" action="{Text::url('')}map/customer/">
+<form id="site-search" method="post" action="{Text::url('map/customer/')}">
     <input type="hidden" name="_route" value="map/customer">
     <div class="input-group">
         <div class="input-group-addon">
diff --git a/ui/ui/admin/pppoe/add.tpl b/ui/ui/admin/pppoe/add.tpl
index d59bce25..7e6ed299 100644
--- a/ui/ui/admin/pppoe/add.tpl
+++ b/ui/ui/admin/pppoe/add.tpl
@@ -184,7 +184,7 @@
                     document.getElementById("routers").required = false;
                     document.getElementById("routers").disabled = true;
                     $.ajax({
-                        url: "?_route=autoload/pool",
+                        url: "{/literal}{Text::url('autoload/pool')}{literal}",
                         data: "routers=radius",
                         cache: false,
                         success: function(msg) {
diff --git a/ui/ui/admin/vpn/add.tpl b/ui/ui/admin/vpn/add.tpl
index 6eb019ca..d31877df 100644
--- a/ui/ui/admin/vpn/add.tpl
+++ b/ui/ui/admin/vpn/add.tpl
@@ -162,27 +162,4 @@
         prePaid()
     })
 </script>
-{if $_c['radius_enable']}
-    {literal}
-        <script>
-            function isRadius(cek) {
-                if (cek.checked) {
-                    document.getElementById("routers").required = false;
-                    document.getElementById("routers").disabled = true;
-                    $.ajax({
-                        url: "?_route=autoload/pool",
-                        data: "routers=radius",
-                        cache: false,
-                        success: function(msg) {
-                            $("#pool_name").html(msg);
-                        }
-                    });
-                } else {
-                    document.getElementById("routers").required = true;
-                    document.getElementById("routers").disabled = false;
-                }
-            }
-        </script>
-    {/literal}
-{/if}
 {include file="sections/footer.tpl"}
diff --git a/ui/ui/customer/dashboard.tpl b/ui/ui/customer/dashboard.tpl
index b9cc75af..6cf5aa89 100644
--- a/ui/ui/customer/dashboard.tpl
+++ b/ui/ui/customer/dashboard.tpl
@@ -325,7 +325,7 @@
                     <script>
                         setTimeout(() => {
                             $.ajax({
-                                url: "?_route=autoload_user/isLogin/{$_bill['id']}",
+                                url: "{Text::url('autoload_user/isLogin/')}{$_bill['id']}",
                                 cache: false,
                                 success: function(msg) {
                                     $("#login_status_{$_bill['id']}").html(msg);
diff --git a/ui/ui/customer/footer.tpl b/ui/ui/customer/footer.tpl
index 0b3740b5..2bb6ca86 100644
--- a/ui/ui/customer/footer.tpl
+++ b/ui/ui/customer/footer.tpl
@@ -47,7 +47,7 @@
 <script src="{$app_url}/ui/ui/scripts/adminlte.min.js"></script>
 
 <script src="{$app_url}/ui/ui/scripts/plugins/select2.min.js"></script>
-<script src="{$app_url}/ui/ui/scripts/custom.js?v=2"></script>
+<script src="{$app_url}/ui/ui/scripts/custom.js?2025.2.5"></script>
 
 {if isset($xfooter)}
     {$xfooter}
diff --git a/ui/ui/customer/header-public.tpl b/ui/ui/customer/header-public.tpl
index 4aca520d..07117c41 100644
--- a/ui/ui/customer/header-public.tpl
+++ b/ui/ui/customer/header-public.tpl
@@ -7,6 +7,10 @@
     <title>{$_title} - {$_c['CompanyName']}</title>
     <link rel="shortcut icon" href="{$app_url}/ui/ui/images/logo.png" type="image/x-icon" />
 
+    <script>
+        var appUrl = '{$app_url}';
+    </script>
+
     <link rel="stylesheet" href="{$app_url}/ui/ui/styles/bootstrap.min.css">
     <link rel="stylesheet" href="{$app_url}/ui/ui/styles/modern-AdminLTE.min.css">
     <link rel="stylesheet" href="{$app_url}/ui/ui/styles/sweetalert2.min.css" />
diff --git a/ui/ui/customer/header.tpl b/ui/ui/customer/header.tpl
index e43f55db..0a049872 100644
--- a/ui/ui/customer/header.tpl
+++ b/ui/ui/customer/header.tpl
@@ -5,10 +5,13 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{$_title} - {$_c['CompanyName']}</title>
+
+    <script>
+        var appUrl = '{$app_url}';
+    </script>
+
     <link rel="shortcut icon" href="{$app_url}/ui/ui/images/logo.png" type="image/x-icon" />
-
     <link rel="stylesheet" href="{$app_url}/ui/ui/styles/bootstrap.min.css">
-
     <link rel="stylesheet" href="{$app_url}/ui/ui/fonts/ionicons/css/ionicons.min.css">
     <link rel="stylesheet" href="{$app_url}/ui/ui/fonts/font-awesome/css/font-awesome.min.css">
     <link rel="stylesheet" href="{$app_url}/ui/ui/styles/modern-AdminLTE.min.css">
diff --git a/ui/ui/scripts/custom.js b/ui/ui/scripts/custom.js
index 1813ed12..599fa87b 100644
--- a/ui/ui/scripts/custom.js
+++ b/ui/ui/scripts/custom.js
@@ -1,45 +1,45 @@
 // radio checked - hotspot plan
 $(document).ready(function () {
-    $('input[type=radio]').change(function(){
+	$('input[type=radio]').change(function () {
 
-	if ($('#Time_Limit').is(':checked')) {
-        $('#DataLimit').hide();
-		$('#TimeLimit').show();
-    }
-	if ($('#Data_Limit').is(':checked')) {
-        $('#TimeLimit').hide();
-		$('#DataLimit').show();
-    }
-	if ($('#Both_Limit').is(':checked')) {
-        $('#TimeLimit').show();
-		$('#DataLimit').show();
-    }
+		if ($('#Time_Limit').is(':checked')) {
+			$('#DataLimit').hide();
+			$('#TimeLimit').show();
+		}
+		if ($('#Data_Limit').is(':checked')) {
+			$('#TimeLimit').hide();
+			$('#DataLimit').show();
+		}
+		if ($('#Both_Limit').is(':checked')) {
+			$('#TimeLimit').show();
+			$('#DataLimit').show();
+		}
 
-	if ($('#Unlimited').is(':checked')) {
-        $('#Type').hide();
-		$('#TimeLimit').hide();
-		$('#DataLimit').hide();
-    } else {
-        $('#Type').show();
-    }
+		if ($('#Unlimited').is(':checked')) {
+			$('#Type').hide();
+			$('#TimeLimit').hide();
+			$('#DataLimit').hide();
+		} else {
+			$('#Type').show();
+		}
 
-	if ($('#Hotspot').is(':checked')) {
-        $('#p').hide();
-		$('#h').show();
-    }
-	if ($('#PPPOE').is(':checked')) {
-        $('#p').show();
-		$('#h').hide();
-    }
+		if ($('#Hotspot').is(':checked')) {
+			$('#p').hide();
+			$('#h').show();
+		}
+		if ($('#PPPOE').is(':checked')) {
+			$('#p').show();
+			$('#h').hide();
+		}
 
-    });
+	});
 });
 $("#Hotspot").prop("checked", true).change();
 
 
 function checkIP(f, id) {
 	if (f.value.length > 6) {
-		$.get('./?_route=autoload/pppoe_ip_used&ip=' + f.value + '&id=' + id, function(data) {
+		$.get(appUrl + '/?_route=autoload/pppoe_ip_used&ip=' + f.value + '&id=' + id, function (data) {
 			$("#warning_ip").html(data)
 		});
 	}
@@ -47,7 +47,7 @@ function checkIP(f, id) {
 
 function checkUsername(f, id) {
 	if (f.value.length > 1) {
-		$.get('./?_route=autoload/pppoe_username_used&u=' + f.value + '&id=' + id, function(data) {
+		$.get(appUrl + '/?_route=autoload/pppoe_username_used&u=' + f.value + '&id=' + id, function (data) {
 			$("#warning_username").html(data)
 		});
 	}
@@ -55,115 +55,115 @@ function checkUsername(f, id) {
 
 //auto load pool - pppoe plan
 var htmlobjek;
-$(document).ready(function(){
-  $("#routers").change(function(){
-    var routers = $("#routers").val();
-    $.ajax({
-        url: "?_route=autoload/pool",
-        data: "routers="+routers,
-        cache: false,
-        success: function(msg){
-            $("#pool_name").html(msg);
-        }
-    });
-  });
+$(document).ready(function () {
+	$("#routers").change(function () {
+		var routers = $("#routers").val();
+		$.ajax({
+			url: appUrl + "/?_route=autoload/pool",
+			data: "routers=" + routers,
+			cache: false,
+			success: function (msg) {
+				$("#pool_name").html(msg);
+			}
+		});
+	});
 });
 
 //auto load plans data - recharge user
-$(function() {
-    $('input[type=radio]').change(function(){
+$(function () {
+	$('input[type=radio]').change(function () {
 		if ($('#Hot').is(':checked')) {
+			$.ajax({
+				type: "POST",
+				dataType: "html",
+				url: appUrl + "/?_route=autoload/server",
+				success: function (msg) {
+					$("#server").html(msg);
+				}
+			});
+
+			$("#server").change(getAjaxAlamat);
+			function getAjaxAlamat() {
+				var server = $("#server").val();
 				$.ajax({
 					type: "POST",
 					dataType: "html",
-					url: "?_route=autoload/server",
-					success: function(msg){
-						$("#server").html(msg);
+					url: appUrl + "/?_route=autoload/plan",
+					data: "jenis=Hotspot&server=" + server,
+					success: function (msg) {
+						$("#plan").html(msg);
 					}
 				});
-
-				$("#server").change(getAjaxAlamat);
-				function getAjaxAlamat(){
-					var server = $("#server").val();
-					$.ajax({
-						type: "POST",
-						dataType: "html",
-						url: "?_route=autoload/plan",
-						data: "jenis=Hotspot&server="+server,
-						success: function(msg){
-							$("#plan").html(msg);
-						}
-					});
-				};
+			};
 
 		} else if ($('#POE').is(':checked')) {
+			$.ajax({
+				type: "POST",
+				dataType: "html",
+				url: appUrl + "/?_route=autoload/server",
+				success: function (msg) {
+					$("#server").html(msg);
+				}
+			});
+			$("#server").change(function () {
+				var server = $("#server").val();
 				$.ajax({
 					type: "POST",
 					dataType: "html",
-					url: "?_route=autoload/server",
-					success: function(msg){
-						$("#server").html(msg);
+					url: appUrl + "/?_route=autoload/plan",
+					data: "jenis=PPPOE&server=" + server,
+					success: function (msg) {
+						$("#plan").html(msg);
 					}
 				});
-				$("#server").change(function(){
-					var server = $("#server").val();
-					$.ajax({
-						type: "POST",
-						dataType: "html",
-						url: "?_route=autoload/plan",
-						data: "jenis=PPPOE&server="+server,
-						success: function(msg){
-							$("#plan").html(msg);
-						}
-					});
-				});
+			});
 		} else {
+			$.ajax({
+				type: "POST",
+				dataType: "html",
+				url: appUrl + "/?_route=autoload/server",
+				success: function (msg) {
+					$("#server").html(msg);
+				}
+			});
+			$("#server").change(function () {
+				var server = $("#server").val();
 				$.ajax({
 					type: "POST",
 					dataType: "html",
-					url: "?_route=autoload/server",
-					success: function(msg){
-						$("#server").html(msg);
+					url: appUrl + "/?_route=autoload/plan",
+					data: "jenis=VPN&server=" + server,
+					success: function (msg) {
+						$("#plan").html(msg);
 					}
 				});
-				$("#server").change(function(){
-					var server = $("#server").val();
-					$.ajax({
-						type: "POST",
-						dataType: "html",
-						url: "?_route=autoload/plan",
-						data: "jenis=VPN&server="+server,
-						success: function(msg){
-							$("#plan").html(msg);
-						}
-					});
-				});
+			});
 		}
-    });
+	});
 });
 
 
 function showPrivacy() {
-    $('#HTMLModal_title').html('Privacy Policy');
-    $('#HTMLModal_konten').html('<center><img src="ui/ui/images/loading.gif"></center>');
-    $('#HTMLModal').modal({
-        'show': true,
-        'backdrop': false,
-    });
-    $.get('pages/Privacy_Policy.html?' + (new Date()), function(data) {
-        $('#HTMLModal_konten').html(data);
-    });
+	$('#HTMLModal_title').html('Privacy Policy');
+	$('#HTMLModal_konten').html('<center><img src="ui/ui/images/loading.gif"></center>');
+	$('#HTMLModal').modal({
+		'show': true,
+		'backdrop': false,
+	});
+	$.get('pages/Privacy_Policy.html?' + (new Date()), function (data) {
+		$('#HTMLModal_konten').html(data);
+	});
 }
 
 function showTaC() {
-    $('#HTMLModal_title').html('Terms and Conditions');
-    $('#HTMLModal_konten').html('<center><img src="ui/ui/images/loading.gif"></center>');
-    $('#HTMLModal').modal({
-        'show': true,
-        'backdrop': false,
-    });
-    $.get('pages/Terms_and_Conditions.html?' + (new Date()), function(data) {
-        $('#HTMLModal_konten').html(data);
-        $('#HTMLModal').modal('handleUpdate')
-    });
+	$('#HTMLModal_title').html('Terms and Conditions');
+	$('#HTMLModal_konten').html('<center><img src="ui/ui/images/loading.gif"></center>');
+	$('#HTMLModal').modal({
+		'show': true,
+		'backdrop': false,
+	});
+	$.get('pages/Terms_and_Conditions.html?' + (new Date()), function (data) {
+		$('#HTMLModal_konten').html(data);
+		$('#HTMLModal').modal('handleUpdate')
+	});
 }
\ No newline at end of file