API tools faq
paste
Advertisement
kristriel08

V13 modified insertcoin

kristriel08
Aug 17th, 2019
624
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title><?= $title ?></title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <link rel="stylesheet" href="css/insertcoin.css" media="screen">
  9. <link href="css/bootstrap4.min.css" rel="stylesheet" type="text/css">
  10. <link href="css/animate.min.css" rel="stylesheet">
  11. <link href="css/toastr.min.css" rel="stylesheet">
  12. <link rel="stylesheet" href="css/font-awesome.min.css">
  13. <script src="js/loading.min.js"></script>
  14. <script src="js/jquery.min.js"></script>
  15. <script src="js/apps.min.js"></script>
  16. <style>
  17. body {
  18. background-color: #cfedfc !important;
  19. #background-image: url("images/bg2.jpg");
  20. background-size: cover;
  21. background-position: center center;
  22. margin:auto;
  23. text-align: center;
  24. }
  25. .vertical-form {
  26. padding-left:15px;
  27. padding-right:15px;
  28. }
  29. a {color:#428bca !important;}
  30. a:hover{
  31. text-decoration: none !important;
  32. }
  33. .button-rnd {
  34. min-width: 300px !important;
  35. max-width: 300px !important;
  36. border-radius: 14px 14px;
  37. }
  38. .button-rnd:hover{
  39. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  40. }
  41. .footer {
  42. font-size:90%;
  43. color:#748c8a;
  44. }
  45. .footer a{
  46. margin-left:3px;
  47. }
  48. .button-animate {
  49. -webkit-animation: glowing 1500ms infinite;
  50. -moz-animation: glowing 1500ms infinite;
  51. -o-animation: glowing 1500ms infinite;
  52. animation: glowing 1500ms infinite;
  53. }
  54. @-webkit-keyframes glowing {
  55. 0% { box-shadow: 0 0 3px #80c780; background-color: #4cae4c;}
  56. 50% { box-shadow: 0 0 40px #6ec06e; background-color: #449d44; }
  57. 100% { box-shadow: 0 0 3px #5cb85c; background-color: #4cae4c;}
  58. }
  59. @-moz-keyframes glowing {
  60. 0% { box-shadow: 0 0 3px #80c780; background-color: #4cae4c;}
  61. 50% { box-shadow: 0 0 40px #6ec06e; background-color: #449d44; }
  62. 100% { box-shadow: 0 0 3px #5cb85c; background-color: #4cae4c;}
  63. }
  64. @-o-keyframes glowing {
  65. 0% { box-shadow: 0 0 3px #80c780; background-color: #4cae4c;}
  66. 50% { box-shadow: 0 0 40px #6ec06e; background-color: #449d44; }
  67. 100% { box-shadow: 0 0 3px #5cb85c; background-color: #4cae4c;}
  68. }
  69. @keyframes glowing {
  70. 0% { box-shadow: 0 0 3px #80c780; background-color: #4cae4c;}
  71. 50% { box-shadow: 0 0 40px #6ec06e; background-color: #449d44; }
  72. 100% { box-shadow: 0 0 3px #5cb85c; background-color: #4cae4c;}
  73. }
  74. .modal {
  75. z-index:99999;
  76. }
  77. .modal-dialog{
  78. overflow-y: initial !important
  79. }
  80. .modal-body{
  81. height: 250px;
  82. overflow-y: auto;
  83. }
  84. .visible {
  85. visibility: visible;
  86. }
  87. .invisible {
  88. visibility: hidden;
  89. }
  90. .Disabled{
  91. pointer-events: none;
  92. cursor: not-allowed;
  93. opacity: 0.65;
  94. filter: alpha(opacity=65);
  95. -webkit-box-shadow: none;
  96. box-shadow: none;
  97. }
  98. </style>
  99. </head>
  100. <body class='insertcoin'>
  101. <div class="vertical-form">
  102. <div style="margin:0;padding:0;display:inline"></div>
  103. <legend>
  104. <!--START animated coin slot-->
  105. <div style="background-image: url('images/coin-slot.png');width:220px;height: 220px;background-size:cover;padding:0px;margin:auto">
  106. </div>
  107. <!--END animated coin slot-->
  108. </legend>
  109. <!--Toast-->
  110. <div align="center">
  111. <p> TOTAL AMOUNT
  112. <h4> <span id="tamount" >0.00 </h4>
  113. </p>
  114. <div class="btn-group" role="group">
  115. <form action="<?= $done?>" name="btn-spinner" method="post">
  116. <p><?= (!$buytimezxc) ? '' : '<button type="submit" name="transmode" value="coin" class="btn btn-primary button-animate button-rnd btn-spinner"><i class="fa fa-clock-o"></i> Done Paying / Start Internet</button>' ?> </p>
  117. </form>
  118. </div>
  119. <div class="progress progress-rounded progress-lg progress-striped active">
  120. <div id="progressBar" class="progress-bar progress-bar-danger" style="width:60%"></div>
  121. </div>
  122. <div id="progress-msg" class="text-center text-white" style="margin-top:-27px;"> </div>
  123. <div style="clear: both; height:60px;"></div>
  124. <div id="transcoins">
  125. </div>
  126. <div class="btn-group" role="group">
  127. <form action="<?= $done?>" name="btn-spinner" method="post">
  128. <?= ($getChargeRemaing < 0) ? ''.((!$buychargingzxc) ? '' : '<button type="button" data-toggle="modal" data-target="#exampleModal" class="btn btn-primary button-animate button-rnd"><i class="fa fa-usb"></i>Buy Charging</button>').'' : '<button type="submit" name="transmode" value="addchargetime" class="btn btn-primary btn-sm button-animate btn-spinner"><i class="fa fa-usb"></i>Extend Charging</button>' ?>
  129. <div style="margin-top:10px"/>
  130. <?= (!$buyvoucherzxc) ? '' : '<button type="submit" name="transmode" value="voucher" class="btn btn-primary button-animate button-rnd btn-spinner"><i class="fa fa-ticket"></i>Buy Voucher</button>' ?>
  131. </form>
  132. </div>
  133. </div>
  134. <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  135. <div class="modal-dialog modal-dialog-centered">
  136. <div class="modal-content">
  137. <div class="modal-header">
  138. <h5 class="modal-title"><i class="fa fa-usb"></i> Select Charging Ports <i class="fa fa-usb"></i></h5>
  139. </div>
  140. <form action="<?= $done?>" method="post">
  141. <div class="modal-body">
  142. <table class="table table-striped table-bordered table-sm">
  143. <tr class="thead-dark">
  144. <th>Port
  145. </th>
  146. <th>Note
  147. </th>
  148. <th>Availability
  149. </th>
  150. </tr>
  151. <?= selectcharging($link,$ip); ?>
  152. </table>
  153. </div>
  154. <div class="modal-footer">
  155. <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Cancel</button>
  156. <button type="submit" name="transmode" value="port" class="btn btn-success">Select</button>
  157. </div>
  158. </form>
  159. </div>
  160. </div>
  161. </div>
  162. <script src="js/bootstrap4.min.js"></script>
  163. <script src="js/soundjs.min.js"></script>
  164. <script src="js/preloadjs.min.js"></script>
  165. <script>
  166. $(".btn-spinner").on('click', function(e) {
  167. $(".btn-spinner").addClass('Disabled');
  168. $(this).prepend('<i class="fa fa-spinner fa-spin"></i> ');
  169. });
  170. </script>
  171. <!--//footer-->
  172. </body>
  173. </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!