kevinowino869/mitrobill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add help tooltip

Browse Source
This commit is contained in:
Ibnu Maksum 2024-06-19 09:55:56 +07:00
parent ba612f0a25
commit ccd052ec6b
No known key found for this signature in database
GPG Key ID: 7FC82848810579E5
5 changed files with 121 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
ui/ui/hotspot-add.tpl
View File

@ -7,14 +7,22 @@
<div class="panel-body"> <div class="panel-body">
<form class="form-horizontal" method="post" role="form" action="{$_url}services/add-post"> <form class="form-horizontal" method="post" role="form" action="{$_url}services/add-post">
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Status')}</label> <label class="col-md-2 control-label">{Lang::T('Status')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Customer cannot buy disabled Plan, but admin can recharge it, use it if you want only admin recharge it">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<input type="radio" name="enabled" value="1" checked> Enable <input type="radio" name="enabled" value="1" checked> Enable
<input type="radio" name="enabled" value="0"> Disable <input type="radio" name="enabled" value="0"> Disable
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Type')}</label> <label class="col-md-2 control-label">{Lang::T('Type')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Postpaid will have fix expired date">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<input type="radio" name="prepaid" onclick="prePaid()" value="yes" checked> Prepaid <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="postPaid()" value="no"> Postpaid
@ -22,7 +30,11 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Plan Type')}</label> <label class="col-md-2 control-label">{Lang::T('Plan Type')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Personal Plan will only show to personal Customer, Business plan will only show to Business Customer">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<input type="radio" name="plan_type" value="Personal" checked> Personal <input type="radio" name="plan_type" value="Personal" checked> Personal
<input type="radio" name="plan_type" value="Business"> Business <input type="radio" name="plan_type" value="Business"> Business
@ -30,7 +42,11 @@
</div> </div>
{if $_c['radius_enable']} {if $_c['radius_enable']}
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">Radius</label> <label class="col-md-2 control-label">Radius
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="If you enable Radius, choose device to radius, except if you have custome device">?</a>
</label>
<div class="col-md-6"> <div class="col-md-6">
<label class="radio-inline"> <label class="radio-inline">
<input type="checkbox" name="radius" onclick="isRadius(this)" value="1"> Radius Plan <input type="checkbox" name="radius" onclick="isRadius(this)" value="1"> Radius Plan
@ -40,7 +56,11 @@
</div> </div>
{/if} {/if}
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Device')}</label> <label class="col-md-2 control-label">{Lang::T('Device')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="This Device are the logic how PHPNuxBill Communicate with Mikrotik or other Devices">?</a>
</label>
<div class="col-md-6"> <div class="col-md-6">
<select class="form-control" id="device" name="device"> <select class="form-control" id="device" name="device">
{foreach $devices as $dev} {foreach $devices as $dev}
@ -133,13 +153,15 @@
will be added')}</p> will be added')}</p>
{/if} {/if}
{/if} {/if}
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Shared Users')}</label> <label class="col-md-2 control-label">{Lang::T('Shared Users')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="How many devices can online in one Customer account">?</a>
</label>
<div class="col-md-6"> <div class="col-md-6">
<input type="text" class="form-control" id="sharedusers" name="sharedusers" value="1"> <input type="text" class="form-control" id="sharedusers" name="sharedusers" value="1">
<p class="help-block">{Lang::T('1 user can be used for many devices?')}</p>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">

46
ui/ui/hotspot-edit.tpl
View File

@ -8,14 +8,22 @@
<form class="form-horizontal" method="post" role="form" action="{$_url}services/edit-post"> <form class="form-horizontal" method="post" role="form" action="{$_url}services/edit-post">
<input type="hidden" name="id" value="{$d['id']}"> <input type="hidden" name="id" value="{$d['id']}">
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Status')}</label> <label class="col-md-2 control-label">{Lang::T('Status')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Customer cannot buy disabled Plan, but admin can recharge it, use it if you want only admin recharge it">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<input type="radio" name="enabled" value="1" {if $d['enabled'] == 1}checked{/if}> Enable <input type="radio" name="enabled" value="1" {if $d['enabled'] == 1}checked{/if}> Enable
<input type="radio" name="enabled" value="0" {if $d['enabled'] == 0}checked{/if}> Disable <input type="radio" name="enabled" value="0" {if $d['enabled'] == 0}checked{/if}> Disable
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Type')}</label> <label class="col-md-2 control-label">{Lang::T('Type')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Postpaid will have fix expired date">?</a>
</label>
<div class="col-md-10"> <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}> {if $d['prepaid'] == yes}checked{/if}>
@ -25,7 +33,11 @@
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Plan Type')}</label> <label class="col-md-2 control-label">{Lang::T('Plan Type')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Personal Plan will only show to personal Customer, Business plan will only show to Business Customer">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<input type="radio" name="plan_type" value="Personal" <input type="radio" name="plan_type" value="Personal"
{if $d['plan_type'] == 'Personal'}checked{/if}> {if $d['plan_type'] == 'Personal'}checked{/if}>
@ -36,14 +48,22 @@
</div> </div>
{if $_c['radius_enable'] and $d['is_radius']} {if $_c['radius_enable'] and $d['is_radius']}
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">Radius</label> <label class="col-md-2 control-label">Radius
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="If you enable Radius, choose device to radius, except if you have custome device">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<label class="label label-primary">RADIUS</label> <label class="label label-primary">RADIUS</label>
</div> </div>
</div> </div>
{/if} {/if}
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Device')}</label> <label class="col-md-2 control-label">{Lang::T('Device')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="This Device are the logic how PHPNuxBill Communicate with Mikrotik or other Devices">?</a>
</label>
<div class="col-md-6"> <div class="col-md-6">
<select class="form-control" id="device" name="device"> <select class="form-control" id="device" name="device">
{foreach $devices as $dev} {foreach $devices as $dev}
@ -150,7 +170,11 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Shared Users')}</label> <label class="col-md-2 control-label">{Lang::T('Shared Users')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="How many devices can online in one Customer account">?</a>
</label>
<div class="col-md-6"> <div class="col-md-6">
<input type="text" class="form-control" id="sharedusers" name="sharedusers" <input type="text" class="form-control" id="sharedusers" name="sharedusers"
value="{$d['shared_users']}"> value="{$d['shared_users']}">
@ -179,7 +203,8 @@
{/if} {/if}
</select> </select>
</div> </div>
<p class="help-block col-md-4">{Lang::T('1 Period = 1 Month, Expires the 20th of each month')}</p> <p class="help-block col-md-4">{Lang::T('1 Period = 1 Month, Expires the 20th of each month')}
</p>
</div> </div>
<span id="routerChoose" class="{if $d['is_radius']}hidden{/if}"> <span id="routerChoose" class="{if $d['is_radius']}hidden{/if}">
<div class="form-group"> <div class="form-group">
@ -198,12 +223,13 @@
<select id="plan_expired" name="plan_expired" class="form-control select2"> <select id="plan_expired" name="plan_expired" class="form-control select2">
<option value='0'>Default - Remove Customer</option> <option value='0'>Default - Remove Customer</option>
{foreach $exps as $exp} {foreach $exps as $exp}
<option value="{$exp['id']}" {if $d['plan_expired'] eq $exp['id']} selected <option value="{$exp['id']}" {if $d['plan_expired'] eq $exp['id']} selected {/if}>
{/if}>{$exp['name_plan']}</option> {$exp['name_plan']}</option>
{/foreach} {/foreach}
</select> </select>
</div> </div>
<p class="help-block col-md-4">{Lang::T('When Expired, customer will be move to selected internet plan')}</p> <p class="help-block col-md-4">
{Lang::T('When Expired, customer will be move to selected internet plan')}</p>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-md-offset-2 col-md-10"> <div class="col-md-offset-2 col-md-10">

30
ui/ui/pppoe-add.tpl
View File

@ -7,14 +7,22 @@
<div class="panel-body"> <div class="panel-body">
<form class="form-horizontal" method="post" role="form" action="{$_url}services/pppoe-add-post"> <form class="form-horizontal" method="post" role="form" action="{$_url}services/pppoe-add-post">
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Status')}</label> <label class="col-md-2 control-label">{Lang::T('Status')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Customer cannot buy disabled Plan, but admin can recharge it, use it if you want only admin recharge it">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<input type="radio" checked name="enabled" value="1"> Enable <input type="radio" checked name="enabled" value="1"> Enable
<input type="radio" name="enabled" value="0"> Disable <input type="radio" name="enabled" value="0"> Disable
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Type')}</label> <label class="col-md-2 control-label">{Lang::T('Type')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Postpaid will have fix expired date">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<input type="radio" name="prepaid" onclick="prePaid()" value="yes" checked> Prepaid <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="postPaid()" value="no"> Postpaid
@ -22,7 +30,11 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Plan Type')}</label> <label class="col-md-2 control-label">{Lang::T('Plan Type')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Personal Plan will only show to personal Customer, Business plan will only show to Business Customer">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<input type="radio" name="plan_type" value="Personal" checked> Personal <input type="radio" name="plan_type" value="Personal" checked> Personal
<input type="radio" name="plan_type" value="Business"> Business <input type="radio" name="plan_type" value="Business"> Business
@ -31,7 +43,11 @@
{if $_c['radius_enable']} {if $_c['radius_enable']}
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">Radius</label> <label class="col-md-2 control-label">Radius
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="If you enable Radius, choose device to radius, except if you have custome device">?</a>
</label>
<div class="col-md-6"> <div class="col-md-6">
<input type="checkbox" name="radius" onclick="isRadius(this)" value="1"> Radius Plan <input type="checkbox" name="radius" onclick="isRadius(this)" value="1"> Radius Plan
</div> </div>
@ -39,7 +55,11 @@
</div> </div>
{/if} {/if}
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Device')}</label> <label class="col-md-2 control-label">{Lang::T('Device')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="This Device are the logic how PHPNuxBill Communicate with Mikrotik or other Devices">?</a>
</label>
<div class="col-md-6"> <div class="col-md-6">
<select class="form-control" id="device" name="device"> <select class="form-control" id="device" name="device">
{foreach $devices as $dev} {foreach $devices as $dev}

37
ui/ui/pppoe-edit.tpl
View File

@ -8,14 +8,22 @@
<form class="form-horizontal" method="post" role="form" action="{$_url}services/edit-pppoe-post"> <form class="form-horizontal" method="post" role="form" action="{$_url}services/edit-pppoe-post">
<input type="hidden" name="id" value="{$d['id']}"> <input type="hidden" name="id" value="{$d['id']}">
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Status')}</label> <label class="col-md-2 control-label">{Lang::T('Status')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Customer cannot buy disabled Plan, but admin can recharge it, use it if you want only admin recharge it">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<input type="radio" name="enabled" value="1" {if $d['enabled'] == 1}checked{/if}> Enable <input type="radio" name="enabled" value="1" {if $d['enabled'] == 1}checked{/if}> Enable
<input type="radio" name="enabled" value="0" {if $d['enabled'] == 0}checked{/if}> Disable <input type="radio" name="enabled" value="0" {if $d['enabled'] == 0}checked{/if}> Disable
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Type')}</label> <label class="col-md-2 control-label">{Lang::T('Type')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Postpaid will have fix expired date">?</a>
</label>
<div class="col-md-10"> <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}> {if $d['prepaid'] == yes}checked{/if}>
@ -25,7 +33,11 @@
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Plan Type')}</label> <label class="col-md-2 control-label">{Lang::T('Plan Type')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="Personal Plan will only show to personal Customer, Business plan will only show to Business Customer">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<input type="radio" name="plan_type" value="Personal" <input type="radio" name="plan_type" value="Personal"
{if $d['plan_type'] == 'Personal'}checked{/if}> {if $d['plan_type'] == 'Personal'}checked{/if}>
@ -36,14 +48,22 @@
</div> </div>
{if $_c['radius_enable'] and $d['is_radius']} {if $_c['radius_enable'] and $d['is_radius']}
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">Radius</label> <label class="col-md-2 control-label">Radius
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="If you enable Radius, choose device to radius, except if you have custome device">?</a>
</label>
<div class="col-md-10"> <div class="col-md-10">
<label class="label label-primary">RADIUS</label> <label class="label label-primary">RADIUS</label>
</div> </div>
</div> </div>
{/if} {/if}
<div class="form-group"> <div class="form-group">
<label class="col-md-2 control-label">{Lang::T('Device')}</label> <label class="col-md-2 control-label">{Lang::T('Device')}
<a tabindex="0" class="btn btn-link btn-xs" role="button" data-toggle="popover"
data-trigger="focus" data-container="body"
data-content="This Device are the logic how PHPNuxBill Communicate with Mikrotik or other Devices">?</a>
</label>
<div class="col-md-6"> <div class="col-md-6">
<select class="form-control" id="device" name="device"> <select class="form-control" id="device" name="device">
{foreach $devices as $dev} {foreach $devices as $dev}
@ -141,12 +161,13 @@
<select id="plan_expired" name="plan_expired" class="form-control select2"> <select id="plan_expired" name="plan_expired" class="form-control select2">
<option value='0'>Default - Remove Customer</option> <option value='0'>Default - Remove Customer</option>
{foreach $exps as $exp} {foreach $exps as $exp}
<option value="{$exp['id']}" {if $d['plan_expired'] eq $exp['id']} selected <option value="{$exp['id']}" {if $d['plan_expired'] eq $exp['id']} selected {/if}>
{/if}>{$exp['name_plan']}</option> {$exp['name_plan']}</option>
{/foreach} {/foreach}
</select> </select>
</div> </div>
<p class="help-block col-md-4">{Lang::T('When Expired, customer will be move to selected internet plan')}</p> <p class="help-block col-md-4">
{Lang::T('When Expired, customer will be move to selected internet plan')}</p>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-lg-offset-2 col-lg-10"> <div class="col-lg-offset-2 col-lg-10">

1
ui/ui/sections/footer.tpl
View File

@ -90,6 +90,7 @@
$(function() { $(function() {
$('[data-toggle="tooltip"]').tooltip() $('[data-toggle="tooltip"]').tooltip()
}) })
$("[data-toggle=popover]").popover();
</script> </script>
{/literal} {/literal}