API tools faq
paste
Advertisement
Bedhoel

view/home.php

Bedhoel
May 12th, 2018
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 20.21 KB | None | 0 0
raw download clone embed print report
  1.     <!-- Waves Effect Css -->
  2.     <link href="<?php echo $basepath ?>assets/plugins/node-waves/waves.css" rel="stylesheet" />
  3.  
  4.     <!-- Animation Css -->
  5.     <link href="<?php echo $basepath ?>assets/plugins/animate-css/animate.css" rel="stylesheet" />
  6.  
  7.     <!-- Morris Chart Css-->
  8.     <link href="<?php echo $basepath ?>assets/plugins/morrisjs/morris.css" rel="stylesheet" />
  9.  
  10.  
  11.     <section class="content">
  12.         <div class="container-fluid">
  13.             <div class="block-header">
  14.                 <h2>DASHBOARD</h2>
  15.             </div>
  16.             <!-- Widgets -->
  17.             <div class="row clearfix">
  18.                 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
  19.                     <div class="info-box bg-pink hover-expand-effect">
  20.                         <div class="icon">
  21.                             <i class="material-icons">playlist_add_check</i>
  22.                         </div>
  23.                         <div class="content">
  24.                             <div class="text">User</div>
  25.                             <div class="number count-to" data-from="0" data-to="<?php echo $gen_model->GetOne('count(*)','user') ?>" data-speed="15" data-fresh-interval="20"></div>
  26.                         </div>
  27.                     </div>
  28.                 </div>
  29.                 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
  30.                     <div class="info-box bg-cyan hover-expand-effect">
  31.                         <div class="icon">
  32.                             <i class="material-icons">description</i>
  33.                         </div>
  34.                         <div class="content">
  35.                             <div class="text">Sertifikat</div>
  36.                             <div class="number count-to" data-from="0" data-to="<?php echo $gen_model->GetOne('count(*)','user_sertifikat') ?>" data-speed="1000" data-fresh-interval="20"></div>
  37.                         </div>
  38.                     </div>
  39.                 </div>
  40.                 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
  41.                     <div class="info-box bg-light-green hover-expand-effect">
  42.                         <div class="icon">
  43.                             <i class="material-icons">favorite</i>
  44.                         </div>
  45.                         <div class="content">
  46.                             <div class="text">Hobby</div>
  47.                             <div class="number count-to" data-from="0" data-to="<?php echo $gen_model->GetOne('count(*)','hobby') ?>" data-speed="1000" data-fresh-interval="20"></div>
  48.                         </div>
  49.                     </div>
  50.                 </div>
  51.                 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
  52.                     <div class="info-box bg-orange hover-expand-effect">
  53.                         <div class="icon">
  54.                             <i class="material-icons">accessibility</i>
  55.                         </div>
  56.                         <div class="content">
  57.                             <div class="text">Agama</div>
  58.                             <div class="number count-to" data-from="0" data-to="<?php echo $gen_model->GetOne('count(*)','agama') ?>" data-speed="1000" data-fresh-interval="20"></div>
  59.                         </div>
  60.                     </div>
  61.                 </div>
  62.             </div>
  63.             <!-- #END# Widgets -->
  64.             <!-- CPU Usage -->
  65.             <div class="row clearfix">
  66.                 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
  67.                     <div class="card">
  68.                         <div class="header">
  69.                             <div class="row clearfix">
  70.                                 <div class="col-xs-12 col-sm-6">
  71.                                     <h2>CPU USAGE (%)</h2>
  72.                                 </div>
  73.                                 <div class="col-xs-12 col-sm-6 align-right">
  74.                                     <div class="switch panel-switch-btn">
  75.                                         <span class="m-r-10 font-12">REAL TIME</span>
  76.                                         <label>OFF<input type="checkbox" id="realtime" checked><span class="lever switch-col-cyan"></span>ON</label>
  77.                                     </div>
  78.                                 </div>
  79.                             </div>
  80.                             <ul class="header-dropdown m-r--5">
  81.                                 <li class="dropdown">
  82.                                     <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  83.                                         <i class="material-icons">more_vert</i>
  84.                                     </a>
  85.                                     <ul class="dropdown-menu pull-right">
  86.                                         <li><a href="javascript:void(0);">Action</a></li>
  87.                                         <li><a href="javascript:void(0);">Another action</a></li>
  88.                                         <li><a href="javascript:void(0);">Something else here</a></li>
  89.                                     </ul>
  90.                                 </li>
  91.                             </ul>
  92.                         </div>
  93.                         <div class="body">
  94.                             <div id="real_time_chart" class="dashboard-flot-chart"></div>
  95.                         </div>
  96.                     </div>
  97.                 </div>
  98.             </div>
  99.             <!-- #END# CPU Usage -->
  100.             <div class="row clearfix">
  101.                 <!-- Visitors -->
  102.                 <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
  103.                     <div class="card">
  104.                         <div class="body bg-pink">
  105.                             <div class="sparkline" data-type="line" data-spot-Radius="4" data-highlight-Spot-Color="rgb(233, 30, 99)" data-highlight-Line-Color="#fff"
  106.                                  data-min-Spot-Color="rgb(255,255,255)" data-max-Spot-Color="rgb(255,255,255)" data-spot-Color="rgb(255,255,255)"
  107.                                  data-offset="90" data-width="100%" data-height="92px" data-line-Width="2" data-line-Color="rgba(255,255,255,0.7)"
  108.                                  data-fill-Color="rgba(0, 188, 212, 0)">
  109.                                 12,10,9,6,5,6,10,5,7,5,12,13,7,12,11
  110.                             </div>
  111.                             <ul class="dashboard-stat-list">
  112.                                 <li>
  113.                                     TODAY
  114.                                     <span class="pull-right"><b>1 200</b> <small>USERS</small></span>
  115.                                 </li>
  116.                                 <li>
  117.                                     YESTERDAY
  118.                                     <span class="pull-right"><b>3 872</b> <small>USERS</small></span>
  119.                                 </li>
  120.                                 <li>
  121.                                     LAST WEEK
  122.                                     <span class="pull-right"><b>26 582</b> <small>USERS</small></span>
  123.                                 </li>
  124.                             </ul>
  125.                         </div>
  126.                     </div>
  127.                 </div>
  128.                 <!-- #END# Visitors -->
  129.                 <!-- Latest Social Trends -->
  130.                 <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
  131.                     <div class="card">
  132.                         <div class="body bg-cyan">
  133.                             <div class="m-b--35 font-bold">LATEST SOCIAL TRENDS</div>
  134.                             <ul class="dashboard-stat-list">
  135.                                 <li>
  136.                                     #socialtrends
  137.                                     <span class="pull-right">
  138.                                         <i class="material-icons">trending_up</i>
  139.                                     </span>
  140.                                 </li>
  141.                                 <li>
  142.                                     #materialdesign
  143.                                     <span class="pull-right">
  144.                                         <i class="material-icons">trending_up</i>
  145.                                     </span>
  146.                                 </li>
  147.                                 <li>#adminbsb</li>
  148.                                 <li>#freeadmintemplate</li>
  149.                                 <li>#bootstraptemplate</li>
  150.                                 <li>
  151.                                     #freehtmltemplate
  152.                                     <span class="pull-right">
  153.                                         <i class="material-icons">trending_up</i>
  154.                                     </span>
  155.                                 </li>
  156.                             </ul>
  157.                         </div>
  158.                     </div>
  159.                 </div>
  160.                 <!-- #END# Latest Social Trends -->
  161.                 <!-- Answered Tickets -->
  162.                 <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
  163.                     <div class="card">
  164.                         <div class="body bg-teal">
  165.                             <div class="font-bold m-b--35">ANSWERED TICKETS</div>
  166.                             <ul class="dashboard-stat-list">
  167.                                 <li>
  168.                                     TODAY
  169.                                     <span class="pull-right"><b>12</b> <small>TICKETS</small></span>
  170.                                 </li>
  171.                                 <li>
  172.                                     YESTERDAY
  173.                                     <span class="pull-right"><b>15</b> <small>TICKETS</small></span>
  174.                                 </li>
  175.                                 <li>
  176.                                     LAST WEEK
  177.                                     <span class="pull-right"><b>90</b> <small>TICKETS</small></span>
  178.                                 </li>
  179.                                 <li>
  180.                                     LAST MONTH
  181.                                     <span class="pull-right"><b>342</b> <small>TICKETS</small></span>
  182.                                 </li>
  183.                                 <li>
  184.                                     LAST YEAR
  185.                                     <span class="pull-right"><b>4 225</b> <small>TICKETS</small></span>
  186.                                 </li>
  187.                                 <li>
  188.                                     ALL
  189.                                     <span class="pull-right"><b>8 752</b> <small>TICKETS</small></span>
  190.                                 </li>
  191.                             </ul>
  192.                         </div>
  193.                     </div>
  194.                 </div>
  195.                 <!-- #END# Answered Tickets -->
  196.             </div>
  197.  
  198.             <div class="row clearfix">
  199.                 <!-- Task Info -->
  200.                 <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
  201.                     <div class="card">
  202.                         <div class="header">
  203.                             <h2>TASK INFOS</h2>
  204.                             <ul class="header-dropdown m-r--5">
  205.                                 <li class="dropdown">
  206.                                     <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  207.                                         <i class="material-icons">more_vert</i>
  208.                                     </a>
  209.                                     <ul class="dropdown-menu pull-right">
  210.                                         <li><a href="javascript:void(0);">Action</a></li>
  211.                                         <li><a href="javascript:void(0);">Another action</a></li>
  212.                                         <li><a href="javascript:void(0);">Something else here</a></li>
  213.                                     </ul>
  214.                                 </li>
  215.                             </ul>
  216.                         </div>
  217.                         <div class="body">
  218.                             <div class="table-responsive">
  219.                                 <table class="table table-hover dashboard-task-infos">
  220.                                     <thead>
  221.                                         <tr>
  222.                                             <th>#</th>
  223.                                             <th>Task</th>
  224.                                             <th>Status</th>
  225.                                             <th>Manager</th>
  226.                                             <th>Progress</th>
  227.                                         </tr>
  228.                                     </thead>
  229.                                     <tbody>
  230.                                         <tr>
  231.                                             <td>1</td>
  232.                                             <td>Task A</td>
  233.                                             <td><span class="label bg-green">Doing</span></td>
  234.                                             <td>John Doe</td>
  235.                                             <td>
  236.                                                 <div class="progress">
  237.                                                     <div class="progress-bar bg-green" role="progressbar" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100" style="width: 62%"></div>
  238.                                                 </div>
  239.                                             </td>
  240.                                         </tr>
  241.                                         <tr>
  242.                                             <td>2</td>
  243.                                             <td>Task B</td>
  244.                                             <td><span class="label bg-blue">To Do</span></td>
  245.                                             <td>John Doe</td>
  246.                                             <td>
  247.                                                 <div class="progress">
  248.                                                     <div class="progress-bar bg-blue" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"></div>
  249.                                                 </div>
  250.                                             </td>
  251.                                         </tr>
  252.                                         <tr>
  253.                                             <td>3</td>
  254.                                             <td>Task C</td>
  255.                                             <td><span class="label bg-light-blue">On Hold</span></td>
  256.                                             <td>John Doe</td>
  257.                                             <td>
  258.                                                 <div class="progress">
  259.                                                     <div class="progress-bar bg-light-blue" role="progressbar" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100" style="width: 72%"></div>
  260.                                                 </div>
  261.                                             </td>
  262.                                         </tr>
  263.                                         <tr>
  264.                                             <td>4</td>
  265.                                             <td>Task D</td>
  266.                                             <td><span class="label bg-orange">Wait Approvel</span></td>
  267.                                             <td>John Doe</td>
  268.                                             <td>
  269.                                                 <div class="progress">
  270.                                                     <div class="progress-bar bg-orange" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%"></div>
  271.                                                 </div>
  272.                                             </td>
  273.                                         </tr>
  274.                                         <tr>
  275.                                             <td>5</td>
  276.                                             <td>Task E</td>
  277.                                             <td>
  278.                                                 <span class="label bg-red">Suspended</span>
  279.                                             </td>
  280.                                             <td>John Doe</td>
  281.                                             <td>
  282.                                                 <div class="progress">
  283.                                                     <div class="progress-bar bg-red" role="progressbar" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100" style="width: 87%"></div>
  284.                                                 </div>
  285.                                             </td>
  286.                                         </tr>
  287.                                     </tbody>
  288.                                 </table>
  289.                             </div>
  290.                         </div>
  291.                     </div>
  292.                 </div>
  293.                 <!-- #END# Task Info -->
  294.                 <!-- Browser Usage -->
  295.                 <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
  296.                     <div class="card">
  297.                         <div class="header">
  298.                             <h2>BROWSER USAGE</h2>
  299.                             <ul class="header-dropdown m-r--5">
  300.                                 <li class="dropdown">
  301.                                     <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  302.                                         <i class="material-icons">more_vert</i>
  303.                                     </a>
  304.                                     <ul class="dropdown-menu pull-right">
  305.                                         <li><a href="javascript:void(0);">Action</a></li>
  306.                                         <li><a href="javascript:void(0);">Another action</a></li>
  307.                                         <li><a href="javascript:void(0);">Something else here</a></li>
  308.                                     </ul>
  309.                                 </li>
  310.                             </ul>
  311.                         </div>
  312.                         <div class="body">
  313.                             <div id="donut_chart" class="dashboard-donut-chart"></div>
  314.                         </div>
  315.                     </div>
  316.                 </div>
  317.                 <!-- #END# Browser Usage -->
  318.             </div>
  319.         </div>
  320.     </section>
  321.  
  322.       <!-- Jquery Core Js -->
  323.     <script src="<?php echo $basepath ?>assets/plugins/jquery/jquery.min.js"></script>
  324.  
  325.     <!-- Bootstrap Core Js -->
  326.     <script src="<?php echo $basepath ?>assets/plugins/bootstrap/js/bootstrap.js"></script>
  327.  
  328.     <!-- Select Plugin Js -->
  329.     <script src="<?php echo $basepath ?>assets/plugins/bootstrap-select/js/bootstrap-select.js"></script>
  330.  
  331.     <!-- Slimscroll Plugin Js -->
  332.     <script src="<?php echo $basepath ?>assets/plugins/jquery-slimscroll/jquery.slimscroll.js"></script>
  333.  
  334.     <!-- Waves Effect Plugin Js -->
  335.     <script src="<?php echo $basepath ?>assets/plugins/node-waves/waves.js"></script>
  336.  
  337.     <!-- Jquery CountTo Plugin Js -->
  338.     <script src="<?php echo $basepath ?>assets/plugins/jquery-countto/jquery.countTo.js"></script>
  339.  
  340.     <!-- Morris Plugin Js -->
  341.     <script src="<?php echo $basepath ?>assets/plugins/raphael/raphael.min.js"></script>
  342.     <script src="<?php echo $basepath ?>assets/plugins/morrisjs/morris.js"></script>
  343.  
  344.     <!-- ChartJs -->
  345.     <script src="<?php echo $basepath ?>assets/plugins/chartjs/Chart.bundle.js"></script>
  346.  
  347.     <!-- Flot Charts Plugin Js -->
  348.     <script src="<?php echo $basepath ?>assets/plugins/flot-charts/jquery.flot.js"></script>
  349.     <script src="<?php echo $basepath ?>assets/plugins/flot-charts/jquery.flot.resize.js"></script>
  350.     <script src="<?php echo $basepath ?>assets/plugins/flot-charts/jquery.flot.pie.js"></script>
  351.     <script src="<?php echo $basepath ?>assets/plugins/flot-charts/jquery.flot.categories.js"></script>
  352.     <script src="<?php echo $basepath ?>assets/plugins/flot-charts/jquery.flot.time.js"></script>
  353.  
  354.     <!-- Sparkline Chart Plugin Js -->
  355.     <script src="<?php echo $basepath ?>assets/plugins/jquery-sparkline/jquery.sparkline.js"></script>
  356.    
  357.     <script src="<?php echo $basepath ?>assets/js/pages/index.js"></script>
  358.  
  359.     <!-- Custom Js -->
  360.     <script src="<?php echo $basepath ?>assets/js/admin.js"></script>
  361.  
  362.  
  363.     <!-- Demo Js -->
  364.     <script src="<?php echo $basepath ?>assets/js/demo.js"></script>
  365. </body>
  366.  
  367. </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!