roolback menu header

This commit is contained in:
Ibnu Maksum 2024-08-15 11:06:34 +07:00
parent 768e2f203d
commit 7af2c57703
No known key found for this signature in database
GPG Key ID: 7FC82848810579E5
4 changed files with 224 additions and 222 deletions

View File

@ -1,101 +1,101 @@
</section> </section>
</div> </div>
<footer class="main-footer"> <footer class="main-footer">
<div class="pull-right" id="version" onclick="location.href = '{$_url}community#latestVersion';"></div> <div class="pull-right" id="version" onclick="location.href = '{$_url}community#latestVersion';"></div>
PHPNuxBill by <a href="https://github.com/hotspotbilling/phpnuxbill" rel="nofollow noreferrer noopener" PHPNuxBill by <a href="https://github.com/hotspotbilling/phpnuxbill" rel="nofollow noreferrer noopener"
target="_blank">iBNuX</a>, Theme by <a href="https://adminlte.io/" rel="nofollow noreferrer noopener" target="_blank">iBNuX</a>, Theme by <a href="https://adminlte.io/" rel="nofollow noreferrer noopener"
target="_blank">AdminLTE</a> target="_blank">AdminLTE</a>
</footer> </footer>
</div> </div>
<script src="{$app_url}/ui/ui/scripts/jquery.min.js"></script> <script src="ui/ui/scripts/jquery.min.js"></script>
<script src="{$app_url}/ui/ui/scripts/bootstrap.min.js"></script> <script src="ui/ui/scripts/bootstrap.min.js"></script>
<script src="{$app_url}/ui/ui/scripts/adminlte.min.js"></script> <script src="ui/ui/scripts/adminlte.min.js"></script>
<script src="{$app_url}/ui/ui/scripts/plugins/select2.min.js"></script> <script src="ui/ui/scripts/plugins/select2.min.js"></script>
<script src="{$app_url}/ui/ui/scripts/pace.min.js"></script> <script src="ui/ui/scripts/pace.min.js"></script>
<script src="{$app_url}/ui/ui/scripts/custom.js"></script> <script src="ui/ui/scripts/custom.js"></script>
{if isset($xfooter)} {if isset($xfooter)}
{$xfooter} {$xfooter}
{/if} {/if}
{literal} {literal}
<script> <script>
$(document).ready(function() { $(document).ready(function() {
$('.select2').select2({theme: "bootstrap"}); $('.select2').select2({theme: "bootstrap"});
$('.select2tag').select2({theme: "bootstrap", tags: true}); $('.select2tag').select2({theme: "bootstrap", tags: true});
var listAtts = document.querySelectorAll(`button[type="submit"]`); var listAtts = document.querySelectorAll(`button[type="submit"]`);
listAtts.forEach(function(el) { listAtts.forEach(function(el) {
if (el.addEventListener) { // all browsers except IE before version 9 if (el.addEventListener) { // all browsers except IE before version 9
el.addEventListener("click", function() { el.addEventListener("click", function() {
$(this).html( $(this).html(
`<span class="loading"></span>` `<span class="loading"></span>`
); );
// setTimeout(() => { // setTimeout(() => {
// $(this).prop("disabled", true); // $(this).prop("disabled", true);
// }, 100); // }, 100);
}, false); }, false);
} else { } else {
if (el.attachEvent) { // IE before version 9 if (el.attachEvent) { // IE before version 9
el.attachEvent("click", function() { el.attachEvent("click", function() {
$(this).html( $(this).html(
`<span class="loading"></span>` `<span class="loading"></span>`
); );
// setTimeout(() => { // setTimeout(() => {
// $(this).prop("disabled", true); // $(this).prop("disabled", true);
// }, 100); // }, 100);
});
}
}
});
setTimeout(() => {
var listAttApi = document.querySelectorAll(`[api-get-text]`);
listAttApi.forEach(function(el) {
$.get(el.getAttribute('api-get-text'), function(data) {
el.innerHTML = data;
});
}); });
}, 500); }
}
});
setTimeout(() => {
var listAttApi = document.querySelectorAll(`[api-get-text]`);
listAttApi.forEach(function(el) {
$.get(el.getAttribute('api-get-text'), function(data) {
el.innerHTML = data;
});
}); });
}, 500);
});
function setKolaps() { function setKolaps() {
var kolaps = getCookie('kolaps'); var kolaps = getCookie('kolaps');
if (kolaps) { if (kolaps) {
setCookie('kolaps', false, 30); setCookie('kolaps', false, 30);
} else { } else {
setCookie('kolaps', true, 30); setCookie('kolaps', true, 30);
} }
return true; return true;
} }
function setCookie(name, value, days) { function setCookie(name, value, days) {
var expires = ""; var expires = "";
if (days) { if (days) {
var date = new Date(); var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString(); expires = "; expires=" + date.toUTCString();
} }
document.cookie = name + "=" + (value || "") + expires + "; path=/"; document.cookie = name + "=" + (value || "") + expires + "; path=/";
} }
function getCookie(name) { function getCookie(name) {
var nameEQ = name + "="; var nameEQ = name + "=";
var ca = document.cookie.split(';'); var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) { for (var i = 0; i < ca.length; i++) {
var c = ca[i]; var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length); while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
} }
return null; return null;
} }
$(function() { $(function() {
$('[data-toggle="tooltip"]').tooltip() $('[data-toggle="tooltip"]').tooltip()
}) })
$("[data-toggle=popover]").popover(); $("[data-toggle=popover]").popover();
</script> </script>
{/literal} {/literal}
</body> </body>
</html> </html>

View File

@ -5,18 +5,18 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>{$_title} - {$_c['CompanyName']}</title> <title>{$_title} - {$_c['CompanyName']}</title>
<link rel="shortcut icon" href="{$app_url}/ui/ui/images/logo.png" type="image/x-icon" /> <link rel="shortcut icon" href="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="ui/ui/styles/bootstrap.min.css">
<link rel="stylesheet" href="{$app_url}/ui/ui/fonts/ionicons/css/ionicons.min.css"> <link rel="stylesheet" href="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="ui/ui/fonts/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="{$app_url}/ui/ui/styles/modern-AdminLTE.min.css"> <link rel="stylesheet" href="ui/ui/styles/modern-AdminLTE.min.css">
<link rel="stylesheet" href="{$app_url}/ui/ui/styles/select2.min.css" /> <link rel="stylesheet" href="ui/ui/styles/select2.min.css" />
<link rel="stylesheet" href="{$app_url}/ui/ui/styles/select2-bootstrap.min.css" /> <link rel="stylesheet" href="ui/ui/styles/select2-bootstrap.min.css" />
<link rel="stylesheet" href="{$app_url}/ui/ui/styles/sweetalert2.min.css" /> <link rel="stylesheet" href="ui/ui/styles/sweetalert2.min.css" />
<link rel="stylesheet" href="{$app_url}/ui/ui/styles/plugins/pace.css" /> <link rel="stylesheet" href="ui/ui/styles/plugins/pace.css" />
<script src="{$app_url}/ui/ui/scripts/sweetalert2.all.min.js"></script> <script src="ui/ui/scripts/sweetalert2.all.min.js"></script>
<style> <style>
::-moz-selection { ::-moz-selection {
/* Code for Firefox */ /* Code for Firefox */

View File

@ -1,114 +1,116 @@
</section> </section>
</div>
{if isset($_c['CompanyFooter'])}
<footer class="main-footer">
{$_c['CompanyFooter']}
<div class="pull-right">
<a href="javascript:showPrivacy()">Privacy</a>
&bull;
<a href="javascript:showTaC()">T &amp; C</a>
</div> </div>
{if isset($_c['CompanyFooter'])} </footer>
<footer class="main-footer"> {else}
{$_c['CompanyFooter']} <footer class="main-footer">
<div class="pull-right"> PHPNuxBill by <a href="https://github.com/hotspotbilling/phpnuxbill" rel="nofollow noreferrer noopener"
<a href="javascript:showPrivacy()">Privacy</a> target="_blank">iBNuX</a>, Theme by <a href="https://adminlte.io/" rel="nofollow noreferrer noopener"
&bull; target="_blank">AdminLTE</a>
<a href="javascript:showTaC()">T &amp; C</a> <div class="pull-right">
</div> <a href="javascript:showPrivacy()">Privacy</a>
</footer> &bull;
{else} <a href="javascript:showTaC()">T &amp; C</a>
<footer class="main-footer">
PHPNuxBill by <a href="https://github.com/hotspotbilling/phpnuxbill" rel="nofollow noreferrer noopener"
target="_blank">iBNuX</a>, Theme by <a href="https://adminlte.io/" rel="nofollow noreferrer noopener"
target="_blank">AdminLTE</a>
<div class="pull-right">
<a href="javascript:showPrivacy()">Privacy</a>
&bull;
<a href="javascript:showTaC()">T &amp; C</a>
</div>
</footer>
{/if}
</div> </div>
</footer>
{/if}
</div>
<!-- Modal --> <!-- Modal -->
<div class="modal fade" id="HTMLModal" tabindex="-1" role="dialog"> <div class="modal fade" id="HTMLModal" tabindex="-1" role="dialog">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span></button> aria-hidden="true">&times;</span></button>
</div> </div>
<div class="modal-body" id="HTMLModal_konten"></div> <div class="modal-body" id="HTMLModal_konten"></div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">&times;</button> <button type="button" class="btn btn-default" data-dismiss="modal">&times;</button>
</div>
</div>
</div> </div>
</div> </div>
</div>
</div>
<script src="{$app_url}/ui/ui/scripts/jquery.min.js"></script>
<script src="{$app_url}/ui/ui/scripts/bootstrap.min.js"></script>
<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>
{if isset($xfooter)} <script src="ui/ui/scripts/jquery.min.js"></script>
{$xfooter} <script src="ui/ui/scripts/bootstrap.min.js"></script>
{/if} <script src="ui/ui/scripts/adminlte.min.js"></script>
{if $_c['tawkto'] != ''} <script src="ui/ui/scripts/plugins/select2.min.js"></script>
<!--Start of Tawk.to Script--> <script src="ui/ui/scripts/custom.js?v=2"></script>
<script type="text/javascript">
var Tawk_API = Tawk_API || {},
Tawk_LoadStart = new Date();
(function() {
var s1 = document.createElement("script"),
s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src='https://embed.tawk.to/{$_c['tawkto']}';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->
{/if}
{literal} {if isset($xfooter)}
<script> {$xfooter}
var listAtts = document.querySelectorAll(`[api-get-text]`); {/if}
listAtts.forEach(function(el) {
$.get(el.getAttribute('api-get-text'), function(data) {
el.innerHTML = data;
});
});
$(document).ready(function() {
var listAtts = document.querySelectorAll(`button[type="submit"]`);
listAtts.forEach(function(el) {
if (el.addEventListener) { // all browsers except IE before version 9
el.addEventListener("click", function() {
$(this).html(
`<span class="loading"></span>`
);
setTimeout(() => {
$(this).prop("disabled", true);
}, 100);
}, false);
} else {
if (el.attachEvent) { // IE before version 9
el.attachEvent("click", function() {
$(this).html(
`<span class="loading"></span>`
);
setTimeout(() => {
$(this).prop("disabled", true);
}, 100);
});
}
}
$(function() {
$('[data-toggle="tooltip"]').tooltip()
})
});
});
</script>
{/literal}
</body> {if $_c['tawkto'] != ''}
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API = Tawk_API || {},
Tawk_LoadStart = new Date();
(function() {
var s1 = document.createElement("script"),
s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src='https://embed.tawk.to/{$_c['tawkto']}';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->
{/if}
{literal}
<script>
var listAtts = document.querySelectorAll(`[api-get-text]`);
listAtts.forEach(function(el) {
$.get(el.getAttribute('api-get-text'), function(data) {
el.innerHTML = data;
});
});
$(document).ready(function() {
var listAtts = document.querySelectorAll(`button[type="submit"]`);
listAtts.forEach(function(el) {
if (el.addEventListener) { // all browsers except IE before version 9
el.addEventListener("click", function() {
$(this).html(
`<span class="loading"></span>`
);
setTimeout(() => {
$(this).prop("disabled", true);
}, 100);
}, false);
} else {
if (el.attachEvent) { // IE before version 9
el.attachEvent("click", function() {
$(this).html(
`<span class="loading"></span>`
);
setTimeout(() => {
$(this).prop("disabled", true);
}, 100);
});
}
}
$(function() {
$('[data-toggle="tooltip"]').tooltip()
})
});
});
</script>
{/literal}
</body>
</html> </html>

View File

@ -5,15 +5,15 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{$_title} - {$_c['CompanyName']}</title> <title>{$_title} - {$_c['CompanyName']}</title>
<link rel="shortcut icon" href="{$app_url}/ui/ui/images/logo.png" type="image/x-icon" /> <link rel="shortcut icon" href="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="ui/ui/styles/bootstrap.min.css">
<link rel="stylesheet" href="{$app_url}/ui/ui/fonts/ionicons/css/ionicons.min.css"> <link rel="stylesheet" href="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="ui/ui/fonts/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="{$app_url}/ui/ui/styles/modern-AdminLTE.min.css"> <link rel="stylesheet" href="ui/ui/styles/modern-AdminLTE.min.css">
<link rel="stylesheet" href="{$app_url}/ui/ui/styles/sweetalert2.min.css" /> <link rel="stylesheet" href="ui/ui/styles/sweetalert2.min.css" />
<script src="{$app_url}/ui/ui/scripts/sweetalert2.all.min.js"></script> <script src="ui/ui/scripts/sweetalert2.all.min.js"></script>
<style> <style>
@ -86,7 +86,7 @@
<body class="hold-transition modern-skin-dark sidebar-mini"> <body class="hold-transition modern-skin-dark sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header" style="position:fixed; width: 100%"> <header class="main-header" style="position:fixed; width: 100%">
<a href="{$app_url}/home" class="logo"> <a href="{$_url}home" class="logo">
<span class="logo-mini"><b>N</b>uX</span> <span class="logo-mini"><b>N</b>uX</span>
<span class="logo-lg">{$_c['CompanyName']}</span> <span class="logo-lg">{$_c['CompanyName']}</span>
</a> </a>
@ -143,14 +143,14 @@
<li class="dropdown notifications-menu"> <li class="dropdown notifications-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="label label-warning" api-get-text="{$app_url}/autoload_user/inbox_unread"></span> <span class="label label-warning" api-get-text="{$_url}autoload_user/inbox_unread"></span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li> <li>
<!-- inner menu: contains the actual data --> <!-- inner menu: contains the actual data -->
<ul class="menu" api-get-text="{$app_url}/autoload_user/inbox"></ul> <ul class="menu" api-get-text="{$_url}autoload_user/inbox"></ul>
</li> </li>
<li class="footer"><a href="{$app_url}/mail">{Lang::T('Inbox')}</a></li> <li class="footer"><a href="{$_url}mail">{Lang::T('Inbox')}</a></li>
</ul> </ul>
</li> </li>
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
@ -180,18 +180,18 @@
<li class="user-body"> <li class="user-body">
<div class="row"> <div class="row">
<div class="col-xs-7 text-center text-sm"> <div class="col-xs-7 text-center text-sm">
<a href="{$app_url}/accounts/change-password"><i class="ion ion-settings"></i> <a href="{$_url}accounts/change-password"><i class="ion ion-settings"></i>
{Lang::T('Change Password')}</a> {Lang::T('Change Password')}</a>
</div> </div>
<div class="col-xs-5 text-center text-sm"> <div class="col-xs-5 text-center text-sm">
<a href="{$app_url}/accounts/profile"><i class="ion ion-person"></i> <a href="{$_url}accounts/profile"><i class="ion ion-person"></i>
{Lang::T('My Account')}</a> {Lang::T('My Account')}</a>
</div> </div>
</div> </div>
</li> </li>
<li class="user-footer"> <li class="user-footer">
<div class="pull-right"> <div class="pull-right">
<a href="{$app_url}/logout" class="btn btn-default btn-flat"><i <a href="{$_url}logout" class="btn btn-default btn-flat"><i
class="ion ion-power"></i> {Lang::T('Logout')}</a> class="ion ion-power"></i> {Lang::T('Logout')}</a>
</div> </div>
</li> </li>
@ -206,14 +206,14 @@
<section class="sidebar"> <section class="sidebar">
<ul class="sidebar-menu" data-widget="tree"> <ul class="sidebar-menu" data-widget="tree">
<li {if $_system_menu eq 'home'}class="active" {/if}> <li {if $_system_menu eq 'home'}class="active" {/if}>
<a href="{$app_url}/home"> <a href="{$_url}home">
<i class="ion ion-monitor"></i> <i class="ion ion-monitor"></i>
<span>{Lang::T('Dashboard')}</span> <span>{Lang::T('Dashboard')}</span>
</a> </a>
</li> </li>
{$_MENU_AFTER_DASHBOARD} {$_MENU_AFTER_DASHBOARD}
<li {if $_system_menu eq 'inbox'}class="active" {/if}> <li {if $_system_menu eq 'inbox'}class="active" {/if}>
<a href="{$app_url}/mail"> <a href="{$_url}mail">
<i class="fa fa-envelope"></i> <i class="fa fa-envelope"></i>
<span>{Lang::T('Inbox')}</span> <span>{Lang::T('Inbox')}</span>
</a> </a>
@ -221,7 +221,7 @@
{$_MENU_AFTER_INBOX} {$_MENU_AFTER_INBOX}
{if $_c['disable_voucher'] != 'yes'} {if $_c['disable_voucher'] != 'yes'}
<li {if $_system_menu eq 'voucher'}class="active" {/if}> <li {if $_system_menu eq 'voucher'}class="active" {/if}>
<a href="{$app_url}/voucher/activation"> <a href="{$_url}voucher/activation">
<i class="fa fa-ticket"></i> <i class="fa fa-ticket"></i>
<span>{Lang::T('Voucher')}</span> <span>{Lang::T('Voucher')}</span>
</a> </a>
@ -230,20 +230,20 @@
{if $_c['payment_gateway'] != 'none' or $_c['payment_gateway'] == '' } {if $_c['payment_gateway'] != 'none' or $_c['payment_gateway'] == '' }
{if $_c['enable_balance'] == 'yes'} {if $_c['enable_balance'] == 'yes'}
<li {if $_system_menu eq 'balance'}class="active" {/if}> <li {if $_system_menu eq 'balance'}class="active" {/if}>
<a href="{$app_url}/order/balance"> <a href="{$_url}order/balance">
<i class="ion ion-ios-cart"></i> <i class="ion ion-ios-cart"></i>
<span>{Lang::T('Buy Balance')}</span> <span>{Lang::T('Buy Balance')}</span>
</a> </a>
</li> </li>
{/if} {/if}
<li {if $_system_menu eq 'package'}class="active" {/if}> <li {if $_system_menu eq 'package'}class="active" {/if}>
<a href="{$app_url}/order/package"> <a href="{$_url}order/package">
<i class="ion ion-ios-cart"></i> <i class="ion ion-ios-cart"></i>
<span>{Lang::T('Buy Package')}</span> <span>{Lang::T('Buy Package')}</span>
</a> </a>
</li> </li>
<li {if $_system_menu eq 'history'}class="active" {/if}> <li {if $_system_menu eq 'history'}class="active" {/if}>
<a href="{$app_url}/order/history"> <a href="{$_url}order/history">
<i class="fa fa-file-text"></i> <i class="fa fa-file-text"></i>
<span>{Lang::T('Order History')}</span> <span>{Lang::T('Order History')}</span>
</a> </a>
@ -251,7 +251,7 @@
{/if} {/if}
{$_MENU_AFTER_ORDER} {$_MENU_AFTER_ORDER}
<li {if $_system_menu eq 'list-activated'}class="active" {/if}> <li {if $_system_menu eq 'list-activated'}class="active" {/if}>
<a href="{$app_url}/voucher/list-activated"> <a href="{$_url}voucher/list-activated">
<i class="fa fa-list-alt"></i> <i class="fa fa-list-alt"></i>
<span>{Lang::T('Activation History')}</span> <span>{Lang::T('Activation History')}</span>
</a> </a>
@ -286,4 +286,4 @@
} }
}); });
</script> </script>
{/if} {/if}