API tools faq
paste
Advertisement
XHINNEXD

Wren.NET Portal v13 No VC

XHINNEXD
Aug 18th, 2019
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.24 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title><?= $title ?></title>
  6. <meta http-equiv="Cache-control" content="no-transform">
  7. <meta http-equiv="pragma" content="no-cache" />
  8. <meta http-equiv="expires" content="-1" />
  9. <meta content='width=device-width, user-scalable=no' name='viewport'/>
  10. <!--bootstrap-->
  11. <link href="css/bootstrap4.min.css" rel="stylesheet" type="text/css">
  12. <!--font-awsome-css-->
  13. <link rel="stylesheet" href="css/font-awesome.min.css">
  14. <link href="css/toastr.min.css" rel="stylesheet">
  15. <style>
  16. html { font-size: 1rem; }
  17. body {
  18. background-color: #edeef3 !important;
  19. background-size: cover;
  20. background-position: center center;
  21. }
  22. a:hover{
  23. text-decoration: none !important;
  24. }
  25. .button-rnd {
  26. min-width: 300px !important;
  27. max-width: 300px !important;
  28. border-radius: 3px;
  29. }
  30. .button-rnd:hover{
  31. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  32. }
  33. .btn-faq{
  34. min-width:90px !important;
  35. font-size:10px;
  36. border-radius: 7px 7px;padding:2px !important;
  37. }
  38. .container2{
  39. margin:auto;
  40. /* background: rgba(255, 255, 255, 0.8); */
  41. z-index:-99999;
  42. }
  43. .footer {
  44. font-size:90%;
  45. color:#748c8a;
  46. }
  47. .footer .fa{
  48. text-align:center;
  49. width:20px;
  50. }
  51. .footer .fa-bell-slash{
  52. font-size:90%;
  53. }
  54. .temp-hidden {
  55. }
  56. .hidden {
  57. display: none !important;
  58. visibility: hidden;
  59. }
  60. .btn-block{
  61. max-width: 300px;
  62. margin:auto;
  63. }
  64. .button-animate {
  65. -webkit-animation: glowing 1500ms infinite;
  66. -moz-animation: glowing 1500ms infinite;
  67. -o-animation: glowing 1500ms infinite;
  68. animation: glowing 1500ms infinite;
  69. }
  70. @-webkit-keyframes glowing {
  71. 0% {border-color: #4cae4c; box-shadow: 0 0 3px #b7deb7; background-color: #4cae4c;}
  72. 50% {border-color: #449d44; box-shadow: 0 0 40px #4cae4c; background-color: #449d44; }
  73. 100% {border-color: #4cae4c; box-shadow: 0 0 3px #b7deb7; background-color: #4cae4c;}
  74. }
  75. @-moz-keyframes glowing {
  76. 0% {border-color: #4cae4c; box-shadow: 0 0 3px #b7deb7; background-color: #4cae4c;}
  77. 50% {border-color: #449d44; box-shadow: 0 0 40px #4cae4c; background-color: #449d44; }
  78. 100% {border-color: #4cae4c; box-shadow: 0 0 3px #b7deb7; background-color: #4cae4c;}
  79. }
  80. @-o-keyframes glowing {
  81. 0% {border-color: #4cae4c; box-shadow: 0 0 3px #b7deb7; background-color: #4cae4c;}
  82. 50% {border-color: #449d44; box-shadow: 0 0 40px #4cae4c; background-color: #449d44; }
  83. 100% {border-color: #4cae4c; box-shadow: 0 0 3px #b7deb7; background-color: #4cae4c;}
  84. }
  85. @keyframes glowing {
  86. 0% {border-color: #4cae4c; box-shadow: 0 0 3px #b7deb7; background-color: #4cae4c;}
  87. 50% {border-color: #449d44; box-shadow: 0 0 40px #4cae4c; background-color: #449d44; }
  88. 100% {border-color: #4cae4c; box-shadow: 0 0 3px #b7deb7; background-color: #4cae4c;}
  89. }
  90. .paused{
  91. color:#354443;
  92. }
  93. /* Important part */
  94. .modal {
  95. z-index:99999;
  96. }
  97. .modal-dialog{
  98. overflow-y: initial !important;
  99. }
  100. .fullscreen-dialog {
  101. #width: 100%;
  102. #height: 100%;
  103. #margin: 0;
  104. #padding: 0;
  105. }
  106.  
  107. .fullscreen-content {
  108. height: auto;
  109. min-height: 100%;
  110. border-radius: 0;
  111. }
  112. .modal-body{
  113. #height: 250px;
  114. #overflow-y: auto;
  115. }
  116. #policy h6 {
  117. text-transform: uppercase;
  118. }
  119. #policy p{
  120. text-align: justify;
  121. }
  122. #connect_how ol{
  123. font-weight: bold;
  124. }
  125. #connect_how ol li ul{
  126. margin-left:-25px;
  127. font-weight: normal;
  128. }
  129. #connect_how ol .normal-font ul{
  130. margin-left:-25px;
  131. font-weight: normal;
  132. font-size:80%;
  133. }
  134. .pause-button:hover{
  135. color:#4CAE4C;
  136. cursor:pointer;
  137. content: "\f023" !important;
  138. }
  139. .blink {
  140. animation: blinker 1500ms linear infinite;
  141. }
  142. @keyframes blinker {
  143. 50% {
  144. opacity: 0.2;
  145. }
  146. }
  147. .button-animate-red {
  148. -webkit-animation: glowingRed 1500ms infinite;
  149. -moz-animation: glowingRed 1500ms infinite;
  150. -o-animation: glowingRed 1500ms infinite;
  151. animation: glowingRed 1500ms infinite;
  152. }
  153. #rtime, #ptime {
  154. text-transform: uppercase;
  155. font-size:80% !important;
  156. font-weight: normal;
  157. }
  158. #rtime b, #ptime b{
  159. font-weight: bold;
  160. font-size:200% !important;
  161. }
  162. .carousel {
  163. width:100%;
  164. height:100%;
  165. }
  166. @keyframes lpb-link{
  167. 0%{opacity: 0;}
  168. 50%{opacity: .5;}
  169. 100%{opacity: 1;}
  170. }
  171.  
  172. </style>
  173. <!--// NOTE WAG E REMOVE -->
  174. <script src="js/apps.min.js"></script>
  175. <script src="js/jquery.min.js"></script>
  176. <!--// end NOTE WAG E REMOVE -->
  177. <!--// additional scripts -->
  178. <script src="js/popper.min.js"></script>
  179. <script src="js/bootstrap4.min.js"></script>
  180. <script src="js/toastr.min.js"></script>
  181. <script src="js/soundjs.min.js"></script>
  182. <script src="js/preloadjs.min.js"></script>
  183. <script src="js/eload.js"></script>
  184. <script src="js/loadingoverlay.js"></script>
  185. </head>
  186. <body class='login'>
  187. <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
  188. <div class="carousel-inner">
  189. <div class="carousel-item active">
  190. <img class="d-block w-100" src="images/banner-scroll1.png" alt="First slide">
  191. </div>
  192. </div>
  193. <div class="container text-center">
  194. <div style="margin:0;padding:0;display:inline"></div>
  195. <!--<div class="animate-area">
  196. <img class="img-fluid temp-hidden" src="images/logo-small.png" />
  197. </div>-->
  198. <div class="row">
  199. <div class="col-md-12 h2 conn_status hidden">
  200. <?= $status_html ?><br>
  201. </div>
  202. <div class="col-md-12 h2 conn_status2">
  203. <?= $status_html ?><br>
  204. </div>
  205. </div>
  206. <div id="default_container">
  207. <div class="row" style="margin-bottom:10px;">
  208. <div class="col-md-12">
  209. <b><small style="color:#007bff;text-transform: uppercase;">IP: <?= $ip ?> | Mac: <?= $mac ?> </small></b>
  210. </div>
  211. <div class="col-md-12">
  212. <small style="color:#db0f00;text-transform: uppercase;"><b>Unclaimed Credits: ₱<?= number_format($remainingcredit); ?> </b></small>
  213. </div>
  214. <div class="col-md-12">
  215. <small style="color:#748c8a;text-transform: uppercase;"><?= ($pausedTime) ? '<small>CLICK RESUME TIME BUTTON TO CONTINUE SURFING</small>' : 'Remaining Time:' ?></small>
  216. </div>
  217. <div class="col-md-12">
  218. <?= ($pausedTime) ? '<h2 id="ptime" class="paused">-- </h2>' : '<h2 id="rtime" class="text-primary">--</h2>'?>
  219. </div>
  220. </div>
  221. <div class="temp-hidden">
  222. <div class="row <?= (!$insertcoin) ? 'hidden' : '' ?>" style="margin-bottom:10px;">
  223. <div class="col-md-12">
  224. <a id="link" href="<?= $connectlink ?>"><button type="button" id="insert_coin_button" class="btn btn-success button-rnd btn-spinner"> Insert Coin </button></a>
  225. </div>
  226. </div>
  227. <div class="row <?= (!$asdxczc) ? 'hidden' : '' ?> <?= ($remainingTime > 0) ? '' : 'hidden' ?>" style="margin-bottom:10px;">
  228. <div class="col-md-12">
  229. <a class="btn-pause" href="<?= $pausesessionlink ?>"><button type="button" class="btn btn-danger button-rnd btn-spinner">Pause Time</button> </a>
  230. </div>
  231. </div>
  232. <div class="row <?= (!$pausedTime) ? 'hidden' : '' ?>" style="margin-bottom:10px;">
  233. <div class="col-md-12">
  234. <a class="btn-resume" href="<?= $resumesessionlink ?>"><button type="button" class="btn btn-danger button-rnd button-animate-red btn-spinner">Resume Time</button></a>
  235. </div>
  236. </div>
  237. <div class="row <?= (!$viewrates) ? 'hidden' : '' ?>" style="margin-bottom:10px;">
  238. <div class="col-md-12">
  239. <button type="button" class="btn btn-primary button-rnd" data-toggle="modal" data-target="#popup">Wifi Rates</button>
  240. </div>
  241. </div>
  242. <!-- Modal -->
  243. <div id="popup" class="modal fade bd-example-modal-sm" role="dialog">
  244. <div class="modal-dialog modal-dialog-centered">
  245. <!-- Modal content-->
  246. <div class="modal-content">
  247. <div class="modal-header">
  248. <h4 class="modal-title">Wifi Rates</h4>
  249. <button type="button" class="close" data-dismiss="modal">×</button>
  250. </div>
  251. <div class="modal-body">
  252. <table class="table table-striped table-bordered table-sm">
  253. <tr class="thead-dark">
  254. <th>Amount
  255. </th>
  256. <th>Time
  257. </th>
  258. <th>Note
  259. </th>
  260. </tr>
  261. <?= myrates($link); ?>
  262. </table>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267.  
  268. <script>
  269. $(document).ready(function() {
  270.  
  271. var status_style_connected = "<span class='text-success'><i class='fa fa-wifi'></i> Connected</span>";
  272. var status_style_notime = "<img width=45 src='images/disabled2.png' style='margin-top:-3px;'><span class='text-danger'> Disconnected</span>";
  273. var status_style_pause = "<span class='text paused'><i class='fa fa-pause blink pause-button'></i> <span class=''>Time Pause</span></span>";
  274.  
  275. $(".conn_status").hide();
  276. $('.btn-blocks').addClass('disabled');
  277. if($.trim($(".conn_status").text().toLowerCase()) == "no-time"){
  278.  
  279. //show policy modal if not registered
  280. //$('#policy').modal({
  281. // backdrop: 'static',
  282. //keyboard: false,
  283. //show: false
  284. // });
  285.  
  286. //change button text for insert coin
  287. $('#insert_coin_button').text("Insert Coin");
  288. $('#insert_coin_button').addClass("button-animate");
  289.  
  290. $(".conn_status2").html(status_style_notime);
  291.  
  292. }
  293. else if($.trim($(".conn_status").text().toLowerCase()) == "connected"){
  294. $(".conn_status2").html(status_style_connected);
  295. $('#insert_coin_button').text("Insert Additional Coins");
  296. }
  297. else if($.trim($(".conn_status").text().toLowerCase()) == "paused"){
  298. $(".conn_status2").html(status_style_pause);
  299. $('#insert_coin_button').text("Insert Additional Coins");
  300. }
  301. else {
  302. $('#insert_coin_button').text("Insert Coin");
  303. $('#insert_coin_button').removeClass("button-animate");
  304. $(".conn_status2").html($.trim($(".conn_status").text()));
  305. }
  306.  
  307.  
  308. $('#policy_agree').on('click', function(e) {
  309. e.preventDefault();
  310. $('.btn-blocks').removeClass('disabled');
  311. $('#info_disagree').addClass('hidden');
  312. $('#default_container').removeClass('hidden');
  313. });
  314.  
  315. $('#policy_disagree').on('click', function(e) {
  316. e.preventDefault();
  317. $('.btn-blocks').addClass('disabled');
  318. $('#default_container').addClass('hidden');
  319. $('#info_disagree').removeClass('hidden');
  320. });
  321.  
  322. $('.policy_view').on('click', function(e) {
  323. e.preventDefault();
  324. $('.btn-blocks').addClass('disabled');
  325. $('#info_disagree').addClass('hidden');
  326. $('#default_container').removeClass('hidden');
  327. });
  328.  
  329.  
  330.  
  331.  
  332. // add spinner and disable button when click
  333. $(".btn-spinner").on('click', function(e) {
  334. //e.preventDefault();
  335. $(".btn-spinner").attr("disabled", "disabled");
  336. //$(".btn-no-spinner").attr("disabled", false);
  337. $(this).prepend('<i class="fa fa-spinner fa-spin"></i> ');
  338. });
  339.  
  340. $("#close-eload").on('click', function(e) {
  341. $(".eload-spinner").attr("disabled", false);
  342. });
  343.  
  344. $('#buyload').on('hide.bs.modal', function (e) {
  345. $(".eload-spinner").attr("disabled", false);
  346. $(".fa-spin").remove();
  347. })
  348.  
  349. $('#eloadcomplete').on('hide.bs.modal', function (e) {
  350. location.reload();
  351. })
  352.  
  353. $(".eload-spinner").on('click', function(e) {
  354. e.preventDefault();
  355. $(".eload-spinner").attr("disabled", "disabled");
  356. $(this).prepend('<i class="fa fa-spinner fa-spin"></i> ');
  357.  
  358. });
  359.  
  360.  
  361. }); //end document ready
  362.  
  363.  
  364. </script>
  365.  
  366. <?= getportalnodejs($link,$ip,$mac,$remainingTime,$pausedTime)?>
  367. </body>
  368. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!