SHARE
TWEET

SCRIPT

a guest Aug 12th, 2016 121 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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
 
Top