FATechID

welcome.php

May 8th, 2019
195
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 23.66 KB | None | 0 0
  1. <?php
  2. // Inisialisasi Sesi
  3. session_start();
  4.  
  5. // Check jika sudah login, atau jika belum login maka akan di redirect ke Halaman Login
  6. if(!isset($_SESSION["loggedin"]) || $_SESSION["loggedin"] !== true){
  7.     header("location: index.php");
  8.     exit;
  9. }
  10. ?>
  11.  
  12. <!DOCTYPE html>
  13. <html>
  14.  
  15. <head>
  16.   <meta charset="utf-8">
  17.   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  18.   <meta name="description" content="Informasi Client untuk FATechID">
  19.   <meta name="author" content="Creative Tim">
  20.   <title>FATechID - Dashboard</title>
  21.   <!-- Favicon -->
  22.   <link href="assets/img/brand/favicon.png" rel="icon" type="image/png">
  23.   <!-- Fonts -->
  24.   <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
  25.   <!-- Icons -->
  26.   <link href="assets/vendor/nucleo/css/nucleo.css" rel="stylesheet">
  27.   <link href="assets/vendor/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
  28.   <!-- Argon CSS -->
  29.   <link type="text/css" href="assets/css/argon.css?v=1.0.0" rel="stylesheet">
  30. </head>
  31.  
  32. <body>
  33.   <!-- Sidenav -->
  34.   <nav class="navbar navbar-vertical fixed-left navbar-expand-md navbar-light bg-white" id="sidenav-main">
  35.     <div class="container-fluid">
  36.       <!-- Toggler -->
  37.       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenav-collapse-main" aria-controls="sidenav-main" aria-expanded="false" aria-label="Toggle navigation">
  38.         <span class="navbar-toggler-icon"></span>
  39.       </button>
  40.       <!-- Brand -->
  41.       <a class="navbar-brand pt-0" href="index.php">
  42.         <img src="assets/img/brand/blue.png" class="navbar-brand-img" alt="...">
  43.       </a>
  44.       <!-- User -->
  45.       <ul class="nav align-items-center d-md-none">
  46.         <li class="nav-item dropdown">
  47.           <a class="nav-link nav-link-icon" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  48.             <i class="ni ni-bell-55"></i>
  49.           </a>
  50.           <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" aria-labelledby="navbar-default_dropdown_1">
  51.             <a class="dropdown-item" href="#">Action</a>
  52.             <a class="dropdown-item" href="#">Another action</a>
  53.             <div class="dropdown-divider"></div>
  54.             <a class="dropdown-item" href="#">Something else here</a>
  55.           </div>
  56.         </li>
  57.         <li class="nav-item dropdown">
  58.           <a class="nav-link" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  59.             <div class="media align-items-center">
  60.               <span class="avatar avatar-sm rounded-circle">
  61.                 <img alt="Image placeholder" src="assets/img/theme/team-1-800x800.jpg">
  62.               </span>
  63.             </div>
  64.           </a>
  65.           <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right">
  66.             <div class=" dropdown-header noti-title">
  67.               <h6 class="text-overflow m-0">Welcome!</h6>
  68.             </div>
  69.             <a href="examples/profile.html" class="dropdown-item">
  70.               <i class="ni ni-single-02"></i>
  71.               <span>My profile</span>
  72.             </a>
  73.             <a href="profile.php" class="dropdown-item">
  74.               <i class="ni ni-calendar-grid-58"></i>
  75.               <span>Activity</span>
  76.             </a>
  77.             <a href="examples/profile.html" class="dropdown-item">
  78.               <i class="ni ni-support-16"></i>
  79.               <span>Support</span>
  80.             </a>
  81.             <div class="dropdown-divider"></div>
  82.             <a href="#!" class="dropdown-item">
  83.               <i class="ni ni-user-run"></i>
  84.               <span>Logout</span>
  85.             </a>
  86.           </div>
  87.         </li>
  88.       </ul>
  89.       <!-- Collapse -->
  90.       <div class="collapse navbar-collapse" id="sidenav-collapse-main">
  91.         <!-- Collapse header -->
  92.         <div class="navbar-collapse-header d-md-none">
  93.           <div class="row">
  94.             <div class="col-6 collapse-brand">
  95.               <a href="index.html">
  96.                 <img src="assets/img/brand/blue.png">
  97.               </a>
  98.             </div>
  99.             <div class="col-6 collapse-close">
  100.               <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#sidenav-collapse-main" aria-controls="sidenav-main" aria-expanded="false" aria-label="Toggle sidenav">
  101.                 <span></span>
  102.                 <span></span>
  103.               </button>
  104.             </div>
  105.           </div>
  106.         </div>
  107.         <!-- Form -->
  108.         <form class="mt-4 mb-3 d-md-none">
  109.           <div class="input-group input-group-rounded input-group-merge">
  110.             <input type="search" class="form-control form-control-rounded form-control-prepended" placeholder="Search" aria-label="Search">
  111.             <div class="input-group-prepend">
  112.               <div class="input-group-text">
  113.                 <span class="fa fa-search"></span>
  114.               </div>
  115.             </div>
  116.           </div>
  117.         </form>
  118.         <!-- Navigation -->
  119.         <ul class="navbar-nav">
  120.           <li class="nav-item">
  121.             <a class="nav-link" href="welcome.php">
  122.               <i class="ni ni-tv-2 text-primary"></i> Dashboard
  123.             </a>
  124.           </li>
  125.           <li class="nav-item">
  126.             <a class="nav-link" href="maps.php">
  127.               <i class="ni ni-pin-3 text-orange"></i> Maps
  128.             </a>
  129.           </li>
  130.           <li class="nav-item">
  131.             <a class="nav-link" href="profile.php">
  132.               <i class="ni ni-single-02 text-yellow"></i> User profile
  133.             </a>
  134.           </li>
  135.         </ul>
  136.         <!-- Divider -->
  137.         <hr class="my-3">
  138.         <!-- Heading -->
  139.         <h6 class="navbar-heading text-muted">Documentation</h6>
  140.         <!-- Navigation -->
  141.         <ul class="navbar-nav mb-md-3">
  142.           <li class="nav-item">
  143.             <a class="nav-link" href="https://fatechid.com">
  144.               <i class="ni ni-settings"></i> Our Services
  145.             </a>
  146.           </li>
  147.           <li class="nav-item">
  148.             <a class="nav-link" href="https://www.fatechid.blog">
  149.               <i class="ni ni-single-copy-04"></i> Our Blog
  150.             </a>
  151.           </li>
  152.           <li class="nav-item">
  153.             <a class="nav-link" href="https://www.mayereflino.com">
  154.               <i class="ni ni-circle-08"></i> Our CV
  155.             </a>
  156.           </li>
  157.         </ul>
  158.       </div>
  159.     </div>
  160.   </nav>
  161.   <!-- Main content -->
  162.   <div class="main-content">
  163.     <!-- Top navbar -->
  164.     <nav class="navbar navbar-top navbar-expand-md navbar-dark" id="navbar-main">
  165.       <div class="container-fluid">
  166.         <!-- Brand -->
  167.         <a class="h4 mb-0 text-white text-uppercase d-none d-lg-inline-block" href="welcome.php">Dashbord</a>
  168.         <!-- User -->
  169.         <ul class="navbar-nav align-items-center d-none d-md-flex">
  170.           <li class="nav-item dropdown">
  171.             <a class="nav-link pr-0" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  172.               <div class="media align-items-center">
  173.                 <span class="avatar avatar-sm rounded-circle">
  174.                   <img alt="Image placeholder" src="assets/img/theme/orewa.jpg">
  175.                 </span>
  176.                 <div class="media-body ml-2 d-none d-lg-block">
  177.                   <span class="mb-0 text-sm  font-weight-bold">
  178.  
  179.         <?php echo htmlspecialchars($_SESSION["firstname"]); ?> <?php echo htmlspecialchars($_SESSION["lastname"]); ?>
  180.  
  181.                   </span>
  182.                 </div>
  183.               </div>
  184.             </a>
  185.             <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right">
  186.               <div class=" dropdown-header noti-title">
  187.                 <h6 class="text-overflow m-0">Welcome!</h6>
  188.               </div>
  189.               <a href="profile.php" class="dropdown-item">
  190.                 <i class="ni ni-single-02"></i>
  191.                 <span>My profile</span>
  192.               </a>
  193.               <a href="profile.php" class="dropdown-item">
  194.                 <i class="ni ni-calendar-grid-58"></i>
  195.                 <span>Activity</span>
  196.               </a>
  197.               <a href="reset-password.php" class="dropdown-item">
  198.                 <i class="ni ni-support-16"></i>
  199.                 <span>Reset Password</span>
  200.               </a>
  201.               <div class="dropdown-divider"></div>
  202.               <a href="logout.php" class="dropdown-item">
  203.                 <i class="ni ni-user-run"></i>
  204.                 <span>Logout</span>
  205.               </a>
  206.             </div>
  207.           </li>
  208.         </ul>
  209.       </div>
  210.     </nav>
  211.     <!-- Header -->
  212.     <div class="header bg-gradient-primary pb-8 pt-5 pt-md-8">
  213.       <div class="container-fluid">
  214.         <div class="header-body">
  215.           <!-- Card stats -->
  216.           <div class="row">
  217.             <div class="col-xl-3 col-lg-6">
  218.               <div class="card card-stats mb-4 mb-xl-0">
  219.                 <div class="card-body">
  220.                   <div class="row">
  221.                     <div class="col">
  222.                       <h5 class="card-title text-uppercase text-muted mb-0">Traffic</h5>
  223.                       <span class="h2 font-weight-bold mb-0">350,897</span>
  224.                     </div>
  225.                     <div class="col-auto">
  226.                       <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
  227.                         <i class="fas fa-chart-bar"></i>
  228.                       </div>
  229.                     </div>
  230.                   </div>
  231.                   <p class="mt-3 mb-0 text-muted text-sm">
  232.                     <span class="text-success mr-2"><i class="fa fa-arrow-up"></i> 3.48%</span>
  233.                     <span class="text-nowrap">Since last month</span>
  234.                   </p>
  235.                 </div>
  236.               </div>
  237.             </div>
  238.             <div class="col-xl-3 col-lg-6">
  239.               <div class="card card-stats mb-4 mb-xl-0">
  240.                 <div class="card-body">
  241.                   <div class="row">
  242.                     <div class="col">
  243.                       <h5 class="card-title text-uppercase text-muted mb-0">New users</h5>
  244.                       <span class="h2 font-weight-bold mb-0">2,356</span>
  245.                     </div>
  246.                     <div class="col-auto">
  247.                       <div class="icon icon-shape bg-warning text-white rounded-circle shadow">
  248.                         <i class="fas fa-chart-pie"></i>
  249.                       </div>
  250.                     </div>
  251.                   </div>
  252.                   <p class="mt-3 mb-0 text-muted text-sm">
  253.                     <span class="text-danger mr-2"><i class="fas fa-arrow-down"></i> 3.48%</span>
  254.                     <span class="text-nowrap">Since last week</span>
  255.                   </p>
  256.                 </div>
  257.               </div>
  258.             </div>
  259.             <div class="col-xl-3 col-lg-6">
  260.               <div class="card card-stats mb-4 mb-xl-0">
  261.                 <div class="card-body">
  262.                   <div class="row">
  263.                     <div class="col">
  264.                       <h5 class="card-title text-uppercase text-muted mb-0">Sales</h5>
  265.                       <span class="h2 font-weight-bold mb-0">924</span>
  266.                     </div>
  267.                     <div class="col-auto">
  268.                       <div class="icon icon-shape bg-yellow text-white rounded-circle shadow">
  269.                         <i class="fas fa-users"></i>
  270.                       </div>
  271.                     </div>
  272.                   </div>
  273.                   <p class="mt-3 mb-0 text-muted text-sm">
  274.                     <span class="text-warning mr-2"><i class="fas fa-arrow-down"></i> 1.10%</span>
  275.                     <span class="text-nowrap">Since yesterday</span>
  276.                   </p>
  277.                 </div>
  278.               </div>
  279.             </div>
  280.             <div class="col-xl-3 col-lg-6">
  281.               <div class="card card-stats mb-4 mb-xl-0">
  282.                 <div class="card-body">
  283.                   <div class="row">
  284.                     <div class="col">
  285.                       <h5 class="card-title text-uppercase text-muted mb-0">Performance</h5>
  286.                       <span class="h2 font-weight-bold mb-0">49,65%</span>
  287.                     </div>
  288.                     <div class="col-auto">
  289.                       <div class="icon icon-shape bg-info text-white rounded-circle shadow">
  290.                         <i class="fas fa-percent"></i>
  291.                       </div>
  292.                     </div>
  293.                   </div>
  294.                   <p class="mt-3 mb-0 text-muted text-sm">
  295.                     <span class="text-success mr-2"><i class="fas fa-arrow-up"></i> 12%</span>
  296.                     <span class="text-nowrap">Since last month</span>
  297.                   </p>
  298.                 </div>
  299.               </div>
  300.             </div>
  301.           </div>
  302.         </div>
  303.       </div>
  304.     </div>
  305.     <!-- Page content -->
  306.     <div class="container-fluid mt--7">
  307.       <div class="row">
  308.         <div class="col-xl-8 mb-5 mb-xl-0">
  309.           <div class="card bg-gradient-default shadow">
  310.             <div class="card-header bg-transparent">
  311.               <div class="row align-items-center">
  312.                 <div class="col">
  313.                   <h6 class="text-uppercase text-light ls-1 mb-1">Overview</h6>
  314.                   <h2 class="text-white mb-0">Sales value</h2>
  315.                 </div>
  316.                 <div class="col">
  317.                   <ul class="nav nav-pills justify-content-end">
  318.                     <li class="nav-item mr-2 mr-md-0" data-toggle="chart" data-target="#chart-sales" data-update='{"data":{"datasets":[{"data":[0, 20, 10, 30, 15, 40, 20, 60, 60]}]}}' data-prefix="$" data-suffix="k">
  319.                       <a href="#" class="nav-link py-2 px-3 active" data-toggle="tab">
  320.                         <span class="d-none d-md-block">Month</span>
  321.                         <span class="d-md-none">M</span>
  322.                       </a>
  323.                     </li>
  324.                     <li class="nav-item" data-toggle="chart" data-target="#chart-sales" data-update='{"data":{"datasets":[{"data":[0, 20, 5, 25, 10, 30, 15, 40, 40]}]}}' data-prefix="$" data-suffix="k">
  325.                       <a href="#" class="nav-link py-2 px-3" data-toggle="tab">
  326.                         <span class="d-none d-md-block">Week</span>
  327.                         <span class="d-md-none">W</span>
  328.                       </a>
  329.                     </li>
  330.                   </ul>
  331.                 </div>
  332.               </div>
  333.             </div>
  334.             <div class="card-body">
  335.               <!-- Chart -->
  336.               <div class="chart">
  337.                 <!-- Chart wrapper -->
  338.                 <canvas id="chart-sales" class="chart-canvas"></canvas>
  339.               </div>
  340.             </div>
  341.           </div>
  342.         </div>
  343.         <div class="col-xl-4">
  344.           <div class="card shadow">
  345.             <div class="card-header bg-transparent">
  346.               <div class="row align-items-center">
  347.                 <div class="col">
  348.                   <h6 class="text-uppercase text-muted ls-1 mb-1">Performance</h6>
  349.                   <h2 class="mb-0">Total orders</h2>
  350.                 </div>
  351.               </div>
  352.             </div>
  353.             <div class="card-body">
  354.               <!-- Chart -->
  355.               <div class="chart">
  356.                 <canvas id="chart-orders" class="chart-canvas"></canvas>
  357.               </div>
  358.             </div>
  359.           </div>
  360.         </div>
  361.       </div>
  362.       <div class="row mt-5">
  363.         <div class="col-xl-8 mb-5 mb-xl-0">
  364.           <div class="card shadow">
  365.             <div class="card-header border-0">
  366.               <div class="row align-items-center">
  367.                 <div class="col">
  368.                   <h3 class="mb-0">Page visits</h3>
  369.                 </div>
  370.                 <div class="col text-right">
  371.                   <a href="#!" class="btn btn-sm btn-primary">See all</a>
  372.                 </div>
  373.               </div>
  374.             </div>
  375.             <div class="table-responsive">
  376.               <!-- Projects table -->
  377.               <table class="table align-items-center table-flush">
  378.                 <thead class="thead-light">
  379.                   <tr>
  380.                     <th scope="col">Page name</th>
  381.                     <th scope="col">Visitors</th>
  382.                     <th scope="col">Unique users</th>
  383.                     <th scope="col">Bounce rate</th>
  384.                   </tr>
  385.                 </thead>
  386.                 <tbody>
  387.                   <tr>
  388.                     <th scope="row">
  389.                       google.com
  390.                     </th>
  391.                     <td>
  392.                       17
  393.                     </td>
  394.                     <td>
  395.                       n/A
  396.                     </td>
  397.                     <td>
  398.                       <i class="fas fa-arrow-up text-success mr-3"></i> 46,53%
  399.                     </td>
  400.                   </tr>
  401.                   <tr>
  402.                     <th scope="row">
  403.                       google.co.id
  404.                     </th>
  405.                     <td>
  406.                       3
  407.                     </td>
  408.                     <td>
  409.                       n/A
  410.                     </td>
  411.                     <td>
  412.                       <i class="fas fa-arrow-down text-warning mr-3"></i> 46,53%
  413.                     </td>
  414.                   </tr>
  415.                   <tr>
  416.                     <th scope="row">
  417.                       m.facebook.com
  418.                     </th>
  419.                     <td>
  420.                       6
  421.                     </td>
  422.                     <td>
  423.                       n/A
  424.                     </td>
  425.                     <td>
  426.                       <i class="fas fa-arrow-down text-warning mr-3"></i> 36,49%
  427.                     </td>
  428.                   </tr>
  429.                
  430.                   <tr>
  431.                     <th scope="row">
  432.                       l.instagram.com
  433.                     </th>
  434.                     <td>
  435.                       3
  436.                     </td>
  437.                     <td>
  438.                       n/A
  439.                     </td>
  440.                     <td>
  441.                       <i class="fas fa-arrow-down text-danger mr-3"></i> 46,53%
  442.                     </td>
  443.                   </tr>
  444.                 </tbody>
  445.               </table>
  446.             </div>
  447.           </div>
  448.         </div>
  449.         <div class="col-xl-4">
  450.           <div class="card shadow">
  451.             <div class="card-header border-0">
  452.               <div class="row align-items-center">
  453.                 <div class="col">
  454.                   <h3 class="mb-0">Social traffic</h3>
  455.                 </div>
  456.                 <div class="col text-right">
  457.                   <a href="#!" class="btn btn-sm btn-primary">See all</a>
  458.                 </div>
  459.               </div>
  460.             </div>
  461.             <div class="table-responsive">
  462.               <!-- Projects table -->
  463.               <table class="table align-items-center table-flush">
  464.                 <thead class="thead-light">
  465.                   <tr>
  466.                     <th scope="col">Referral</th>
  467.                     <th scope="col">Visitors</th>
  468.                     <th scope="col"></th>
  469.                   </tr>
  470.                 </thead>
  471.                 <tbody>
  472.                   <tr>
  473.                     <th scope="row">
  474.                       Facebook
  475.                     </th>
  476.                     <td>
  477.                       5,480
  478.                     </td>
  479.                     <td>
  480.                       <div class="d-flex align-items-center">
  481.                         <span class="mr-2">70%</span>
  482.                         <div>
  483.                           <div class="progress">
  484.                             <div class="progress-bar bg-gradient-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
  485.                           </div>
  486.                         </div>
  487.                       </div>
  488.                     </td>
  489.                   </tr>
  490.                   <tr>
  491.                     <th scope="row">
  492.                       Google
  493.                     </th>
  494.                     <td>
  495.                       4,807
  496.                     </td>
  497.                     <td>
  498.                       <div class="d-flex align-items-center">
  499.                         <span class="mr-2">80%</span>
  500.                         <div>
  501.                           <div class="progress">
  502.                             <div class="progress-bar bg-gradient-primary" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>
  503.                           </div>
  504.                         </div>
  505.                       </div>
  506.                     </td>
  507.                   </tr>
  508.                   <tr>
  509.                     <th scope="row">
  510.                       Instagram
  511.                     </th>
  512.                     <td>
  513.                       3,678
  514.                     </td>
  515.                     <td>
  516.                       <div class="d-flex align-items-center">
  517.                         <span class="mr-2">75%</span>
  518.                         <div>
  519.                           <div class="progress">
  520.                             <div class="progress-bar bg-gradient-info" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div>
  521.                           </div>
  522.                         </div>
  523.                       </div>
  524.                     </td>
  525.                   </tr>
  526.                   <tr>
  527.                     <th scope="row">
  528.                       Twitter
  529.                     </th>
  530.                     <td>
  531.                       2,645
  532.                     </td>
  533.                     <td>
  534.                       <div class="d-flex align-items-center">
  535.                         <span class="mr-2">30%</span>
  536.                         <div>
  537.                           <div class="progress">
  538.                             <div class="progress-bar bg-gradient-warning" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;"></div>
  539.                           </div>
  540.                         </div>
  541.                       </div>
  542.                     </td>
  543.                   </tr>
  544.                 </tbody>
  545.               </table>
  546.             </div>
  547.           </div>
  548.         </div>
  549.       </div>
  550.       <!-- Footer -->
  551.       <footer class="footer">
  552.         <div class="row align-items-center justify-content-xl-between">
  553.           <div class="col-xl-6">
  554.             <div class="copyright text-center text-xl-left text-muted">
  555.               &copy; 2017 - 2019 <a href="https://fatechid.com" class="font-weight-bold ml-1" target="_blank">FATechID</a>
  556.             </div>
  557.           </div>
  558.           <div class="col-xl-6">
  559.             <ul class="nav nav-footer justify-content-center justify-content-xl-end">
  560.               <li class="nav-item">
  561.                 <a href="https://www.creative-tim.com" class="nav-link" target="_blank">Creative Tim</a>
  562.               </li>
  563.               <li class="nav-item">
  564.                 <a href="https://fatechid.com/about" class="nav-link" target="_blank">About Us</a>
  565.               </li>
  566.               <li class="nav-item">
  567.                 <a href="https://www.fatechid.blog" class="nav-link" target="_blank">Blog</a>
  568.               </li>
  569.             </ul>
  570.           </div>
  571.         </div>
  572.       </footer>
  573.     </div>
  574.   </div>
  575.   <!-- Argon Scripts -->
  576.   <!-- Core -->
  577.   <script src="assets/vendor/jquery/dist/jquery.min.js"></script>
  578.   <script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  579.   <!-- Optional JS -->
  580.   <script src="assets/vendor/chart.js/dist/Chart.min.js"></script>
  581.   <script src="assets/vendor/chart.js/dist/Chart.extension.js"></script>
  582.   <!-- Argon JS -->
  583.   <script src="assets/js/argon.js?v=1.0.0"></script>
  584. </body>
  585.  
  586. </html>
Advertisement
Add Comment
Please, Sign In to add comment