15.3 Lime No Pause HTML
15.3 Lime No Pause HTML
15.3 Lime No Pause HTML
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{ title }}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0,
target-densitydpi=medium-dpi" />
{% include 'header.html' %}
</head>
<style>
#clockdiv{
color: #fff;
display: inline-block;
text-align: center;
font-size: 15px;
}
#clockdiv > div{
padding: 8px;
border-radius: 3px;
background: #000;
display: inline-block;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
border: 1.5px solid #00FFFF;
}
#clockdiv div > span{
padding: 10px;
border-radius: 3px;
background: #000;
display: inline-block;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
border: 1.5px solid #00FFFF;
}
.smalltext{
padding-top: 5px;
font-size: 10px;
}
.shadow:before , .shadow:after{
content: '';
position: absolute;
top: -2px;
left: -2px;
background: linear-gradient(360deg, #00FF00,#00FF00,#00FF00);
width: calc(100% + 4px);
height: calc(100% + 4px);
background-size: 400%;
z-index: -1;
border-radius: 20px;
box-shadow: 1px 2px #00FF00;
animation: animate 20s linear infinite;
.shadow:after{
filter: blur(20px);
}
#free_time_animation button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}
#insert_coin_animation button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}
#pcheck button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}
#pfuncwifi button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}
#chat_box_animation button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: black;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}
#application a{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: black;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
#peload button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}
#pcheckbalance button{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}
#done-paying{
color: #fff;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
background: #000;
text-transform: uppercase;
border: 1.5px solid #00FFFF;
}
.custom-line{
height: 5px;
background: linear-gradient(to right, red,orange,#FFFF00,green,blue,indigo,violet);
border-radius: 5px;
border-top: 0;
}
#msg{
background-color: transparent;
border: 1px solid #00FFFF;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
color: white;
}
#sendmsg{
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
border: 1px solid #00FFFF;
color: white;
background-image: linear-gradient(49deg, #00FF00,green);
text-transform: uppercase;
}
#vcode{
background-color: transparent;
border: 1px solid #00FFFF;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
color: white;
text-transform: uppercase;
}
#sub-voucher{
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
border: 1px solid #00FFFF;
color: white;
background-image: linear-gradient(49deg, #00FF00,green);
text-transform: uppercase;
}
#eloadnumber{
background-color: transparent;
border: 1px solid #00FFFF;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
color: white;
}
#ieloadnumber{
background-color: transparent;
border: 1px solid #00FFFF;
box-shadow: 1px 1px 5px #00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00;
color: white;
}
.text-muted{
padding: 2px;
}
th,td{
border-color: #00FF00 !important;
border: 2px solid #00FF00;
}
</style>
<body>
<div class="container text-center">
<div style="margin:10px"></div>
<!--<div class="animate-area">
<img class="img-fluid temp-hidden" src="images/logo-small.png" />
</div>-->
<br>
<div class="card shadow mt-5" style="border-radius: 20px; background-color: black;
border-color: #00FFFF;">
<div class="alert alert-danger bg-transparent mt-5" style="text-transform:
uppercase; border-radius: 20px; border-color: #00FFFF; border-left-color:
transparent; border-top-color: transparent; border-right-color: transparent;
color: cyan; box-shadow: 0 5px 2px -2px #00FF00; ">
<marquee> {{ portalannouncement }} </marquee>
</div>
<div class="d-flex justify-content-center">
<div style="margin-top: -170px;" >
<div id="carousel-id" class="carousel slide" data-
interval="{{slidertimer}}000" data-ride="carousel" >
<div class="carousel-inner" role="listbox">
{% for d in banner if d.banner %}
<div class="carousel-item {% if loop.first %} active {% endif %}">
<img src="/assets/images/{{ d.banner }}" class="mb-5" style=" border-
radius: 10px;" height="110px" width="80%">
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div id="default_container">
<div class="row" style="margin-bottom:10px;">
<div class="col-md-12 h2">
<div id="status">{{getstatus| raw}}</div>
</div>
<div class="col-md-12"> <small style="color:#007bff;text-
transform: uppercase;">IP: <span style="color:#00FF00;">{{ ip }}</span> Mac:
<span style="color: #00FF00;">{{ mac }}</span> </small>
</div>
{% if freehour == 1 %}
<div class="row" style="margin-bottom:10px;"
id="free_time_animation">
<div class="col-md-12">
<button type="button" id="freetime" class="btn
btn-danger button-rnd ">Get Free Time</button>
</div>
</div>
{% endif %}
{% if insertcoin == 1 %}
<div class="row" style="margin-bottom:10px;"
id="insert_coin_animation">
<div class="col-md-12">
{% if checkavailableonline < 1 %}
<button type="button" id="insert_coin_button"
value="zxcv" class="insert_coin_button btn btn-success button-rnd">Insert
Coin</button>
{% else %}
<button type="button" data-toggle="modal" data-
target="#multicoinslot" class="btn btn-success button-rnd">Insert Coin</button>
{% endif %}
</div>
</div>
{% endif %}
{% if pausetime == 1 %}
{% if userpausetime == 1 %}
<div class="row" id="pcheck" style="margin-bottom:10px;">
<div class="col-md-12">
<button type="button" id="pfunc" class="btn
btn-danger button-rnd btn-spinner">Pause Time</button>
</div>
</div>
{% endif %}
{% endif %}
{% if viewrates == 1 %}
<div class="row" id="pfuncwifi" style="margin-
bottom:10px;">
<div class="col-md-12">
<button type="button" class="btn btn-primary
button-rnd" data-toggle="modal" data-target="#popup">Wifi Rates</button>
</div>
</div>
{% endif %}
{% if viewchargingrates == 1 %}
<div class="row" id="pfunccrates" style="margin-
bottom:10px;">
<div class="col-md-12">
<button type="button" class="btn btn-primary
button-rnd" data-toggle="modal" data-target="#chargingstation">Charging
Rates</button>
</div>
</div>
{% endif %}
{% if buyload == 1 %}
<div class="row" id="peload" style="margin-bottom:10px;">
<div class="col-md-12">
<button type="button" class="btn btn-danger
button-rnd" data-target="#buyload" data-toggle="modal" data-backdrop="static" data-
keyboard="false">Buy Load</button>
</div>
</div>
{% endif %}
{% if checkbalance == 1 %}
<div class="row" id="pcheckbalance" style="margin-
bottom:10px;">
<div class="col-md-12">
<button type="button" class="btn btn-danger
button-rnd" data-target="#checkbalance" data-toggle="modal" data-backdrop="static"
data-keyboard="false">Check Balance</button>
</div>
</div>
{% endif %}
{% if chatbox == 1 %}
<div class="row" style="margin-bottom:10px;"
id="chat_box_animation">
<div class="col-md-12">
<button type="button" class="btn btn-danger
button-rnd" data-target="#chatbox" data-toggle="modal" data-backdrop="static" data-
keyboard="false">ChatBox {{unreadmessages | raw}}</button>
</div>
</div>
{% endif %}
{% if entervoucher == 1 %}
<div class="btn-block" id="entervoucher">
<div class="input-group mb-3">
<input type="text" class="form-control"
name="vcode" id="vcode" value="" placeholder="Enter Voucher here...">
<div class="input-group-append">
<button id="sub-voucher" class="btn btn-
primary">Submit</button>
</div>
</div>
</div>
{% endif %}
{% if session2voucher == 1 %}
<div class="row" style="margin-bottom:10px;">
<div class="col-md-12">
<button type="button" id="cvoucher" data-
toggle="modal" data-target="#sessiontovoucher" class="btn btn-primary button-
rnd">Convert Time to Voucher</button>
</div>
</div>
{% elseif session2voucher == 2 %}
<div class="row" style="margin-bottom:10px;">
<div class="col-md-12">
<button type="button" id="cvoucher" data-
toggle="modal" data-target="#logout" class="btn btn-primary
button-rnd">Logout</button>
</div>
</div>
{% endif %}
{% if checkchargingpins > 0 %}
<div class="row ">
<div class="col-md-12">
<button type="button" data-toggle="modal" data-
target="#charginglist" class="btn btn-primary button-rnd">Charging
Stations</button>
</div>
</div>{% endif %}
</div>
</div>
<!-- //LIST VOUCHER -->
<div class="panel panel-info hidden" id="checkvouchers">
<div class="panel-heading">
<h4 class="panel-title">My Vouchers</h4>
</div>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="text-center">Code</th>
<th class="text-center">Time</th>
<th class="text-center">Action</th>
</tr>
</thead>
<tbody id="vouchersList"></tbody>
</table>
</div>
</div>
</div>
<!-- Modal -->
<div id="popup" class="modal fade bd-example-modal-sm" role="dialog">
<div class="modal-dialog modal-dialog-centered">
<!-- Modal content-->
<div class="modal-content" style="box-shadow: 1px 1px 5px
#00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00; border-radius: 20px; border-color:
#00FFFF;
border: 2px solid #00FFFF;">
<div class="modal-header" style=" border-bottom-
color: transparent; background-color: black; border-top-left-radius: 20px; border-
top-right-radius: 20px; ">
<h4 class="modal-title" style="color:
#00FF00"><i class="fa fa-list" aria-hidden="true"></i> WIFI RATES</h4>
<button type="button" class="close" data-dismiss="modal" style="color:
#00FF00;">×</button>
</div>
<div class="modal-body text-center"
style="background-color: black; border-bottom-left-radius: 20px; border-bottom-
right-radius: 20px;">
<table class="table table-striped table-hover table-sm text-white"
style="border-radius:6px; ">
<tr style="text-transform: uppercase;
color: #00FF00;">
<th>Amount</th>
<th>Time</th>
<th>Note</th>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="multicoinslot" class="modal fade bd-example-modal-sm"
role="dialog">
<div class="modal-dialog modal-dialog-centered modal-lg">
<!-- Modal content-->
<div class="modal-content" style="box-shadow: 1px 1px 5px
#00FF00, 0 0 25px #00FF00, 1px 1px 5px #00FF00; border-radius: 20px; text-
transform: uppercase; border-color: #00FFFF; border: 2px solid #00FFFF;">
</div>
</div>
<div class="panel-footer">
<div class="input-group">
<input type="text" id="msg"
class="form-control" >
<span class="input-group-btn">
<button class="btn btn-
danger" id="sendmsg" type="button">Send</button>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
</div>
<!-- End Container -->
{% include 'footer.html' %}
<script>
setInterval(function(){
var g=new Array();
var r='r',t='t',i='i',m='m',e='e',yt='div';
var ytt=r+t+i+m+e;
var o=yt+' span#u'+t+i+m+e+'r b';
var b=yt+'#'+ytt+' '+o;
$(b).each(function(){
var a='id';
var x=$(this).text();g[''+$(this).attr(a)+'']=x;g.push(x);});
function s(a){
var o='d',t='i',g='v';
var c='clock';
var gh="#"+c+""+o+t+g+" > "+o+t+g+":nth-child("+a+") > span";
return gh;
}function p(x){
var k=g[""+x+""];
return k;
}function k(l){
if(l == 4){
$(s("1")).text(p(0));
$(s("2")).text(p(1));
$(s("3")).text(p(2));
$(s("4")).text(p(3));
}else if(l == 3){
$(s("1")).text(0);
$(s("2")).text(p(0));
$(s("3")).text(p(1));
$(s("4")).text(p(2));
}else if(l == 2){
$(s("1")).text(0);
$(s("2")).text(0);
$(s("3")).text(p(0));
$(s("4")).text(p(1));
}else if(l == 1){
$(s("1")).text(0);
$(s("2")).text(0);
$(s("3")).text(0);
$(s("4")).text(p(0));
}else{
$(s("1")).text(0);
$(s("2")).text(0);
$(s("3")).text(0);
$(s("4")).text(0);
}
}k(g.length);
},1000);
</script>
</body>
</html>