Guest User

SCRIPT

a guest
Aug 12th, 2016
172
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.28 KB | None | 0 0
  1. <?php
  2. // Script by Sebastian Wirajaya
  3.  
  4. session_start();
  5. if(!isset($_SESSION['username'])) {
  6. header('location:login.php'); }
  7. else { $username = $_SESSION['username']; }
  8. require_once("koneksi.php");
  9.  
  10. $query = mysql_query("SELECT * FROM user WHERE username = '$username'");
  11. $get = mysql_fetch_array($query);
  12.  
  13. $user = mysql_query("SELECT * FROM user");
  14. $transaksi = mysql_query("SELECT * FROM historyall");
  15. $totaluser = mysql_num_rows($user);
  16. $totaltransaksi = mysql_num_rows($transaksi);
  17.  
  18. $nama = $get['nama'];
  19. $password = $get['password'];
  20. $level = $get['level'];
  21. $saldo = "Rp " . number_format($get['saldo'],2,',','.');
  22. $uplink = $get['uplink'];
  23. ?>
  24.  
  25. <!DOCTYPE html>
  26. <html>
  27.  
  28. <head>
  29. <meta charset="utf-8">
  30. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  31. <meta name="description" content="Sebuah Website Yang Menyediakan Berbagai Layanan Mulai Dari Social Media, Pulsa Elektrik, Voucher Game, Dan Lain Lain">
  32. <meta name="author" content="Coderthemes">
  33.  
  34. <!-- App Favicon -->
  35. <link rel="shortcut icon" href="assets/images/favicon.ico">
  36.  
  37. <!-- App title -->
  38. <title>Rumah Panel || Dashboard</title>
  39.  
  40. <!--Morris Chart CSS -->
  41. <link rel="stylesheet" href="assets/plugins/morris/morris.css">
  42.  
  43. <!-- Switchery css -->
  44. <link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" />
  45.  
  46. <!-- App CSS -->
  47. <link href="assets/css/style.css" rel="stylesheet" type="text/css" />
  48.  
  49. <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
  50. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  51. <!--[if lt IE 9]>
  52. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  53. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  54. <![endif]-->
  55. <!-- Modernizr js -->
  56. <script src="assets/js/modernizr.min.js"></script>
  57. <script>
  58. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  59. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  60. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  61. })(window,document,'script','../../../www.google-analytics.com/analytics.js','ga');
  62.  
  63. ga('create', 'UA-79190402-1', 'auto');
  64. ga('send', 'pageview');
  65.  
  66. </script>
  67.  
  68. </head>
  69.  
  70.  
  71. <body class="fixed-left">
  72.  
  73. <!-- Begin page -->
  74. <div id="wrapper">
  75.  
  76. <!-- Top Bar Start -->
  77. <div class="topbar">
  78.  
  79. <!-- LOGO -->
  80. <div class="topbar-left">
  81. <a href="index.html" class="logo">
  82. <i class="zmdi zmdi-home icon-c-logo"></i>
  83. <span>Rumah Panel</span></a>
  84. </div>
  85.  
  86.  
  87. <nav class="navbar navbar-custom">
  88. <ul class="nav navbar-nav">
  89. <li class="nav-item">
  90. <button class="button-menu-mobile open-left waves-light waves-effect">
  91. <i class="zmdi zmdi-menu"></i>
  92. </button>
  93. </li>
  94. <li class="nav-item hidden-mobile">
  95. <form role="search" class="app-search">
  96. <input type="text" placeholder="Search..." class="form-control">
  97. <a href="#"><i class="fa fa-search"></i></a>
  98. </form>
  99. </li>
  100. </ul>
  101.  
  102. <ul class="nav navbar-nav pull-right">
  103. <li class="nav-item dropdown notification-list">
  104. <a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
  105. aria-haspopup="false" aria-expanded="false">
  106. <i class="zmdi zmdi-notifications-none noti-icon"></i>
  107. <span class="noti-icon-badge"></span>
  108. </a>
  109. <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-lg" aria-labelledby="Preview">
  110. <!-- item-->
  111. <div class="dropdown-item noti-title">
  112. <h5><small><span class="label label-danger pull-xs-right">7</span>Notification</small></h5>
  113. </div>
  114.  
  115. <!-- item-->
  116. <a href="javascript:void(0);" class="dropdown-item notify-item">
  117. <div class="notify-icon bg-success"><i class="icon-bubble"></i></div>
  118. <p class="notify-details">Robert S. Taylor commented on Admin<small class="text-muted">1min ago</small></p>
  119. </a>
  120.  
  121. <!-- item-->
  122. <a href="javascript:void(0);" class="dropdown-item notify-item">
  123. <div class="notify-icon bg-info"><i class="icon-user"></i></div>
  124. <p class="notify-details">New user registered.<small class="text-muted">1min ago</small></p>
  125. </a>
  126.  
  127. <!-- item-->
  128. <a href="javascript:void(0);" class="dropdown-item notify-item">
  129. <div class="notify-icon bg-danger"><i class="icon-like"></i></div>
  130. <p class="notify-details">Carlos Crouch liked <b>Admin</b><small class="text-muted">1min ago</small></p>
  131. </a>
  132.  
  133. <!-- All-->
  134. <a href="javascript:void(0);" class="dropdown-item notify-item notify-all">
  135. View All
  136. </a>
  137.  
  138. </div>
  139. </li>
  140.  
  141.  
  142. <li class="nav-item dropdown notification-list">
  143. <a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
  144. aria-haspopup="false" aria-expanded="false">
  145. <i class="zmdi zmdi-email noti-icon"></i>
  146. <span class="noti-icon-badge"></span>
  147. </a>
  148. <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-arrow-success dropdown-lg" aria-labelledby="Preview">
  149. <!-- item-->
  150. <div class="dropdown-item noti-title bg-success">
  151. <h5><small><span class="label label-danger pull-xs-right">7</span>Messages</small></h5>
  152. </div>
  153.  
  154. <!-- item-->
  155. <a href="javascript:void(0);" class="dropdown-item notify-item">
  156. <div class="notify-icon bg-faded">
  157. <img src="assets/images/users/avatar-2.jpg" alt="img" class="img-circle img-fluid">
  158. </div>
  159. <p class="notify-details">
  160. <b>Robert Taylor</b>
  161. <span>New tasks needs to be done</span>
  162. <small class="text-muted">1min ago</small>
  163. </p>
  164. </a>
  165.  
  166. <!-- item-->
  167. <a href="javascript:void(0);" class="dropdown-item notify-item">
  168. <div class="notify-icon bg-faded">
  169. <img src="assets/images/users/avatar-3.jpg" alt="img" class="img-circle img-fluid">
  170. </div>
  171. <p class="notify-details">
  172. <b>Carlos Crouch</b>
  173. <span>New tasks needs to be done</span>
  174. <small class="text-muted">1min ago</small>
  175. </p>
  176. </a>
  177.  
  178. <!-- item-->
  179. <a href="javascript:void(0);" class="dropdown-item notify-item">
  180. <div class="notify-icon bg-faded">
  181. <img src="assets/images/users/avatar-4.jpg" alt="img" class="img-circle img-fluid">
  182. </div>
  183. <p class="notify-details">
  184. <b>Robert Taylor</b>
  185. <span>New tasks needs to be done</span>
  186. <small class="text-muted">1min ago</small>
  187. </p>
  188. </a>
  189.  
  190. <!-- All-->
  191. <a href="javascript:void(0);" class="dropdown-item notify-item notify-all">
  192. View All
  193. </a>
  194.  
  195. </div>
  196. </li>
  197.  
  198. <li class="nav-item dropdown notification-list">
  199. <a class="nav-link waves-effect waves-light right-bar-toggle" href="javascript:void(0);">
  200. <i class="zmdi zmdi-format-subject noti-icon"></i>
  201. </a>
  202. </li>
  203.  
  204. <li class="nav-item dropdown notification-list">
  205. <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
  206. aria-haspopup="false" aria-expanded="false">
  207. <img src="assets/images/users/avatar-1.jpg" alt="user" class="img-circle">
  208. </a>
  209. <div class="dropdown-menu dropdown-menu-right dropdown-arrow profile-dropdown " aria-labelledby="Preview">
  210. <!-- item-->
  211. <div class="dropdown-item noti-title">
  212. <h5 class="text-overflow"><small>Welcome ! John</small> </h5>
  213. </div>
  214.  
  215. <!-- item-->
  216. <a href="javascript:void(0);" class="dropdown-item notify-item">
  217. <i class="zmdi zmdi-account-circle"></i> <span>Profile</span>
  218. </a>
  219.  
  220. <!-- item-->
  221. <a href="javascript:void(0);" class="dropdown-item notify-item">
  222. <i class="zmdi zmdi-settings"></i> <span>Settings</span>
  223. </a>
  224.  
  225. <!-- item-->
  226. <a href="javascript:void(0);" class="dropdown-item notify-item">
  227. <i class="zmdi zmdi-lock-open"></i> <span>Lock Screen</span>
  228. </a>
  229.  
  230. <!-- item-->
  231. <a href="logout.php" class="dropdown-item notify-item">
  232. <i class="zmdi zmdi-power"></i> <span>Logout</span>
  233. </a>
  234.  
  235. </div>
  236. </li>
  237.  
  238. </ul>
  239.  
  240. </nav>
  241.  
  242. </div>
  243. <!-- Top Bar End -->
  244.  
  245.  
  246. <!-- ========== Left Sidebar Start ========== -->
  247. <div class="left side-menu">
  248. <div class="sidebar-inner slimscrollleft">
  249.  
  250. <!--- Sidemenu -->
  251. <div id="sidebar-menu">
  252. <ul>
  253. <li class="text-muted menu-title">Navigation</li>
  254.  
  255. <li class="has_sub">
  256. <a href="index.html" class="waves-effect active"><span class="label label-pill label-primary pull-xs-right">1</span><i class="zmdi zmdi-view-dashboard"></i><span> Dashboard </span> </a>
  257. </li>
  258.  
  259. <li class="has_sub">
  260. <a href="javascript:void(0);" class="waves-effect"><i class="zmdi zmdi-phone"></i> <span> Pulsa Elektrik</span> <span class="menu-arrow"></span></a>
  261. <ul class="list-unstyled">
  262. <li><a href="javascript:;" onclick="buka('item/pulsa');"><i class="phone"></i> Order Now</a></li>
  263. </ul>
  264. </li>
  265.  
  266. <li class="has_sub">
  267. <a href="javascript:void(0);" class="waves-effect"><i class="zmdi zmdi-credit-card"></i> <span> Voucher Game</span> <span class="menu-arrow"></span></a>
  268. <ul class="list-unstyled">
  269. <li><a href="javascript:;" onclick="buka('item/vouchergame');"><i class="credit-card"></i>Order Now</a></li>
  270. </ul>
  271. </li>
  272.  
  273. <li class="has_sub">
  274. <a href="javascript:void(0);" class="waves-effect"><i class="zmdi zmdi-fire"></i> <span> Icons </span> <span class="menu-arrow"></span></a>
  275. <ul class="list-unstyled">
  276. <li><a href="icons-materialdesign.html">Material Design</a></li>
  277. <li><a href="icons-ionicons.html">Ion Icons</a></li>
  278. <li><a href="icons-fontawesome.html">Font awesome</a></li>
  279. <li><a href="icons-themify.html">Themify Icons</a></li>
  280. <li><a href="icons-simple-line.html">Simple line Icons</a></li>
  281. <li><a href="icons-weather.html">Weather Icons</a></li>
  282. <li><a href="icons-pe7.html">PE7 Icons</a></li>
  283. <li><a href="icons-typicons.html">Typicons</a></li>
  284. </ul>
  285. </li>
  286.  
  287. <li class="has_sub">
  288. <a href="javascript:void(0);" class="waves-effect"><span class="label label-pill label-warning pull-xs-right">8</span><i class="zmdi zmdi-collection-text"></i><span> Forms </span> </a>
  289. <ul class="list-unstyled">
  290. <li><a href="form-elements.html">General Elements</a></li>
  291. <li><a href="form-advanced.html">Advanced Form</a></li>
  292. <li><a href="form-validation.html">Form Validation</a></li>
  293. <li><a href="form-pickers.html">Form Pickers</a></li>
  294. <li><a href="form-wizard.html">Form Wizard</a></li>
  295. <li><a href="form-mask.html">Form Masks</a></li>
  296. <li><a href="form-uploads.html">Multiple File Upload</a></li>
  297. <li><a href="form-xeditable.html">X-editable</a></li>
  298. </ul>
  299. </li>
  300.  
  301. <li class="has_sub">
  302. <a href="javascript:void(0);" class="waves-effect"><i class="zmdi zmdi-format-list-bulleted"></i> <span> Tables </span> <span class="menu-arrow"></span></a>
  303. <ul class="list-unstyled">
  304. <li><a href="tables-basic.html">Basic Tables</a></li>
  305. <li><a href="tables-datatable.html">Data Table</a></li>
  306. <li><a href="tables-responsive.html">Responsive Table</a></li>
  307. <li><a href="tables-tablesaw.html">Tablesaw</a></li>
  308. </ul>
  309. </li>
  310.  
  311. <li class="has_sub">
  312. <a href="javascript:void(0);" class="waves-effect"><i class="zmdi zmdi-chart"></i><span> Charts </span> <span class="menu-arrow"></span></a>
  313. <ul class="list-unstyled">
  314. <li><a href="chart-flot.html">Flot Chart</a></li>
  315. <li><a href="chart-morris.html">Morris Chart</a></li>
  316. <li><a href="chart-chartjs.html">Chartjs</a></li>
  317. <li><a href="chart-peity.html">Peity Charts</a></li>
  318. <li><a href="chart-chartist.html">Chartist Charts</a></li>
  319. <li><a href="chart-c3.html">C3 Charts</a></li>
  320. <li><a href="chart-sparkline.html">Sparkline charts</a></li>
  321. <li><a href="chart-knob.html">Jquery Knob</a></li>
  322. </ul>
  323. </li>
  324.  
  325. <li class="text-muted menu-title">More</li>
  326.  
  327. <li class="has_sub">
  328. <a href="javascript:void(0);" class="waves-effect"><span class="label label-success label-pill pull-xs-right">9</span><i class="zmdi zmdi-collection-item"></i><span> Pages </span></a>
  329. <ul class="list-unstyled">
  330. <li><a href="pages-starter.html">Starter Page</a></li>
  331. <li><a href="pages-login.html">Login</a></li>
  332. <li><a href="pages-register.html">Register</a></li>
  333. <li><a href="pages-recoverpw.html">Recover Password</a></li>
  334. <li><a href="pages-lock-screen.html">Lock Screen</a></li>
  335. <li><a href="pages-404.html">Error 404</a></li>
  336. <li><a href="pages-500.html">Error 500</a></li>
  337. <li><a href="pages-timeline.html">Timeline</a></li>
  338. <li><a href="pages-invoice.html">Invoice</a></li>
  339. </ul>
  340. </li>
  341.  
  342. <li class="has_sub">
  343. <a href="javascript:void(0);" class="waves-effect"><i class="zmdi zmdi-blur-linear"></i><span>Multi Level </span> <span class="menu-arrow"></span></a>
  344. <ul>
  345. <li class="has_sub">
  346. <a href="javascript:void(0);" class="waves-effect"><span>Menu Level 1.1</span> <span class="menu-arrow"></span> </a>
  347. <ul style="">
  348. <li><a href="javascript:void(0);"><span>Menu Item</span></a></li>
  349. <li><a href="javascript:void(0);"><span>Menu Item</span></a></li>
  350. <li><a href="javascript:void(0);"><span>Menu Item</span></a></li>
  351. </ul>
  352. </li>
  353. <li>
  354. <a href="javascript:void(0);"><span>Menu Level 1.2</span></a>
  355. </li>
  356. </ul>
  357. </li>
  358.  
  359. </ul>
  360. <div class="clearfix"></div>
  361. </div>
  362. <!-- Sidebar -->
  363. <div class="clearfix"></div>
  364.  
  365. </div>
  366.  
  367. </div>
  368. <!-- Left Sidebar End -->
  369.  
  370.  
  371.  
  372. <!-- ============================================================== -->
  373. <!-- Start right Content here -->
  374. <!-- ============================================================== -->
  375. <div class="content-page">
  376. <!-- Start content -->
  377. <div class="content">
  378. <div class="container">
  379.  
  380. <div class="row">
  381. <div class="col-xs-12">
  382. <div class="page-title-box">
  383. <h4 class="page-title">Dashboard</h4>
  384. <ol class="breadcrumb p-0">
  385. <li>
  386. <a href="#">Uplon</a>
  387. </li>
  388. <li>
  389. <a href="#">Dashboard</a>
  390. </li>
  391. <li class="active">
  392. Dashboard
  393. </li>
  394. </ol>
  395. <div class="clearfix"></div>
  396. </div>
  397. </div>
  398. </div>
  399. <!-- end row -->
  400.  
  401.  
  402. <div class="row">
  403. <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
  404. <div class="card-box tilebox-one">
  405. <i class="icon-chart pull-xs-right text-muted"></i>
  406. <h6 class="text-muted text-uppercase m-b-20">Total Transaksi</h6>
  407. <h2 class="m-b-20" data-plugin="counterup"><?php echo $totaltransaksi; ?></h2>
  408. <span class="label label-success"> Rumah Panel</span> <span class="text-muted"></span>
  409. </div>
  410. </div>
  411.  
  412. <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
  413. <div class="card-box tilebox-one">
  414. <i class="icon-user pull-xs-right text-muted"></i>
  415. <h6 class="text-muted text-uppercase m-b-20">Total User</h6>
  416. <h2 class="m-b-20"><span data-plugin="counterup"><?php echo $totaluser; ?></span></h2>
  417. <span class="label label-danger"> Rumah Panel </span> <span class="text-muted"></span>
  418. </div>
  419. </div>
  420.  
  421. <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
  422. <div class="card-box tilebox-one">
  423. <i class="icon-dollar pull-xs-right text-muted"></i>
  424. <h6 class="text-muted text-uppercase m-b-20">Total Saldo</h6>
  425. <h2 class="m-b-20">IDR <span data-plugin="counterup"> <?php echo $saldo; ?> </span></h2>
  426. <span class="label label-pink"> Rumah Panel </span> <span class="text-muted"></span>
  427. </div>
  428. </div>
  429.  
  430. <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
  431. <div class="card-box tilebox-one">
  432. <i class="icon-rocket pull-xs-right text-muted"></i>
  433. <h6 class="text-muted text-uppercase m-b-20">Uplink</h6>
  434. <h2 class="m-b-20" data-plugin="counterup"><?php echo uplink; ?></h2>
  435. <span class="label label-warning"> Rumah Panel </span> <span class="text-muted"></span>
  436. </div>
  437. </div>
  438. </div>
  439. <!-- end row -->
  440.  
  441.  
  442. <div class="row">
  443. <div class="col-xs-12 col-lg-12 col-xl-8">
  444. <div class="card-box">
  445.  
  446. <h4 class="header-title m-t-0 m-b-20">Dashboard</h4>
  447.  
  448. <div class="text-xs-center">
  449. <ul class="list-inline chart-detail-list m-b-0">
  450. <div class="alert alert-danger" id="kontent"> Welcome Back <strong><?php echo $nama; ?></strong></div>
  451. </ul>
  452. </div>
  453.  
  454. </div>
  455. </div><!-- end col-->
  456.  
  457. <div class="col-xs-12 col-lg-12 col-xl-4">
  458. <div class="card-box">
  459.  
  460. <h4 class="header-title m-t-0 m-b-30">Result Box</h4>
  461.  
  462. <div class="text-xs-center m-b-20">
  463. <div class="alert alert-success" id="result">Hasil Submit Anda Disini</div>
  464. </div>
  465.  
  466.  
  467. </div>
  468. </div><!-- end col-->
  469.  
  470.  
  471. </div>
  472. <!-- end row -->
  473.  
  474.  
  475. <!-- End content-page -->
  476.  
  477.  
  478. <!-- ============================================================== -->
  479. <!-- End Right content here -->
  480. <!-- ============================================================== -->
  481.  
  482.  
  483. <!-- Right Sidebar -->
  484. <div class="side-bar right-bar">
  485. <div class="nicescroll">
  486. <ul class="nav nav-tabs text-xs-center">
  487. <li class="nav-item">
  488. <a href="#home-2" class="nav-link active" data-toggle="tab" aria-expanded="false">
  489. Activity
  490. </a>
  491. </li>
  492. <li class="nav-item">
  493. <a href="#messages-2" class="nav-link" data-toggle="tab" aria-expanded="true">
  494. Settings
  495. </a>
  496. </li>
  497. </ul>
  498.  
  499. <div class="tab-content">
  500. <div class="tab-pane fade in active" id="home-2">
  501. <div class="timeline-2">
  502. <div class="time-item">
  503. <div class="item-info">
  504. <small class="text-muted">5 minutes ago</small>
  505. <p><strong><a href="#" class="text-info">John Doe</a></strong> Uploaded a photo <strong>"DSC000586.jpg"</strong></p>
  506. </div>
  507. </div>
  508.  
  509. <div class="time-item">
  510. <div class="item-info">
  511. <small class="text-muted">30 minutes ago</small>
  512. <p><a href="#" class="text-info">Lorem</a> commented your post.</p>
  513. <p><em>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet tellus ut tincidunt euismod. "</em></p>
  514. </div>
  515. </div>
  516.  
  517. <div class="time-item">
  518. <div class="item-info">
  519. <small class="text-muted">59 minutes ago</small>
  520. <p><a href="#" class="text-info">Jessi</a> attended a meeting with<a href="#" class="text-success">John Doe</a>.</p>
  521. <p><em>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet tellus ut tincidunt euismod. "</em></p>
  522. </div>
  523. </div>
  524.  
  525. <div class="time-item">
  526. <div class="item-info">
  527. <small class="text-muted">1 hour ago</small>
  528. <p><strong><a href="#" class="text-info">John Doe</a></strong>Uploaded 2 new photos</p>
  529. </div>
  530. </div>
  531.  
  532. <div class="time-item">
  533. <div class="item-info">
  534. <small class="text-muted">3 hours ago</small>
  535. <p><a href="#" class="text-info">Lorem</a> commented your post.</p>
  536. <p><em>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet tellus ut tincidunt euismod. "</em></p>
  537. </div>
  538. </div>
  539.  
  540. <div class="time-item">
  541. <div class="item-info">
  542. <small class="text-muted">5 hours ago</small>
  543. <p><a href="#" class="text-info">Jessi</a> attended a meeting with<a href="#" class="text-success">John Doe</a>.</p>
  544. <p><em>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet tellus ut tincidunt euismod. "</em></p>
  545. </div>
  546. </div>
  547. </div>
  548. </div>
  549.  
  550. <div class="tab-pane fade" id="messages-2">
  551.  
  552. <div class="row m-t-20">
  553. <div class="col-xs-8">
  554. <h5 class="m-0">Notifications</h5>
  555. <p class="text-muted m-b-0"><small>Do you need them?</small></p>
  556. </div>
  557. <div class="col-xs-4 text-right">
  558. <input type="checkbox" checked data-plugin="switchery" data-color="#64b0f2" data-size="small"/>
  559. </div>
  560. </div>
  561.  
  562. <div class="row m-t-20">
  563. <div class="col-xs-8">
  564. <h5 class="m-0">API Access</h5>
  565. <p class="m-b-0 text-muted"><small>Enable/Disable access</small></p>
  566. </div>
  567. <div class="col-xs-4 text-right">
  568. <input type="checkbox" checked data-plugin="switchery" data-color="#64b0f2" data-size="small"/>
  569. </div>
  570. </div>
  571.  
  572. <div class="row m-t-20">
  573. <div class="col-xs-8">
  574. <h5 class="m-0">Auto Updates</h5>
  575. <p class="m-b-0 text-muted"><small>Keep up to date</small></p>
  576. </div>
  577. <div class="col-xs-4 text-right">
  578. <input type="checkbox" checked data-plugin="switchery" data-color="#64b0f2" data-size="small"/>
  579. </div>
  580. </div>
  581.  
  582. <div class="row m-t-20">
  583. <div class="col-xs-8">
  584. <h5 class="m-0">Online Status</h5>
  585. <p class="m-b-0 text-muted"><small>Show your status to all</small></p>
  586. </div>
  587. <div class="col-xs-4 text-right">
  588. <input type="checkbox" checked data-plugin="switchery" data-color="#64b0f2" data-size="small"/>
  589. </div>
  590. </div>
  591.  
  592. </div>
  593. </div>
  594. </div> <!-- end nicescroll -->
  595. </div>
  596. <!-- /Right-bar -->
  597.  
  598. <footer class="footer text-right">
  599. 2016 © Uplon.
  600. </footer>
  601.  
  602.  
  603. </div>
  604. <!-- END wrapper -->
  605.  
  606.  
  607. <script>
  608. var resizefunc = [];
  609. </script>
  610.  
  611. <!-- jQuery -->
  612. <script src="assets/js/jquery.min.js"></script>
  613. <script src="assets/js/tether.min.js"></script><!-- Tether for Bootstrap -->
  614. <script src="assets/js/bootstrap.min.js"></script>
  615. <script src="assets/js/detect.js"></script>
  616. <script src="assets/js/fastclick.js"></script>
  617. <script src="assets/js/jquery.blockUI.js"></script>
  618. <script src="assets/js/waves.js"></script>
  619. <script src="assets/js/jquery.nicescroll.js"></script>
  620. <script src="assets/js/jquery.scrollTo.min.js"></script>
  621. <script src="assets/js/jquery.slimscroll.js"></script>
  622. <script src="assets/plugins/switchery/switchery.min.js"></script>
  623.  
  624. <!--Morris Chart-->
  625. <script src="assets/plugins/morris/morris.min.js"></script>
  626. <script src="assets/plugins/raphael/raphael-min.js"></script>
  627.  
  628. <!-- Counter Up -->
  629. <script src="assets/plugins/waypoints/lib/jquery.waypoints.js"></script>
  630. <script src="assets/plugins/counterup/jquery.counterup.min.js"></script>
  631.  
  632. <!-- App js -->
  633. <script src="assets/js/jquery.core.js"></script>
  634. <script src="assets/js/jquery.app.js"></script>
  635.  
  636. <!-- Page specific js -->
  637. <script src="assets/pages/jquery.dashboard.js"></script>
  638.  
  639. </body>
  640.  
  641. <script>
  642. // Script by Sebastian Wirajaya
  643.  
  644. function buka(nama) {
  645. $("#konten").html('<div class="portlet-heading"><div class="portlet-title"><h4>Loading konten...</h4></div><div class="clearfix"></div></div><div class="portlet-body"><div class="progress progress-striped active"><div class="progress-bar progress-bar-info" style="width: 100%"></div></div></div>');
  646. $.ajax({
  647. url : nama+'.php',
  648. type : 'GET',
  649. dataType: 'html',
  650. success : function(isi){
  651. $("#konten").html(isi);
  652. },
  653. });
  654. }
  655.  
  656. function post(){
  657. $('#result').html('<div class="progress progress-striped active"><div class="progress-bar progress-bar-inverse" style="width: 100%"></div></div>');
  658. $("input").attr("disabled", "disabled");
  659. $("select").attr("disabled", "disabled");
  660. $("button").attr("disabled", "disabled");
  661. $("textarea").attr("disabled", "disabled");
  662. }
  663. function hasil(){
  664. $("input").removeAttr("disabled");
  665. $("select").removeAttr("disabled");
  666. $("button").removeAttr("disabled");
  667. $("textarea").removeAttr("disabled");
  668. }
  669. </script>
  670. </html>
Add Comment
Please, Sign In to add comment