Advertisement
ECHINET

new update 29

Jan 28th, 2020
245
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.07 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. </div>
  5. <marquee style="font-family:Book Antiqua; color: #1A80FA" bgcolor="#000000" scrolldelay="150"> WELCOME TO 🔥REYCAR PISO WIFI 🔥 --😍YOUR SMART VENDO KIOSK😍-- WE OFFER AFFORDABLE AND FAST AIRFIBER WIFI --START AT 1PESO .💥TO TEST OUR SERVICE YOU CAN CLAIM YOUR FREE TIME EVERY 24HOURS💥....</marquee>
  6. </div>
  7.  
  8. <head>
  9. <meta charset="utf-8">
  10. <title>{{ title }}</title>
  11. <meta http-equiv="Cache-control" content="no-transform">
  12. <meta http-equiv="pragma" content="no-cache" />
  13. <meta http-equiv="expires" content="-1" />
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0, target-densitydpi=medium-dpi" />
  15. {% include 'header.html' %}
  16. </head>
  17.  
  18. <body>
  19. <body style="background-color: #000000;">
  20. <div class="container text-center">
  21.  
  22. <div id="carousel-id" class="carousel slide" data-interval="{{slidertimer}}000" data-ride="carousel">
  23. <div class="carousel-inner" role="listbox">
  24. {% for d in banner if d.banner %}
  25. <div class="carousel-item {% if loop.first %} active {% endif %}">
  26. <img src="/assets/images/{{ d.banner }}" class="img-fluid">
  27. </div>
  28. {% endfor %}
  29. </div>
  30.  
  31. </div>
  32.  
  33. <div style="margin:10px"></div>
  34. <!--<div class="animate-area">
  35. <img class="img-fluid temp-hidden" src="images/logo-small.png" />
  36. </div>-->
  37. <div class="row">
  38. <div class="col-md-12 h2">
  39. <div id="status"></div>
  40. </div>
  41. </div>
  42. <div id="default_container">
  43. <div class="row" style="margin-bottom:10px;">
  44. <div class="col-md-12"> <small style="color:#05D3F8;text-transform: uppercase;">IP: {{ ip }} | Mac: {{ mac }} </small>
  45. </div>
  46. <div class="col-md-12"> <small style="color:#05D3F8;text-transform: uppercase;">Account Credits: ₱{{ remainingcredit }} </small>
  47. </div>
  48. <div class="col-md-12"> <small style="color:#05D3F8;text-transform: uppercase;"><div id="remaindata"> </div> </small>
  49. </div>
  50. <div class="col-md-12"> <small style="color:#7BF805;text-transform: uppercase;"> <div id="timesign"> </div></small>
  51. </div>
  52. <div class="col-md-12">
  53. <div id="rtime" class></div>
  54. </div>
  55. </div>
  56. <div class="temp-hidden">
  57.  
  58.  
  59.  
  60.  
  61. <div class="row" style="margin-bottom:10px;">
  62. <div class="col-md-12">
  63. {% if checkavailableonline < 1 %}
  64. <button type="button" id="insert_coin_button" value="zxcv" class="insert_coin_button btn btn-success button-rnd">Insert Money</button>{% else %}
  65. <button type="button" data-toggle="modal" data-target="#multicoinslot" class="btn btn-success button-rnd blink_button">Insert Coins</button>
  66. {% endif %}
  67. </div>
  68. </div>
  69. <div class="row hidden" id="pcheck" style="margin-bottom:10px;">
  70. <div class="col-md-12">
  71. <button type="button" id="pfunc" class="btn btn-danger button-rnd ">Pause Time</button>
  72. </div>
  73. </div>
  74. <div class="row hidden" id="pfuncwifi" style="margin-bottom:10px;">
  75. <div class="col-md-12">
  76. <button type="button" class="btn btn-primary button-rnd" data-toggle="modal" data-target="#popup">Wifi Rates</button>
  77. </div>
  78. </div>
  79. <div class="row hidden" id="pfunccrates" style="margin-bottom:10px;">
  80. <div class="col-md-12">
  81. <button type="button" class="btn btn-primary button-rnd" data-toggle="modal" data-target="#chargingstation">Charging Rates</button>
  82. </div>
  83. </div>
  84. <div class="row hidden" id="peload" style="margin-bottom:10px;">
  85. <div class="col-md-12">
  86. <button type="button" class="btn btn-danger button-rnd" data-target="#buyload" data-toggle="modal" data-backdrop="static" data-keyboard="false">Buy Load</button>
  87. </div>
  88. </div>
  89. <div class="row hidden" id="pcheckbalance" style="margin-bottom:10px;">
  90. <div class="col-md-12">
  91. <button type="button" class="btn btn-danger button-rnd" data-target="#checkbalance" data-toggle="modal" data-backdrop="static" data-keyboard="false">Check Balance</button>
  92. </div>
  93. </div>
  94. <div class="btn-block hidden" id="entervoucher">
  95. <div class="input-group mb-3">
  96. <input type="text" class="form-control" name="vcode" id="vcode" value="" placeholder="Enter Voucher here...">
  97. <div class="input-group-append">
  98. <button id="sub-voucher" class="btn btn-secondary">Submit Voucher code</button>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="row" style="margin-bottom:10px;">
  103. <div class="col-md-12">
  104. <button type="button" id="cvoucher" data-toggle="modal" data-target="#sessiontovoucher" class="btn btn-primary button-rnd hidden">Convert Time to Voucher</button>
  105. </div>
  106. </div>{% if checkchargingpins > 0 %}
  107. <div class="row ">
  108. <div class="col-md-12">
  109. <button type="button" data-toggle="modal" data-target="#charginglist" class="btn btn-primary button-rnd">Charging Stations</button>
  110. </div>
  111. </div>{% endif %}
  112. <hr class="prettyline">
  113. </div>
  114. <!-- //LIST VOUCHER -->
  115. <div class="panel panel-info hidden" id="checkvouchers">
  116. <div class="panel-heading">
  117. <h4 class="panel-title">My Vouchers</h4>
  118. </div>
  119. <div class="table-responsive">
  120. <table class="table">
  121. <thead>
  122. <tr>
  123. <th class="text-center">Code</th>
  124. <th class="text-center">Time</th>
  125. </tr>
  126. </thead>
  127. <tbody id="vouchersList"></tbody>
  128. </table>
  129. </div>
  130. </div>
  131. </div>
  132. <!-- Modal -->
  133. <div id="popup" class="modal fade bd-example-modal-sm" role="dialog">
  134. <div class="modal-dialog modal-dialog-centered">
  135. <!-- Modal content-->
  136. <div class="modal-content">
  137. <div class="modal-header">
  138. <h4 class="modal-title">WiFi Rates</h4>
  139. <button type="button" class="close" data-dismiss="modal">×</button>
  140. </div>
  141. <div class="modal-body">
  142. <table class="table table-striped table-bordered table-sm">
  143. <tr class="thead-dark">
  144. <th>Amount</th>
  145. <th>Time</th>
  146. <th>Note</th>
  147. </tr>
  148.  
  149. {% for r in rates if r.time %}
  150. <tr>
  151. <td>{{ r.pulses }}</td>
  152. <td class="rconvert{{ r.pulses }}"></td>
  153. <td>{{ r.note }}</td>
  154. </tr>
  155. {% endfor %}
  156.  
  157. </table>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162.  
  163. <script>
  164. function showMe(divId) {
  165. var x = document.getElementById(divId);
  166. if (x.style.display === "none") {
  167. x.style.display = "block";
  168. }
  169. else {
  170. x.style.display = "none";
  171. }
  172. }
  173. </script>
  174.  
  175. <div id="multicoinslot" class="modal fade bd-example-modal-sm" role="dialog">
  176. <div class="modal-dialog modal-dialog-centered modal-lg">
  177. <!-- Modal content-->
  178. <div class="modal-content">
  179. <div class="modal-header">
  180. <h4 class="modal-title"><i class="fa fa-bars" aria-hidden="true"></i> Select Coinslot VENDO</h4>
  181. <button type="button" class="close" data-dismiss="modal">×</button>
  182. </div>
  183. <div class="modal-body">
  184. <div class="card-deck mb-3 text-center">
  185. {% if mainvendo == 1 %}<div class="card mb-4 shadow-sm">
  186. <div class="card-header" style="cursor: pointer;" onclick="javascript: showMe('{{cname}}');">
  187.  
  188. <h4 class="my-0 font-weight-normal">{{cname}}</h4>
  189. </div>
  190. <div class="card-body" style="display: none;" id ="{{cname}}">
  191.  
  192. <ul class="list-unstyled">
  193. <li>{{cdescription}}</li>
  194. </ul>
  195. <button type="button" value="zxcv" class="insert_coin_button btn btn-lg btn btn-primary button-animate" ><i class="fa fa-money fa-fw"></i>Insert Coin</button>
  196. </div>
  197. </div>
  198. {% endif %}
  199. {% for m in multicoinslot if m.mac %}
  200. <div class="card mb-4 shadow-sm">
  201. <div class="card-header" style="cursor: pointer;" onclick="javascript: showMe('{{ m.coinslotname }}');">
  202.  
  203. <h4 class="my-0 font-weight-normal">{{ m.coinslotname }}</h4>
  204. </div>
  205. <div class="card-body" style="display: none;" id ="{{ m.coinslotname }}">
  206.  
  207. <ul class="list-unstyled">
  208. <li>{{ m.description }}</li>
  209. </ul>
  210. <button type="button" value="{{ m.mac }}" class="insert_coin_button btn btn-lg btn btn-primary button-animate"><i class="fa fa-money fa-fw"></i>Insert Coin</button>
  211. </div>
  212. </div>
  213. {% endfor %}
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. <div id="charginglist" class="modal fade bd-example-modal-sm" role="dialog">
  220. <div class="modal-dialog modal-dialog-centered">
  221. <!-- Modal content-->
  222. <div class="modal-content">
  223. <div class="modal-header">
  224. <h4 class="modal-title">Charging Stations</h4>
  225. <button type="button" class="close" data-dismiss="modal">×</button>
  226. </div>
  227. <div class="modal-body">
  228. <table class="table table-striped table-bordered table-sm">
  229. <tr class="thead-dark">
  230. <th>Station Port #</th>
  231. <th>Remaining Time</th>
  232. </tr>
  233. <tbody id="chargingstations"></tbody>
  234. </table>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. <div id="sessiontovoucher" class="modal fade bd-example-modal-sm" role="dialog">
  240. <div class="modal-dialog modal-dialog-centered">
  241. <!-- Modal content-->
  242. <div class="modal-content">
  243. <div class="modal-header">
  244. <h4 class="modal-title">Convert Time To Voucher</h4>
  245. <button type="button" class="close" data-dismiss="modal">×</button>
  246. </div>
  247. <div class="modal-body">
  248. <div class="form-group">
  249. <div class="input-group input-group-sm mb-3">
  250. <div class="input-group-prepend"> <span class="input-group-text" id="inputGroup-sizing-sm-available">Your Minutes:</span>
  251. </div>
  252. <input type="number" name="minutes" id="minutes" class="form-control" value="{{ remainingTime }}" aria-label="Small" aria-describedby="inputGroup-sizing-sm-available" readonly>
  253. </div>
  254. <div class="input-group input-group-sm mb-3">
  255. <div class="input-group-prepend"> <span class="input-group-text" id="inputGroup-sizing-sm">Minutes to convert:</span>
  256. </div>
  257. <input type="number" name="amountminutes" id="amountminutes" min="0" oninput="validity.valid||(value='');" class="form-control" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
  258. </div>
  259. <button type="submit" id="btn-vcode" class="btn btn-primary">Convert</button>
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. <!-- Buy Load Modal -->
  266. <div id="buyload" class="modal fade bd-example-modal-sm" role="dialog">
  267. <div class="modal-dialog modal-dialog-centered modal-lg">
  268. <!-- Modal content-->
  269. <div class="modal-content">
  270. <div class="modal-header">
  271. <h4 class="modal-title"><i class="fa fa-bars" aria-hidden="true"></i> {{ title }} - Eloading </h4>
  272. <button type="button" class="close" data-dismiss="modal">×</button>
  273. </div>
  274. <div class="modal-body text-left">
  275. <div class="col-xs-7 align-middle p-lg">
  276. <h3 style="color:#009ee6"> Buy Load & Epins</h3>
  277. <div style="margin-top:20px"></div>
  278. <p style="color: #101010;"><i class="fa fa-mobile" aria-hidden="true"></i> Enter Mobile Phone Number:</p>
  279. <div class="form-group">
  280. <input type="text" name="eloadnumber" id="eloadnumber" placeholder="09123456789" maxlength="11" onkeypress="return getnumbers(this, event)" class="form-control input-lg m-b">
  281. </div>
  282. <hr>
  283. <div class="panel-body">
  284. <input type="hidden" name="mac" id="mac" value="{{ mac }}" class="form-control">
  285. <input type="hidden" name="ip" id="ip" value="{{ ip }}" class="form-control">
  286. <button type="button" class="btn btn-success btn-lg button-rnd eload-spinner" onclick="eloadproduct()">Buy</button>
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  293. <!--Insert Coin Modal -->
  294. <div id="insertcoin" class="modal fade bd-example-modal-sm" role="dialog">
  295. <div class="modal-dialog modal-dialog-centered modal-lg">
  296. <!-- Modal content-->
  297. <div class="modal-content">
  298. <div class="modal-body">
  299. <div class="col-xs-7 align-middle p-lg">
  300. <h3 style="color:#009ee6"> Please Insert Coins</h3>
  301. <div id="progress-msg"></div>
  302. <div class="progress progress-rounded progress-lg progress-striped active">
  303. <div id="progressBar" class="progress-bar progress-bar-danger" style="width:70%"></div>
  304. </div>
  305. <hr class="prettyline">
  306. <ul class="list-group text-left">
  307. <li class="list-group-item"><i class="fa fa-clock-o"></i>Time:<span id="totalm"> -- </li>
  308. {% if buycharging == 1 %}
  309. <li class="list-group-item"><i class="fa fa-usb"></i>Charge:<span id="charging"> -- </li>
  310. {% endif %}
  311. {% if buyvoucher == 1 %}
  312. <li class="list-group-item"><i class="fa fa-ticket"></i>Voucher:<span id="voucher"> -- </li>
  313. {% endif %}
  314. <li class="list-group-item"><i class="fa fa-money"></i>Total Amount:<span id="tamount" > 0.00 </li>
  315. </ul>
  316. <hr class="prettyline">
  317. <div class="panel-body">
  318. <button type="button" id="done-paying" class="btn btn-danger btn-sm btn-spinner">Cancel</button>
  319. {% if buyvoucher == 1 %}
  320. <hr class="prettyline hidden" id="hr">
  321. <button type="button" id="buy-voucher" class="btn btn-success btn-sm hidden btn-spinner">Buy Voucher</button>
  322. {% endif %}
  323. {% if buycharging == 1 %}
  324. <hr class="prettyline hidden">
  325. {% if getchargingtime < 1 %}
  326. <button type="button" id="buy-charging" data-toggle="modal" data-target="#selectcharging" class="btn btn-primary btn-sm hidden">Buy Charging</button>
  327. {% else %}
  328. <button type="button" id="extend-charging" class="btn btn-primary btn-sm hidden">Extend Charging</button>
  329. {% endif %}
  330.  
  331. {% endif %}
  332. </div>
  333. </div>
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338.  
  339. <!-- Check Balance Modal -->
  340. <div id="checkbalance" class="modal fade bd-example-modal-sm" role="dialog">
  341. <div class="modal-dialog modal-dialog-centered modal-lg">
  342. <!-- Modal content-->
  343. <div class="modal-content">
  344. <div class="modal-header">
  345. <h5 class="modal-title"><i class="fa fa-bars" aria-hidden="true"></i> Balance Inquiry</h5>
  346. <button type="button" class="close" data-dismiss="modal">×</button>
  347. </div>
  348. <div class="modal-body text-left">
  349. <div class="col-xs-7 align-middle p-lg">
  350. <h3 style="color:#009ee6"> Number Balance Checker</h3>
  351. <div style="margin-top:20px"> </div>
  352. <p style="color: #101010;"> <i class="fa fa-mobile" aria-hidden="true"></i> Enter Mobile Phone Number: </p>
  353. <div class="form-group">
  354. <input type="text" name="ieloadnumber" id="ieloadnumber" placeholder="09123456789" maxlength="11" onkeypress="return getnumbers(this, event)" class="form-control input-lg m-b">
  355. </div>
  356. <hr>
  357. <div class="panel-body">
  358. <input type="hidden" name="mac" id="mac" value="{{ mac }}" class="form-control">
  359. <input type="hidden" name="ip" id="ip" value="{{ ip }}" class="form-control">
  360. <button type="button" class="btn btn-success btn-lg button-rnd eload-spinner" onclick="balanceinquiry()">Check</button>
  361. </div>
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366. </div>
  367.  
  368. <!-- Charging Station Modal -->
  369. <div id="eloadcomplete" class="modal fade bd-example-modal-sm" role="dialog">
  370. <div class="modal-dialog modal-dialog-centered">
  371. <!-- Modal content-->
  372. <div class="modal-content">
  373. <div class="modal-header">
  374. <h4 class="modal-title"><i class="fa fa-bars" aria-hidden="true"></i> Success!</h4>
  375. <button type="button" class="close" data-dismiss="modal">×</button>
  376. </div>
  377. <div class="modal-body">
  378. <h4>Load has been now process.</h4>
  379. <hr/>
  380. <h4> Please wait the confirmation. </h4>
  381. </div>
  382. </div>
  383. </div>
  384. </div>
  385.  
  386.  
  387. <!-- Charging Select Modal -->
  388. <div class="modal fade" id="selectcharging" tabindex="-1" role="dialog" aria-hidden="true">
  389. <div class="modal-dialog modal-dialog-centered">
  390. <div class="modal-content">
  391. <div class="modal-header">
  392. <h5 class="modal-title"><i class="fa fa-usb"></i> Select Charging Ports <i class="fa fa-usb"></i></h5>
  393. </div>
  394. <div class="modal-body">
  395. <table class="table table-striped table-bordered table-sm">
  396. <tr class="thead-dark">
  397. <th>Port
  398. </th>
  399. <th>Note
  400. </th>
  401. <th>Availability
  402. </th>
  403. </tr>
  404. {% for sc in selectcharging if sc.port %}
  405. <tr>
  406. <td>{{ sc.port }}</td>
  407. <td>{{ sc.note }}</td>
  408. <td><input type="radio" name="port" value='{{ sc.port }}'>Available </input></td>
  409. </tr>
  410. {% endfor %}
  411. </table>
  412. </div>
  413. <div class="modal-footer">
  414. <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Cancel</button>
  415. <button type="submit" id="scharging" class="btn btn-success">Select</button>
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420. <!-- Charging Select Modal -->
  421.  
  422.  
  423. <!-- Charging Station Modal -->
  424. <div id="chargingstation" class="modal fade bd-example-modal-sm" role="dialog">
  425. <div class="modal-dialog modal-dialog-centered">
  426. <!-- Modal content-->
  427. <div class="modal-content">
  428. <div class="modal-header">
  429. <h4 class="modal-title">Charging Rates</h4>
  430. <button type="button" class="close" data-dismiss="modal">×</button>
  431. </div>
  432. <div class="modal-body">
  433. <table class="table table-striped table-bordered table-sm">
  434. <tr class="thead-dark">
  435. <th>Amount
  436. </th>
  437. <th>Time
  438. </th>
  439. <th>Note
  440. </th>
  441. </tr>
  442. {% for c in crates if c.time %}
  443. <tr>
  444. <td>{{ c.pulses }}</td>
  445. <td class="cconvert{{ c.pulses }}"></td>
  446. <td>{{ c.note }}</td>
  447. </tr>
  448. {% endfor %}
  449. </table>
  450. </div>
  451. </div>
  452. </div>
  453. </div>
  454.  
  455.  
  456.  
  457. <div id="eloadannouncer"> </div>
  458. <div id="multicoinslot_announce"> </div>
  459. <div id="eloadprocess_announce"> </div>
  460. <div id="auto_process"> </div>
  461. <div id="balanceinquiry_announcer"> </div>
  462.  
  463.  
  464. <!-- End Footer -->
  465. <footer class="footer" style="margin:auto;max-width: 500px;position: relative;">
  466. Powered By: <font color="1A76FA"><font size="4">🔥ᴇᴄʜɪɴᴇᴛ ᴄᴏᴍᴘᴜᴛᴇʀ sʜᴏᴘ🔥</font>
  467. <footer class="footer" style="margin:auto;max-width: 500px;position: relative;">
  468. <font color="1A76FA"> 🚀 sᴘᴇᴇᴅ ᴜᴘ ᴛᴏ 𝟷𝟶𝟶ᴍʙᴘs ᴀɪʀ ғɪʙᴇʀ 🚀</font>
  469. </footer>
  470. <!-- End Footer -->
  471.  
  472.  
  473. </div>
  474. <!-- End Container -->
  475.  
  476. {% include 'footer.html' %}
  477.  
  478. </body>
  479. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement