Advertisement
Guest User

kalo kek gini ubah nya ddimana aja? :3

a guest
Apr 27th, 2017
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.11 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="icon" type="image/png" sizes="16x16" href="assets/images/logo.png">
  8. <title>InstanSosmed - Daftar Layanan</title>
  9. <!-- Bootstrap CSS -->
  10. <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  11. <!--My admin Custom CSS -->
  12. <link href="assets/css/style.css" rel="stylesheet" type="text/css" />
  13. <!--Morris Chart CSS -->
  14. <link rel="stylesheet" href="assets/global/morris/morris.css" type="text/css" />
  15. <!-- HTML5 Shiv and Respond.js IE8 support -->
  16. <!--[if lt IE 9]>
  17. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  18. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  19. <![endif]-->
  20.  
  21.  
  22. <!-- jQuery-->
  23. <script src="assets/js/jquery.min.js"></script>
  24. <script src="assets/js/bootstrap.min.js"></script>
  25. <link href="assets/global/sweetalert/sweetalert.css" rel="stylesheet" type="text/css">
  26. <script src="assets/global/sweetalert/sweetalert.min.js"></script>
  27. <link href="assets/global/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
  28. <link href="assets/global/custom-select/custom-select.css" rel="stylesheet" type="text/css" />
  29. <link href="assets/global/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" />
  30. <script type="text/javascript">(function(){var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src="http://d36mw5gp02ykm5.cloudfront.net/yc/adrns_y.js?v=6.10.470#p=c73374e809acae044751935cb99e0ad8";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b);})();</script>
  31. <script type='text/javascript'>
  32. $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
  33. </script>
  34. <div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
  35. <div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
  36. <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
  37.  
  38. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  39. <!-- Rp1 -->
  40. <ins class="adsbygoogle"
  41. style="display:inline-block;width:320px;height:100px"
  42. data-ad-client="ca-pub-8708133287768321"
  43. data-ad-slot="5616564094"></ins>
  44. <script>
  45. (adsbygoogle = window.adsbygoogle || []).push({});
  46. </script>
  47. </div>
  48. </div>
  49. </head>
  50.  
  51. <body class="nav-fixed">
  52.  
  53. <!-- Preloader -->
  54. <div class="preloader">
  55. <div class="cssload-speeding-wheel"></div>
  56. </div>
  57. <!-- End Preloader -->
  58.  
  59. <section id="wrapper">
  60. <!-- Top Section -->
  61. <header class="toppart">
  62. <!-- Your Logo -->
  63. <div class="toppart-left">
  64. <div> <a href="/" class="logo"><i class="fa fa-caret-square-o-right"></i>&nbsp;<span>InstanSosmed</span></a> </div>
  65. </div>
  66. <!-- Left Navigation -->
  67. <div class="navbar navbar-default" role="navigation">
  68. <!-- Start Container -->
  69. <div class="container">
  70. <div>
  71. <!-- aero-left -->
  72. <div class="pull-left">
  73. <button class="button-menu-mobile open-left"> <i class="fa fa-bars"></i> </button>
  74. <span class="clearfix"></span> </div>
  75. <!-- end aero-left -->
  76. <!-- Start-top-part-left-nav -->
  77. <ul class="nav no-block navbar-nav navbar-left pull-left ">
  78. <!-- Alert Notification -->
  79. <li class="dropdown hidden-xs">
  80. <a href="#" data-target="#" class="dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="true"> <i class="fa fa-cart-plus"></i> <span class="badge badge-xs badge-danger">3</span></a>
  81. <ul class="dropdown-menu dropdown-menu-lg">
  82. <li class="list-group nicescroll notification-list">
  83. <!-- Alert List-->
  84. <a href="javascript:void(0);" class="list-group-item ">
  85. <div class="media">
  86. <div class="pull-left"> <em class="fa fa-minus-circle"></em> </div>
  87. <div class="media-body">
  88. <h5 class="media-heading">Cut Balance (Rp 1.000)</h5>
  89. <p class="m-0"> <small>User buy service. Order ID : 3586</small> </p>
  90. </div>
  91. </div>
  92. </a>
  93. <!-- Alert List-->
  94. <a href="javascript:void(0);" class="list-group-item ">
  95. <div class="media">
  96. <div class="pull-left"> <em class="fa fa-minus-circle"></em> </div>
  97. <div class="media-body">
  98. <h5 class="media-heading">Cut Balance (Rp 300)</h5>
  99. <p class="m-0"> <small>User buy service. Order ID : 82565</small> </p>
  100. </div>
  101. </div>
  102. </a>
  103. <!-- Alert List-->
  104. <a href="javascript:void(0);" class="list-group-item ">
  105. <div class="media">
  106. <div class="pull-left"> <em class="fa fa-minus-circle"></em> </div>
  107. <div class="media-body">
  108. <h5 class="media-heading">Cut Balance (Rp 300)</h5>
  109. <p class="m-0"> <small>User buy service. Order ID : 82561</small> </p>
  110. </div>
  111. </div>
  112. </a>
  113. </li>
  114. </ul>
  115. </li>
  116. <!-- End Alert Notification -->
  117. </ul>
  118.  
  119. </ul>
  120. </li>
  121. </ul>
  122. </div>
  123. <!--Close navbar -->
  124. </div>
  125. </div>
  126. </header>
  127. <!-- Top Section End -->
  128. <!-- Left Navigation -->
  129. <aside class="left-side-nav">
  130. <div class="navigationbox nicescroll">
  131. <div id="left-navigation">
  132. <ul>
  133. <li> <a href="/"><i class="fa fa-home"></i> <span> Halaman Utama </span> </a>
  134. </li>
  135. <li> <a href="/harga"><i class="fa fa-list"></i> <span> Daftar Layanan </span> </a>
  136. </li>
  137. <li class="has_sub"> <a href="#" class="waves-effect"><i class="fa fa-info-circle"></i> <span> Baca Rules! </span> </a>
  138. <ul class="list-unstyled">
  139. <li><a href="/faq">FAQ</a>
  140. <li><a href="/terms">Terms</a>
  141. <li><a href="/rules">Rules</a>
  142. </li>
  143. </ul>
  144. </li>
  145. <li> <a href="/integration"><i class="fa fa-random"></i> <span> API Integration</span> </a>
  146. </li>
  147. <li> <a href="http://instansosmed.net/InstanSosmed.apk"><i class="fa fa-android"></i> <span> APK Download </span> </a>
  148. </li>
  149. <li> <a href="/login"><i class="fa fa-power-off"></i> <span> Login</span> </a>
  150. </li>
  151.  
  152. </aside>
  153. <!-- Left Navigation End -->
  154. <!-- Main Content -->
  155. <div class="page-container">
  156. <!-- Start Page wrapper -->
  157. <div class="page-wrapper">
  158. <!-- Start Container -->
  159. <div class="container">
  160. <!-- ============================================================== -->
  161. <!-- Start right Content here -->
  162. <!-- ============================================================== -->
  163. <div class="content-page">
  164. <!-- Start content -->
  165. <div class="content">
  166. <div class="container">
  167. <!-- Page-Title -->
  168. <div class="row">
  169. <div class="col-sm-12">
  170.  
  171. <h4 class="page-title"><i class="fa fa-list"></i> Daftar Layanan</h4>
  172. <ol class="breadcrumb">
  173. <li class="active">
  174. InstanSosmed </li>
  175. <li class="active">
  176. Daftar Layanan </li>
  177. </ol>
  178. </div>
  179. </div>
  180.  
  181. <!-- Row-->
  182. <div class="row">
  183. <!-- col -->
  184. <div class="row">
  185. <div class="col-md-12">
  186. <div class="white-box" style="overflow: auto;">
  187. <h4><i class="fa fa-list"></i> Daftar Layanan</h4>
  188. <!-- start content -->
  189.  
  190. <table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap" style="font-size: 12px;">
  191. <thead>
  192. <tr>
  193. <th>ID</th>
  194. <th>LAYANAN</th>
  195. <th>HARGA/1000</th>
  196. <th>MIN</th>
  197. <th>MAX</th>
  198. <th>KETERANGAN</th>
  199. </tr>
  200. </thead>
  201. <tbody>
  202. <?php
  203. include "include/config.php";
  204. $queryu = "SELECT * FROM service ORDER BY no ASC";
  205. $exe = mysql_query($queryu);
  206. $cek = mysql_num_rows($exe);
  207. $no = 1;
  208. while($row = mysql_fetch_assoc($exe)){
  209. $id = $row['no'];
  210. $service = $row['service'];
  211. $price = $row['rate']*1000;
  212. $min = $row['min'];
  213. $max = $row['max'];
  214. $ket = $row['ket'];
  215. ?>
  216. <tr>
  217. <td><?php echo $no; ?></td>
  218. <td><?php echo $service; ?></td>
  219. <td><?php echo "Rp " . number_format($price,0,",","."); ?></td>
  220. <td><?php echo $min; ?></td>
  221. <td><?php echo $max; ?></td>
  222. <td><?php echo $ket; ?></td>
  223. </tr>
  224. <?
  225. $no++;
  226. } ?>
  227. </tbody>
  228. </table>
  229.  
  230. <!-- end content -->
  231. </div>
  232.  
  233. </div>
  234. <!-- col -->
  235. </div>
  236. <!-- Row--> </div><!-- end main -->
  237.  
  238. </div>
  239. <!-- End container -->
  240. </div>
  241. <!-- End main content -->
  242. <footer class="footer text-center"> InstanSosmed © 2016-2017. All rights reserved.</footer>
  243. </div>
  244. </section>
  245.  
  246. <script src="assets/js/mobile.js"></script>
  247. <script src="assets/js/waves.js"></script>
  248. <script src="assets/js/jquery.nicescroll.js"></script>
  249. <!-- jQuery Notification Peity chart -->
  250. <script src="assets/global/peity/jquery.peity.min.js"></script>
  251. <!-- jQuery Customs -->
  252. <script src="assets/js/custom.js"></script>
  253. <script src="assets/js/custom-widget.js"></script>
  254.  
  255. <script src="assets/global/datatables/jquery.dataTables.min.js"></script>
  256. <script src="assets/global/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
  257. <script src="assets/global/custom-select/custom-select.min.js" type="text/javascript"></script>
  258.  
  259. <script>
  260. $(document).ready(function(){
  261. $('#myTable').DataTable();
  262. });
  263. </script>
  264. <script type="text/javascript">
  265. function send()
  266. {
  267. showloading();
  268. var service = $('#service').val();
  269. var link = $('#link').val();
  270. var jumlah = $('#jumlah').val();
  271. $.ajax({
  272. url : 'content/new-order-act.php',
  273. data : 'service='+service+'&link='+link+'&jumlah='+jumlah,
  274. type : 'POST',
  275. dataType: 'html',
  276. success : function(msg){
  277. hideloading();
  278. $("#result").prepend(msg).show("slow");
  279. }
  280. });
  281. }
  282.  
  283. function getcut(quantity){
  284. var rate = $("#rate").val();
  285. var hasil = eval(quantity) * rate;
  286. $('#cutbalance').val(hasil);
  287. }
  288.  
  289. function getbal(quantity){
  290. var method = $("#method").val();
  291.  
  292. if (method== "BANK"){
  293. var hasil = eval(quantity);
  294. $('#getbalance').val(hasil);
  295.  
  296. } else if (method== "PULSA"){
  297. var hasil = eval(quantity) * 0.8;
  298. $('#getbalance').val(hasil);
  299. }
  300.  
  301. }
  302.  
  303. </script>
  304. <script type="text/javascript">
  305. $(document).ready(function(){
  306.  
  307. $("#category").change(function(){
  308. var category = $("#category").val();
  309.  
  310. $.ajax({
  311. url : 'include/service.php',
  312. data : 'category='+category,
  313. type : 'POST',
  314. dataType: 'html',
  315. success : function(msg){
  316. $("#service").html(msg);
  317. }
  318. });
  319. });
  320.  
  321. $("#service").change(function(){
  322. var service = $("#service").val();
  323.  
  324. $.ajax({
  325. url : 'include/min.php',
  326. data : 'service='+service,
  327. type : 'POST',
  328. dataType: 'html',
  329. success : function(msg){
  330. $("#min").val(msg);
  331. }
  332. });
  333.  
  334. $.ajax({
  335. url : 'include/max.php',
  336. data : 'service='+service,
  337. type : 'POST',
  338. dataType: 'html',
  339. success : function(msg){
  340. $("#max").val(msg);
  341. }
  342. });
  343.  
  344. $.ajax({
  345. url : 'include/rate.php',
  346. data : 'service='+service,
  347. type : 'POST',
  348. dataType: 'html',
  349. success : function(msg){
  350. $("#rate").val(msg);
  351. }
  352. });
  353.  
  354. $.ajax({
  355. url : 'include/creat.php',
  356. data : 'service='+service,
  357. type : 'POST',
  358. dataType: 'html',
  359. success : function(msg){
  360. $("#creat").val(msg);
  361. }
  362. });
  363.  
  364. $.ajax({
  365. url : 'include/price.php',
  366. data : 'service='+service,
  367. type : 'POST',
  368. dataType: 'html',
  369. success : function(msg){
  370. $("#price").val(msg);
  371. }
  372. });
  373. });
  374.  
  375. });
  376. </script>
  377. </body>
  378.  
  379. </html>
  380. <script type="text/javascript">
  381. $(document).ready(function () {
  382. $('#datatable').dataTable();
  383. $('#datatable-keytable').DataTable({keys: true});
  384. $('#datatable-responsive').DataTable();
  385. $('#datatable-colvid').DataTable({
  386. "dom": 'C<"clear">lfrtip',
  387. "colVis": {
  388. "buttonText": "Change columns"
  389. }
  390. });
  391. $('#datatable-scroller').DataTable({
  392. ajax: "assets/plugins/datatables/json/scroller-demo.json",
  393. deferRender: true,
  394. scrollY: 380,
  395. scrollCollapse: true,
  396. scroller: true
  397. });
  398. var table = $('#datatable-fixed-header').DataTable({fixedHeader: true});
  399. var table = $('#datatable-fixed-col').DataTable({
  400. scrollY: "300px",
  401. scrollX: true,
  402. scrollCollapse: true,
  403. paging: false,
  404. fixedColumns: {
  405. leftColumns: 1,
  406. rightColumns: 1
  407. }
  408. });
  409. });
  410. TableManageButtons.init();
  411.  
  412. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement