297 lines
14 KiB
Smarty
297 lines
14 KiB
Smarty
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<title>{$_title}</title>
|
|
<link rel="shortcut icon" href="{$_theme}/images/logo.png" type="image/x-icon" />
|
|
|
|
<!-- Icons -->
|
|
<link rel="stylesheet" href="{$_theme}/fonts/ionicons/css/ionicons.min.css">
|
|
<link rel="stylesheet" href="{$_theme}/fonts/font-awesome/css/font-awesome.min.css">
|
|
|
|
<!-- Plugins -->
|
|
<link rel="stylesheet" href="{$_theme}/styles/plugins/waves.css">
|
|
<link rel="stylesheet" href="{$_theme}/styles/plugins/perfect-scrollbar.css">
|
|
<link rel="stylesheet" href="{$_theme}/styles/plugins/select2.css">
|
|
<link rel="stylesheet" href="{$_theme}/styles/plugins/bootstrap-colorpicker.css">
|
|
<link rel="stylesheet" href="{$_theme}/styles/plugins/bootstrap-slider.css">
|
|
<link rel="stylesheet" href="{$_theme}/styles/plugins/bootstrap-datepicker.css">
|
|
<link rel="stylesheet" href="{$_theme}/styles/plugins/summernote.css">
|
|
|
|
<!-- Css/Less Stylesheets -->
|
|
<link rel="stylesheet" href="{$_theme}/styles/bootstrap.min.css">
|
|
<link rel="stylesheet" href="{$_theme}/styles/main.min.css">
|
|
|
|
<link href='http://fonts.googleapis.com/css?family=Roboto:400,500,700,300' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- Match Media polyfill for IE9 -->
|
|
<!--[if IE 9]> <script src="{$_theme}/scripts/ie/matchMedia.js"></script> <![endif]-->
|
|
{if isset($xheader)}
|
|
{$xheader}
|
|
{/if}
|
|
|
|
</head>
|
|
|
|
<body id="app" class="app off-canvas nav-expand">
|
|
|
|
<header class="site-head" id="site-head">
|
|
<ul class="list-unstyled left-elems">
|
|
<li>
|
|
<a href="#" class="nav-trigger ion ion-drag"></a>
|
|
</li>
|
|
{if $_admin['user_type'] eq 'Admin' || $_admin['user_type'] eq 'Sales'}
|
|
<li>
|
|
<div class="form-search hidden-xs">
|
|
<form id="site-search" method="post" action="{$_url}customers/list/">
|
|
<input type="search" class="form-control" name="username" placeholder="{$_L['Search_Contact']}">
|
|
<button type="submit" class="ion ion-ios-search-strong"></button>
|
|
</form>
|
|
</div>
|
|
</li>
|
|
{/if}
|
|
<li>
|
|
<div class="site-logo visible-xs">
|
|
<a href="{$_url}dashboard" class="text-uppercase h3">
|
|
<span class="text">{$_L['Logo']}</span>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="fullscreen hidden-xs">
|
|
<a href="#"><i class="ion ion-qr-scanner"></i></a>
|
|
</li>
|
|
<!-- Notification on progress, hide it -->
|
|
<li class="notify-drop hidden-xs dropdown hidden">
|
|
<a href="#" data-toggle="dropdown">
|
|
<i class="ion ion-chatboxes"></i>
|
|
<span class="badge badge-danger badge-xs circle">3</span>
|
|
</a>
|
|
<div class="panel panel-default dropdown-menu">
|
|
<div class="panel-heading">
|
|
You have 3 new message
|
|
<a href="#" class="right btn btn-xs btn-pink mt-3">Show All</a>
|
|
</div>
|
|
<div class="panel-body">
|
|
Coming Soon!!! Next Version...
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<ul class="list-unstyled right-elems">
|
|
<li class="logout hidden-xs">
|
|
<a href="{$_url}logout"><i class="ion ion-power"></i> {$_L['Logout']}</a></a>
|
|
</li>
|
|
</ul>
|
|
</header>
|
|
|
|
<div class="main-container clearfix">
|
|
<aside class="nav-wrap nav-expand" id="site-nav" data-perfect-scrollbar>
|
|
<div class="nav-head">
|
|
<a href="{$_url}dashboard" class="site-logo text-uppercase">
|
|
<i class="ion ion-wifi"></i>
|
|
<span class="text">{$_L['Logo']}</span>
|
|
</a>
|
|
</div>
|
|
|
|
<nav class="site-nav clearfix" role="navigation">
|
|
{if $_admin['user_type'] eq 'Admin' || $_admin['user_type'] eq 'Sales'}
|
|
<div class="profile clearfix mb15">
|
|
<img src="https://robohash.org/{$_admin['id']}?set=set3&size=100x100&bgset=bg1" alt="admin">
|
|
<div class="group">
|
|
<div class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">{$_admin['fullname']}<span class="caret"></a></span>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{$_url}settings/users-edit/{$_admin['id']}"><i class="ion ion-person"></i> {$_L['My_Account']}<div class="ripple-wrapper"></div></a></li>
|
|
<li><a href="{$_url}settings/change-password"><i class="ion ion-settings"></i> {$_L['Change_Password']}</a></li>
|
|
<li><a href="{$_url}logout"><i class="ion ion-power"></i> {$_L['Logout']}</a></li>
|
|
</ul>
|
|
</div>
|
|
<small class="desig">{if $_admin['user_type'] eq 'Admin'} {$_L['Administrator']} {else} {$_L['Sales']} {/if}</small>
|
|
</div>
|
|
</div>
|
|
{else}
|
|
<div class="profile clearfix mb15">
|
|
<img src="https://robohash.org/{$_user['id']}?set=set3&size=100x100&bgset=bg1" alt="admin">
|
|
<div class="group">
|
|
<div class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">{$_user['fullname']}<span class="caret"></span></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{$_url}accounts/profile"><i class="ion ion-person"></i> {$_L['My_Account']}<div class="ripple-wrapper"></div></a></li>
|
|
<li><a href="{$_url}accounts/change-password"><i class="ion ion-settings"></i> {$_L['Change_Password']}</a></li>
|
|
<li><a href="{$_url}logout"><i class="ion ion-power"></i> {$_L['Logout']}</a></li>
|
|
</ul>
|
|
</div>
|
|
<small class="desig">{$_L['Member']}</small>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
|
|
<ul id="leftMenu" class="list-unstyled clearfix nav-list mb15">
|
|
<li {if $_system_menu eq 'dashboard'}class="active"{/if}>
|
|
<a href="{$_url}dashboard">
|
|
<i class="ion ion-monitor"></i>
|
|
<span class="text">{$_L['Dashboard']}</span>
|
|
</a>
|
|
</li>
|
|
<!-- Message on progress, hide it -->
|
|
<li class="hidden {if $_system_menu eq 'message'}open{/if}">
|
|
<a href="#" onClick="toggleDropdownMobile(this)">
|
|
<i class="ion ion-email"></i>
|
|
<span class="text">{$_L['Private_Message']}</span>
|
|
<i class="arrow ion-chevron-left"></i>
|
|
</a>
|
|
<ul class="inner-drop list-unstyled">
|
|
<li {if $_system_menu eq 'message'}class="active"{/if}><a href="{$_url}message/inbox">{$_L['Inbox']}</a></li>
|
|
<li {if $_system_menu eq 'message'}class="active"{/if}><a href="{$_url}message/outbox">{$_L['Outbox']}</a></li>
|
|
<li {if $_system_menu eq 'message'}class="active"{/if}><a href="{$_url}message/compose">{$_L['Compose']}</a></li>
|
|
</ul>
|
|
</li>
|
|
{if $_admin['user_type'] eq 'Admin' || $_admin['user_type'] eq 'Sales'}
|
|
<li {if $_system_menu eq 'customers'}class="open"{/if}>
|
|
<a href="#" onClick="toggleDropdownMobile(this)">
|
|
<i class="ion ion-android-contacts"></i>
|
|
<span class="text">{$_L['Customers']}</span>
|
|
<i class="arrow ion-chevron-left"></i>
|
|
</a>
|
|
<ul class="inner-drop list-unstyled">
|
|
<li {if $_system_menu eq 'customers'}class="active"{/if}><a href="{$_url}customers/add">{$_L['Add_Contact']}</a></li>
|
|
<li {if $_system_menu eq 'customers'}class="active"{/if}><a href="{$_url}customers/list">{$_L['List_Contact']}</a></li>
|
|
</ul>
|
|
</li>
|
|
<li {if $_system_menu eq 'prepaid'}class="open"{/if}>
|
|
<a href="#" onClick="toggleDropdownMobile(this)">
|
|
<i class="ion ion-card"></i>
|
|
<span class="text">{$_L['Prepaid']}</span>
|
|
<i class="arrow ion-chevron-left"></i>
|
|
</a>
|
|
<ul class="inner-drop list-unstyled">
|
|
<li {if $_system_menu eq 'prepaid'}class="active"{/if}><a href="{$_url}prepaid/list">{$_L['Prepaid_User']}</a></li>
|
|
<li {if $_system_menu eq 'prepaid'}class="active"{/if}><a href="{$_url}prepaid/voucher">{$_L['Prepaid_Vouchers']}</a></li>
|
|
<li {if $_system_menu eq 'prepaid'}class="active"{/if}><a href="{$_url}prepaid/refill">{$_L['Refill_Account']}</a></li>
|
|
<li {if $_system_menu eq 'prepaid'}class="active"{/if}><a href="{$_url}prepaid/recharge">{$_L['Recharge_Account']}</a></li>
|
|
</ul>
|
|
</li>
|
|
<li {if $_system_menu eq 'services'}class="open"{/if}>
|
|
<a href="#" onClick="toggleDropdownMobile(this)">
|
|
<i class="ion ion-cube"></i>
|
|
<span class="text">{$_L['Services']}</span>
|
|
<i class="arrow ion-chevron-left"></i>
|
|
</a>
|
|
<ul class="inner-drop list-unstyled">
|
|
<li {if $_system_menu eq 'services'}class="active"{/if}><a href="{$_url}services/hotspot">{$_L['Hotspot_Plans']}</a></li>
|
|
<li {if $_system_menu eq 'services'}class="active"{/if}><a href="{$_url}services/pppoe">{$_L['PPPOE_Plans']}</a></li>
|
|
<li {if $_system_menu eq 'services'}class="active"{/if}><a href="{$_url}bandwidth/list">{$_L['Bandwidth_Plans']}</a></li>
|
|
</ul>
|
|
</li>
|
|
<li {if $_system_menu eq 'reports'}class="open"{/if}>
|
|
<a href="#" onClick="toggleDropdownMobile(this)">
|
|
<i class="ion ion-clipboard"></i>
|
|
<span class="text">{$_L['Reports']}</span>
|
|
<i class="arrow ion-chevron-left"></i>
|
|
</a>
|
|
<ul class="inner-drop list-unstyled">
|
|
<li {if $_system_menu eq 'reports'}class="active"{/if}><a href="{$_url}reports/daily-report">{$_L['Daily_Report']}</a></li>
|
|
<li {if $_system_menu eq 'reports'}class="active"{/if}><a href="{$_url}reports/by-period">{$_L['Period_Reports']}</a></li>
|
|
</ul>
|
|
</li>
|
|
{else}
|
|
<li {if $_system_menu eq 'voucher'}class="open"{/if}>
|
|
<a href="#" onClick="toggleDropdownMobile(this)">
|
|
<i class="ion ion-card"></i>
|
|
<span class="text">{$_L['Voucher']}</span>
|
|
<i class="arrow ion-chevron-left"></i>
|
|
</a>
|
|
<ul class="inner-drop list-unstyled">
|
|
<li {if $_system_menu eq 'voucher'}class="active"{/if}><a href="{$_url}voucher/activation">{$_L['Voucher_Activation']}</a></li>
|
|
<li {if $_system_menu eq 'voucher'}class="active"{/if}><a href="{$_url}voucher/list-activated">{$_L['List_Activated_Voucher']}</a></li>
|
|
</ul>
|
|
</li>
|
|
<li {if $_system_menu eq 'order'}class="active"{/if}>
|
|
<a href="{$_url}order">
|
|
<i class="ion ion-ios-cart"></i>
|
|
<span class="text">{$_L['Order_Voucher']}</span>
|
|
</a>
|
|
</li>
|
|
<li {if $_system_menu eq 'accounts'}class="open"{/if}>
|
|
<a href="#" onClick="toggleDropdownMobile(this)">
|
|
<i class="ion ion-gear-a"></i>
|
|
<span class="text">{$_L['My_Account']}</span>
|
|
<i class="arrow ion-chevron-left"></i>
|
|
</a>
|
|
<ul class="inner-drop list-unstyled">
|
|
<li {if $_system_menu eq 'accounts'}class="active"{/if}><a href="{$_url}accounts/profile">{$_L['My_Profile']}</a></li>
|
|
<li {if $_system_menu eq 'accounts'}class="active"{/if}><a href="{$_url}accounts/change-password">{$_L['Change_Password']}</a></li>
|
|
<li> </li>
|
|
</ul>
|
|
</li>
|
|
{/if}
|
|
{if $_admin['user_type'] eq 'Admin'}
|
|
<li {if $_system_menu eq 'network'}class="open"{/if}>
|
|
<a href="#" onClick="toggleDropdownMobile(this)">
|
|
<i class="ion ion-network"></i>
|
|
<span class="text">{$_L['Network']}</span>
|
|
<i class="arrow ion-chevron-left"></i>
|
|
</a>
|
|
<ul class="inner-drop list-unstyled">
|
|
<li {if $_system_menu eq 'network'}class="active"{/if}><a href="{$_url}routers/list">{$_L['Routers']}</a></li>
|
|
<li {if $_system_menu eq 'network'}class="active"{/if}><a href="{$_url}pool/list">{$_L['Pool']}</a></li>
|
|
</ul>
|
|
</li>
|
|
<li {if $_system_menu eq 'pages'}class="open"{/if}>
|
|
<a href="#" onClick="toggleDropdownMobile(this)">
|
|
<i class="ion ion-document"></i>
|
|
<span class="text">{$_L['Static_Pages']}</span>
|
|
<i class="arrow ion-chevron-left"></i>
|
|
</a>
|
|
<ul class="inner-drop list-unstyled">
|
|
<li {if $_system_menu eq 'pages'}class="active"{/if}><a href="{$_url}pages/Order_Voucher">{$_L['Order_Voucher']}</a></li>
|
|
<li {if $_system_menu eq 'pages'}class="active"{/if}><a href="{$_url}pages/Voucher">{$_L['Voucher']} Template</a></li>
|
|
<li {if $_system_menu eq 'pages'}class="active"{/if}><a href="{$_url}pages/Announcement">{$_L['Announcement']} Editor</a></li>
|
|
<li {if $_system_menu eq 'pages'}class="active"{/if}><a href="{$_url}pages/Registration_Info">{$_L['Registration_Info']} Editor</a></li>
|
|
</ul>
|
|
</li>
|
|
<li {if $_system_menu eq 'settings'}class="open"{/if}>
|
|
<a href="#" onClick="toggleDropdownMobile(this)">
|
|
<i class="ion ion-gear-a"></i>
|
|
<span class="text">{$_L['Settings']}</span>
|
|
<i class="arrow ion-chevron-left"></i>
|
|
</a>
|
|
<ul class="inner-drop list-unstyled">
|
|
<li {if $_system_menu eq 'settings'}class="active"{/if}><a href="{$_url}settings/app">{$_L['General_Settings']}</a></li>
|
|
<li {if $_system_menu eq 'settings'}class="active"{/if}><a href="{$_url}settings/localisation">{$_L['Localisation']}</a></li>
|
|
<li {if $_system_menu eq 'settings'}class="active"{/if}><a href="{$_url}settings/users">{$_L['Administrator_Users']}</a></li>
|
|
<li {if $_system_menu eq 'settings'}class="active"{/if}><a href="{$_url}settings/dbstatus">{$_L['Backup_Restore']}</a></li>
|
|
<li> </li>
|
|
</ul>
|
|
</li>
|
|
<li {if $_system_menu eq 'disquss'}class="active"{/if}>
|
|
<a href="https://github.com/ibnux/phpmixbill/discussions" target="_blank">
|
|
<i class="ion ion-chatbubbles"></i>
|
|
<span class="text">Discussions</span>
|
|
</a>
|
|
</li>
|
|
{/if}
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
<footer class="nav-foot">
|
|
<p>{date('Y')} © <span>{$_c['CompanyName']}</span></p>
|
|
</footer>
|
|
</aside>
|
|
<script>
|
|
// i find bug that dropdown menu in mobile browser doesnt active, so i force to show all
|
|
var mobile = false;
|
|
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
|
|
mobile = true;
|
|
}
|
|
function toggleDropdownMobile(node){
|
|
if(mobile){
|
|
$(node).parent('li').addClass('open');
|
|
}
|
|
}
|
|
</script>
|
|
<div class="content-container" id="content">
|
|
<div class="page {if $_system_menu eq 'dashboard'}page-dashboard{/if}{if $_system_menu eq 'reports'}page-invoice{/if}">
|
|
|
|
{if isset($notify)}
|
|
{$notify}
|
|
{/if} |