API tools faq
paste
Advertisement
skyquek

index.php

skyquek
Nov 23rd, 2018
249
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 65.97 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2.    session_start();
  3.        if(empty($_SESSION['username'])){
  4.        $_SESSION['username'] = $_POST['username'];
  5.        $_SESSION['password'] = $_POST['password'];}
  6.  
  7. if(isset($_SESSION['username'])){
  8.    $db_host = 'localhost'; // Server Name
  9.    $db_user = 'root'; // Username
  10.    $db_pass = ''; // Password
  11.    $db_name = 'drowsiness'; // Database Name
  12.    
  13.    $conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
  14.    if (!$conn) {
  15.        die ('Failed to connect to MySQL: ' . mysqli_connect_error());  
  16.    }
  17.  
  18.    $sql = 'SELECT *
  19.            FROM admin WHERE username = "'.$_SESSION['username'].'" AND password = "'.$_SESSION['password'].'" LIMIT 1';
  20.            
  21.    $query = mysqli_query($conn, $sql);
  22.    
  23.    if (!$query) {
  24.        die ('SQL Error: ' . mysqli_error($conn));
  25.    }
  26.  
  27.    $row = mysqli_fetch_array($query);
  28.    if($row!= 0){
  29.  
  30.    $sql_literary = 'SELECT COUNT(category)
  31.            FROM mtun_ideaku_report WHERE category="Literary"';
  32.            
  33.    $query_literary = mysqli_query($conn, $sql_literary);
  34.    $row_l = mysqli_fetch_array($query_literary);
  35.    
  36.    $sql_musical = 'SELECT COUNT(category)
  37.            FROM mtun_ideaku_report WHERE category="Musical"';
  38.            
  39.    $query_musical = mysqli_query($conn, $sql_musical);
  40.    $row_m = mysqli_fetch_array($query_musical);
  41.    
  42.    $sql_sound = 'SELECT COUNT(category)
  43.            FROM mtun_ideaku_report WHERE category="Sound Recording"';
  44.            
  45.    $query_sound = mysqli_query($conn, $sql_sound);
  46.    $row_s = mysqli_fetch_array($query_sound);
  47.    
  48.    $sql_artistic = 'SELECT COUNT(category)
  49.            FROM mtun_ideaku_report WHERE category="Artistic"';
  50.            
  51.    $query_artistic = mysqli_query($conn, $sql_artistic);
  52.    $row_a = mysqli_fetch_array($query_artistic);
  53.  
  54.    $sql_film = 'SELECT COUNT(category)
  55.            FROM mtun_ideaku_report WHERE category="Film"';
  56.            
  57.    $query_film = mysqli_query($conn, $sql_film);
  58.    $row_f = mysqli_fetch_array($query_film);
  59.    
  60.    $sql_broadcast = 'SELECT COUNT(category)
  61.            FROM mtun_ideaku_report WHERE category="Broadcast"';
  62.            
  63.    $query_broadcast = mysqli_query($conn, $sql_broadcast);
  64.    $row_b = mysqli_fetch_array($query_broadcast);
  65.    
  66.    ////date month total post
  67.    $sql_jan = 'SELECT COUNT(month_issued)
  68.            FROM mtun_ideaku_report WHERE month_issued="January"';
  69.            
  70.    $query_jan = mysqli_query($conn, $sql_jan);
  71.    $row_jan = mysqli_fetch_array($query_jan);
  72.    
  73.    $sql_feb = 'SELECT COUNT(month_issued)
  74.            FROM mtun_ideaku_report WHERE month_issued="February"';
  75.            
  76.    $query_feb = mysqli_query($conn, $sql_feb);
  77.    $row_feb = mysqli_fetch_array($query_feb);
  78.    
  79.    $sql_mar = 'SELECT COUNT(month_issued)
  80.            FROM mtun_ideaku_report WHERE month_issued="March"';
  81.            
  82.    $query_mar = mysqli_query($conn, $sql_mar);
  83.    $row_mar = mysqli_fetch_array($query_mar);
  84.    
  85.    $sql_apr = 'SELECT COUNT(month_issued)
  86.            FROM mtun_ideaku_report WHERE month_issued="April"';
  87.            
  88.    $query_apr = mysqli_query($conn, $sql_apr);
  89.    $row_apr = mysqli_fetch_array($query_apr);
  90.    
  91.    $sql_may = 'SELECT COUNT(month_issued)
  92.            FROM mtun_ideaku_report WHERE month_issued="May"';
  93.            
  94.    $query_may = mysqli_query($conn, $sql_may);
  95.    $row_may = mysqli_fetch_array($query_may);
  96.    
  97.    $sql_jun = 'SELECT COUNT(month_issued)
  98.            FROM mtun_ideaku_report WHERE month_issued="June"';
  99.            
  100.    $query_jun = mysqli_query($conn, $sql_jun);
  101.    $row_jun = mysqli_fetch_array($query_jun);
  102.    
  103.    $sql_jul = 'SELECT COUNT(month_issued)
  104.            FROM mtun_ideaku_report WHERE month_issued="July"';
  105.            
  106.    $query_jul = mysqli_query($conn, $sql_jul);
  107.    $row_jul = mysqli_fetch_array($query_jul);
  108.    
  109.    $sql_aug = 'SELECT COUNT(month_issued)
  110.            FROM mtun_ideaku_report WHERE month_issued="August"';
  111.            
  112.    $query_aug = mysqli_query($conn, $sql_aug);
  113.    $row_aug = mysqli_fetch_array($query_aug);
  114.    
  115.    $sql_sep = 'SELECT COUNT(month_issued)
  116.            FROM mtun_ideaku_report WHERE month_issued="September"';
  117.            
  118.    $query_sep = mysqli_query($conn, $sql_sep);
  119.    $row_sep = mysqli_fetch_array($query_sep);
  120.    
  121.    $sql_oct = 'SELECT COUNT(month_issued)
  122.            FROM mtun_ideaku_report WHERE month_issued="October"';
  123.            
  124.    $query_oct = mysqli_query($conn, $sql_oct);
  125.    $row_oct = mysqli_fetch_array($query_oct);
  126.    
  127.    $sql_nov = 'SELECT COUNT(month_issued)
  128.            FROM mtun_ideaku_report WHERE month_issued="November"';
  129.            
  130.    $query_nov = mysqli_query($conn, $sql_nov);
  131.    $row_nov = mysqli_fetch_array($query_nov);
  132.    
  133.    $sql_dec = 'SELECT COUNT(month_issued)
  134.            FROM mtun_ideaku_report WHERE month_issued="December"';
  135.            
  136.    $query_dec = mysqli_query($conn, $sql_dec);
  137.    $row_dec = mysqli_fetch_array($query_dec);
  138.  
  139.    //TOTAL COPYRIGHTS SUBMITTED
  140.    $sql_tot_cr = 'SELECT DISTINCT COUNT(post_id)
  141.            FROM mtun_ideaku_report ';
  142.            
  143.    $query_tot_cr = mysqli_query($conn, $sql_tot_cr);
  144.    $row_tot_cr = mysqli_fetch_array($query_tot_cr);
  145.  
  146.    //TOTAL USERS
  147.    $sql_tot_user = 'SELECT COUNT(DISTINCT identification)
  148.            FROM mtun_ideaku_report';
  149.            
  150.    $query_tot_user = mysqli_query($conn, $sql_tot_user);
  151.    $row_tot_user = mysqli_fetch_array($query_tot_user);
  152.  
  153.    //INCOME FROM CERTIFICATE Ideaku, SD, and Notary
  154.    $sql_income_cert = 'SELECT COUNT(ideaku_cert), COUNT(sd_cert), COUNT(notary_cert) FROM mtun_ideaku_report WHERE ideaku_cert="generated" or sd_cert="generated" or notary_cert="generated"';
  155.            
  156.    $query_income_cert = mysqli_query($conn, $sql_income_cert);
  157.    $row_income_cert = mysqli_fetch_array($query_income_cert);
  158.    
  159.    ////all time total SD
  160.    $sql_tot_sd = 'SELECT COUNT(*)
  161.            FROM mtun_ideaku_report WHERE sd_cert="generated"';
  162.            
  163.    $query_tot_sd = mysqli_query($conn, $sql_tot_sd);
  164.    $row_tot_sd = mysqli_fetch_array($query_tot_sd);
  165.     ////monthly total SD
  166.    $sql_jan_sd = 'SELECT COUNT(month_issued)
  167.            FROM mtun_ideaku_report WHERE month_issued="January" AND sd_cert="generated"';
  168.            
  169.    $query_jan_sd = mysqli_query($conn, $sql_jan_sd);
  170.    $row_jan_sd = mysqli_fetch_array($query_jan_sd);
  171.    
  172.    $sql_feb_sd = 'SELECT COUNT(month_issued)
  173.            FROM mtun_ideaku_report WHERE month_issued="February" AND sd_cert="generated"';
  174.            
  175.    $query_feb_sd = mysqli_query($conn, $sql_feb_sd);
  176.    $row_feb_sd = mysqli_fetch_array($query_feb_sd);
  177.    
  178.    $sql_mar_sd = 'SELECT COUNT(month_issued)
  179.            FROM mtun_ideaku_report WHERE month_issued="March" AND sd_cert="generated"';
  180.            
  181.    $query_mar_sd = mysqli_query($conn, $sql_mar_sd);
  182.    $row_mar_sd = mysqli_fetch_array($query_mar_sd);
  183.    
  184.    $sql_apr_sd = 'SELECT COUNT(month_issued)
  185.            FROM mtun_ideaku_report WHERE month_issued="April" AND sd_cert="generated"';
  186.            
  187.    $query_apr_sd = mysqli_query($conn, $sql_apr_sd);
  188.    $row_apr_sd = mysqli_fetch_array($query_apr_sd);
  189.    
  190.    $sql_may_sd = 'SELECT COUNT(month_issued)
  191.            FROM mtun_ideaku_report WHERE month_issued="May" AND sd_cert="generated"';
  192.            
  193.    $query_may_sd = mysqli_query($conn, $sql_may_sd);
  194.    $row_may_sd = mysqli_fetch_array($query_may_sd);
  195.    
  196.    $sql_jun_sd = 'SELECT COUNT(month_issued)
  197.            FROM mtun_ideaku_report WHERE month_issued="June" AND sd_cert="generated"';
  198.            
  199.    $query_jun_sd = mysqli_query($conn, $sql_jun_sd);
  200.    $row_jun_sd = mysqli_fetch_array($query_jun_sd);
  201.    
  202.    $sql_jul_sd = 'SELECT COUNT(month_issued)
  203.            FROM mtun_ideaku_report WHERE month_issued="July" AND sd_cert="generated"';
  204.            
  205.    $query_jul_sd = mysqli_query($conn, $sql_jul_sd);
  206.    $row_jul_sd = mysqli_fetch_array($query_jul_sd);
  207.    
  208.    $sql_aug_sd = 'SELECT COUNT(month_issued)
  209.            FROM mtun_ideaku_report WHERE month_issued="August" AND sd_cert="generated"';
  210.            
  211.    $query_aug_sd = mysqli_query($conn, $sql_aug_sd);
  212.    $row_aug_sd = mysqli_fetch_array($query_aug_sd);
  213.    
  214.    $sql_sep_sd = 'SELECT COUNT(month_issued)
  215.            FROM mtun_ideaku_report WHERE month_issued="September" AND sd_cert="generated"';
  216.            
  217.    $query_sep_sd = mysqli_query($conn, $sql_sep_sd);
  218.    $row_sep_sd = mysqli_fetch_array($query_sep_sd);
  219.    
  220.    $sql_oct_sd = 'SELECT COUNT(month_issued)
  221.            FROM mtun_ideaku_report WHERE month_issued="October" AND sd_cert="generated"';
  222.            
  223.    $query_oct_sd = mysqli_query($conn, $sql_oct_sd);
  224.    $row_oct_sd = mysqli_fetch_array($query_oct_sd);
  225.    
  226.    $sql_nov_sd = 'SELECT COUNT(month_issued)
  227.            FROM mtun_ideaku_report WHERE month_issued="November" AND sd_cert="generated"';
  228.            
  229.    $query_nov_sd = mysqli_query($conn, $sql_nov_sd);
  230.    $row_nov_sd = mysqli_fetch_array($query_nov_sd);
  231.    
  232.    $sql_dec_sd = 'SELECT COUNT(month_issued)
  233.            FROM mtun_ideaku_report WHERE month_issued="December" AND sd_cert="generated"';
  234.            
  235.    $query_dec_sd = mysqli_query($conn, $sql_dec_sd);
  236.    $row_dec_sd = mysqli_fetch_array($query_dec_sd);
  237.    
  238.    ////all time total Notary
  239.    $sql_tot_not = 'SELECT COUNT(*)
  240.            FROM mtun_ideaku_report WHERE sd_cert="generated"';
  241.            
  242.    $query_tot_not = mysqli_query($conn, $sql_tot_not);
  243.    $row_tot_not = mysqli_fetch_array($query_tot_not);
  244.         ////monthly total Notary
  245.    $sql_jan_not = 'SELECT COUNT(month_issued)
  246.            FROM mtun_ideaku_report WHERE month_issued="January" AND notary_cert="generated"';
  247.            
  248.    $query_jan_not = mysqli_query($conn, $sql_jan_not);
  249.    $row_jan_not = mysqli_fetch_array($query_jan_not);
  250.    
  251.    $sql_feb_not = 'SELECT COUNT(month_issued)
  252.            FROM mtun_ideaku_report WHERE month_issued="February" AND notary_cert="generated"';
  253.            
  254.    $query_feb_not = mysqli_query($conn, $sql_feb_not);
  255.    $row_feb_not = mysqli_fetch_array($query_feb_not);
  256.    
  257.    $sql_mar_not = 'SELECT COUNT(month_issued)
  258.            FROM mtun_ideaku_report WHERE month_issued="March" AND notary_cert="generated"';
  259.            
  260.    $query_mar_not = mysqli_query($conn, $sql_mar_not);
  261.    $row_mar_not = mysqli_fetch_array($query_mar_not);
  262.    
  263.    $sql_apr_not = 'SELECT COUNT(month_issued)
  264.            FROM mtun_ideaku_report WHERE month_issued="April" AND notary_cert="generated"';
  265.            
  266.    $query_apr_not = mysqli_query($conn, $sql_apr_not);
  267.    $row_apr_not = mysqli_fetch_array($query_apr_not);
  268.    
  269.    $sql_may_not = 'SELECT COUNT(month_issued)
  270.            FROM mtun_ideaku_report WHERE month_issued="May" AND notary_cert="generated"';
  271.            
  272.    $query_may_not = mysqli_query($conn, $sql_may_not);
  273.    $row_may_not = mysqli_fetch_array($query_may_not);
  274.    
  275.    $sql_jun_not = 'SELECT COUNT(month_issued)
  276.            FROM mtun_ideaku_report WHERE month_issued="June" AND notary_cert="generated"';
  277.            
  278.    $query_jun_not = mysqli_query($conn, $sql_jun_not);
  279.    $row_jun_not = mysqli_fetch_array($query_jun_not);
  280.    
  281.    $sql_jul_not = 'SELECT COUNT(month_issued)
  282.            FROM mtun_ideaku_report WHERE month_issued="July" AND notary_cert="generated"';
  283.            
  284.    $query_jul_not = mysqli_query($conn, $sql_jul_not);
  285.    $row_jul_not = mysqli_fetch_array($query_jul_not);
  286.    
  287.    $sql_aug_not = 'SELECT COUNT(month_issued)
  288.            FROM mtun_ideaku_report WHERE month_issued="August" AND notary_cert="generated"';
  289.            
  290.    $query_aug_not = mysqli_query($conn, $sql_aug_not);
  291.    $row_aug_not = mysqli_fetch_array($query_aug_not);
  292.    
  293.    $sql_sep_not = 'SELECT COUNT(month_issued)
  294.            FROM mtun_ideaku_report WHERE month_issued="September" AND notary_cert="generated"';
  295.            
  296.    $query_sep_not = mysqli_query($conn, $sql_sep_not);
  297.    $row_sep_not = mysqli_fetch_array($query_sep_not);
  298.    
  299.    $sql_oct_not = 'SELECT COUNT(month_issued)
  300.            FROM mtun_ideaku_report WHERE month_issued="October" AND notary_cert="generated"';
  301.            
  302.    $query_oct_not = mysqli_query($conn, $sql_oct_not);
  303.    $row_oct_not = mysqli_fetch_array($query_oct_not);
  304.    
  305.    $sql_nov_not = 'SELECT COUNT(month_issued)
  306.            FROM mtun_ideaku_report WHERE month_issued="November" AND notary_cert="generated"';
  307.            
  308.    $query_nov_not = mysqli_query($conn, $sql_nov_not);
  309.    $row_nov_not = mysqli_fetch_array($query_nov_not);
  310.    
  311.    $sql_dec_not = 'SELECT COUNT(month_issued)
  312.            FROM mtun_ideaku_report WHERE month_issued="December" AND notary_cert="generated"';
  313.            
  314.    $query_dec_not = mysqli_query($conn, $sql_dec_not);
  315.    $row_dec_not = mysqli_fetch_array($query_dec_not);
  316.  
  317. /*******************MELAKA SMART CITY QUERIES*******************/
  318.    $sql_drowsiness = 'SELECT *
  319.            FROM log_drowsiness';
  320.            
  321.    $query_drowsiness = mysqli_query($conn, $sql_drowsiness);
  322.    $drowsiness_tot = 0;
  323.    $journey_tot = 0;
  324.    $journey_duration = 0;
  325.    while($row_drowsiness = mysqli_fetch_array($query_drowsiness)){
  326.        $drowsiness_tot =$drowsiness_tot + $row_drowsiness[3];
  327.        $journey_tot += 1;
  328.        $journey_duration += $row_drowsiness[7];
  329.  
  330.    }
  331.  
  332.    $sql_users = 'SELECT *
  333.            FROM personal_details';
  334.            
  335.    $query_users = mysqli_query($conn, $sql_users);
  336.    $users_tot = 0;
  337.    while($row_users = mysqli_fetch_array($query_users)){
  338.        /*$users_tot =$users_tot + $row_users[0];*/
  339.        $users_tot+=1;
  340.    }
  341.  
  342. /********************************* User By Age **********************************/
  343. $sql_retrieveAge1 = 'SELECT * FROM userregistrationtable WHERE age BETWEEN 18 AND 25';
  344. $query_retrieveAge1 = mysqli_query($conn, $sql_retrieveAge1);
  345. $query_age1 = 0;
  346. while($q_age1 = mysqli_fetch_array($query_retrieveAge1)){
  347.        $query_age1 +=1 ;
  348.    }
  349.  
  350. $sql_retrieveAge2 = 'SELECT * FROM userregistrationtable WHERE age BETWEEN 26 AND 30';
  351. $query_retrieveAge2 = mysqli_query($conn, $sql_retrieveAge2);
  352. $query_age2 = 0;
  353. while($q_age2 = mysqli_fetch_array($query_retrieveAge2)){
  354.        $query_age2 +=1 ;
  355.    }
  356.  
  357. $sql_retrieveAge3 = 'SELECT * FROM userregistrationtable WHERE age BETWEEN 31 AND 40';
  358. $query_retrieveAge3 = mysqli_query($conn, $sql_retrieveAge3);
  359. $query_age3 = 0;
  360. while($q_age3 = mysqli_fetch_array($query_retrieveAge3)){
  361.        $query_age3 +=1 ;
  362.    }
  363.  
  364. $sql_retrieveAge4 = 'SELECT * FROM userregistrationtable WHERE age BETWEEN 41 AND 60';
  365. $query_retrieveAge4 = mysqli_query($conn, $sql_retrieveAge4);
  366. $query_age4 = 0;
  367. while($q_age4 = mysqli_fetch_array($query_retrieveAge4)){
  368.        $query_age4 +=1 ;
  369.    }
  370.  
  371.  
  372. /********************************* Gender and Drowsiness *************************/
  373. $sql_maleDrowsy = 'SELECT * FROM personal_details WHERE ID=MALE';
  374. $query_maleDrowsy = mysqli_query($conn, $sql_maleDrowsy);
  375. $x = 0;
  376. while($n_maleDrowsy = mysqli_fetch_array($query_maleDrowsy)){
  377.       $num_maleDrowsy[] = $n_maleDrowsy;
  378.       // $num_maleDrowsy +=1 ;
  379.       echo $num_maleDrowsy[$x];
  380.       $x++;
  381.    }
  382.  
  383. /********************************* Personal Details ******************************/
  384.    $sql_selectid = 'SELECT ID from personal_details';
  385.    $query_selectid = mysqli_query($conn, $sql_selectid);
  386.        
  387.    while ($read = mysqli_fetch_assoc($query_selectid))
  388.    {
  389.        $id_of_user = $read['ID'];
  390.  
  391.    }  
  392.        
  393. ?>
  394.  
  395. <!DOCTYPE html>
  396. <!--
  397. Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
  398. Version: 4.7.1
  399. Author: KeenThemes
  400. Website: http://www.keenthemes.com/
  401. Contact: support@keenthemes.com
  402. Follow: www.twitter.com/keenthemes
  403. Dribbble: www.dribbble.com/keenthemes
  404. Like: www.facebook.com/keenthemes
  405. Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
  406. Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
  407. License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
  408. -->
  409. <!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
  410. <!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
  411. <!--[if !IE]><!-->
  412. <html lang="en">
  413. <!--<![endif]-->
  414. <!-- BEGIN HEAD -->
  415.     <head>
  416.         <meta charset="utf-8" />
  417.         <title>Drowsiness Analytics Dashboard</title>
  418.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  419.         <meta content="width=device-width, initial-scale=1" name="viewport" />
  420.         <meta content="Preview page of Metronic Admin Theme #1 for statistics, charts, recent events and reports" name="description" />
  421.         <meta content="" name="author" />
  422.         <!-- BEGIN GLOBAL MANDATORY STYLES -->
  423.         <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
  424.         <link href="assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  425.         <link href="assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
  426.         <link href="assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  427.         <link href="assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
  428.         <!-- END GLOBAL MANDATORY STYLES -->
  429.         <!-- BEGIN PAGE LEVEL PLUGINS STYLES -->
  430.         <link href="assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" />
  431.         <link href="assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
  432.         <link href="assets/global/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet" type="text/css" />
  433.         <link href="assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css" />
  434.         <!-- END PAGE LEVEL PLUGINS -->
  435.  
  436.  
  437.         <!-- BEGIN THEME GLOBAL STYLES -->
  438.         <link href="assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
  439.         <link href="assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
  440.         <!-- END THEME GLOBAL STYLES -->
  441.         <!-- BEGIN THEME LAYOUT STYLES -->
  442.         <link href="assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
  443.         <link href="assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
  444.         <link href="assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
  445.         <!-- END THEME LAYOUT STYLES -->
  446.        
  447.         <!-- RICKSHAW CSS -->
  448.         <link type="text/css" rel="stylesheet" href="assets1/css/theme-1/libs/rickshaw/rickshaw.css" />
  449.         <link type="text/css" rel="stylesheet" href="assets1/css/theme-1/materialadmin.css" />
  450.                   <!-- ChartJS -->
  451.         <script src="assets/chart.js/Chart.js"></script>  
  452.     </head>
  453.     <!-- END HEAD -->
  454.  
  455.     <!-- BEGIN HEADER -->
  456.     <body class="page-header-fixed page-sidebar-closed-hide-logo page-container-bg-solid page-content-white page-sidebar-closed">
  457.         <div class="page-wrapper">
  458.             <?php
  459.            include("header.html");
  460.            ?>
  461.             <!-- BEGIN HEADER & CONTENT DIVIDER -->
  462.             <div class="clearfix"> </div>
  463.             <!-- END HEADER & CONTENT DIVIDER -->
  464.             <!-- BEGIN CONTAINER -->
  465.             <div class="page-container" style="background-color: #364150;">
  466.                 <?php
  467.                include("sidebar.html");
  468.                ?>
  469.  
  470.                 <!-- BEGIN CONTENT -->
  471.                 <div class="page-content-wrapper section">
  472.                     <!-- BEGIN CONTENT BODY -->
  473.                     <div class="page-content">
  474.                         <!-- BEGIN PAGE HEADER-->
  475.                        
  476.                         <!-- BEGIN PAGE BAR -->
  477.                         <div class="page-bar">
  478.                             <!-- BEGIN PAGE TITLE-->
  479.                         <h1 class="page-title"> Analytics Dashboard
  480.                             <small>location based reports and revenue</small>
  481.                         </h1>
  482.                         <!-- END PAGE TITLE-->
  483.                         </div>
  484.                         <!-- END PAGE BAR -->
  485.                         <br>
  486.                         <!-- END PAGE HEADER-->
  487.  
  488.  
  489.                         <div class="containery" style="min-height: 1100px">
  490.                             <div class="item col-lg-3 col-md-3 col-sm-6 col-xs-12">
  491.                                 <div class="card">
  492.                                     <div class="card-body height-9 no-padding">                                    
  493.                                         <div class="dashboard-stat2 no-margin item-head">
  494.                                             <div class="display">
  495.                                                 <div class="number">
  496.                                                     <h3 class="font-red-haze">
  497.                                                             <!--small class="font-red-haze">MYR</small-->
  498.                                                         <span data-counter="counterup" data-value="<?php echo $drowsiness_tot; ?>">0</span>
  499.                                                        
  500.                                                     </h3>
  501.                                                     <small>DROWSINESS DETECTED</small>
  502.                                                 </div>
  503.                                                 <div class="icon">
  504.                                                     <i class="icon-pie-chart"></i>
  505.                                                 </div>
  506.  
  507.                                             </div>
  508.                                             <div class="stick-bottom-left-right">
  509.                                                 <div id="rickshawGraph" class="height-2" data-color1="#F44336" data-color2="rgba(79, 89, 89, 0.2)"></div>
  510.                                             </div>
  511.                                         </div>
  512.                                     </div>
  513.                                 </div>
  514.                             </div>
  515.                             <div class="item col-lg-3 col-md-3 col-sm-6 col-xs-12">
  516.                                 <div class="card">
  517.                                     <div class="card-body height-3 no-padding">                                    
  518.                                         <div class="dashboard-stat2 no-margin item-head">
  519.                                             <div class="display">
  520.                                                 <div class="number">
  521.                                                     <h3 class="font-yellow-gold">
  522.                                                         <span ><?php echo $users_tot; ?></span>
  523.                                                        
  524.                                                     </h3>
  525.                                                     <small>TOTAL USERS</small>
  526.                                                 </div>
  527.                                                 <div class="icon">
  528.                                                     <i class="icon-user"></i>
  529.                                                 </div>
  530.                                             </div>
  531.                                             <div class="stick-bottom-left-right">
  532.                                                 <div id="rickshawGraph4" class="height-2" data-color1="#FF9800" data-color2="rgba(79, 89, 89, 0.2)"></div>
  533.                                             </div>
  534.                                         </div>
  535.                                     </div>
  536.                                 </div>
  537.                             </div>
  538.                             <div class="item col-md-3 col-sm-6 col-xs-12">
  539.                                 <div class="card">
  540.                                     <div class="card-body height-3 no-padding">
  541.                                         <div class="dashboard-stat2 no-margin item-head">                
  542.                                             <strong>
  543.                                            <div class="display">
  544.                                                 <div class="number">
  545.                                                     <h3 class="font-green-sharp">
  546.                                                         <span data-counter="counterup" data-value="<?php echo $journey_tot;?>">0</span>
  547.                                                     </h3>
  548.                                                     <small>JOURNEY RECORDED</small>
  549.                                                 </div>
  550.                                                 <div class="icon">
  551.                                                     <i class="icon-like"></i>
  552.                                                 </div>
  553.                                             </div>
  554.  
  555.                                             </strong>
  556.                                         </div>
  557.                                         <div class="stick-bottom-left-right">
  558.                                             <div id="rickshawGraph2" class="height-2" data-color1="#2196F3" data-color2="rgba(79, 89, 89, 0.2)"></div>
  559.                                         </div>
  560.                                     </div><!--end .card-body -->
  561.                                 </div><!--end .card -->
  562.                             </div>
  563.                             <div class="item col-lg-3 col-md-3 col-sm-6 col-xs-12">
  564.                                 <div class="card">
  565.                                     <div class="card-body height-3 no-padding">                                    
  566.                                         <div class="dashboard-stat2 no-margin item-head">
  567.                                             <div class="display">
  568.                                                 <div class="number">
  569.                                                     <h3 class="font-green-jungle">
  570.                                                         <span data-counter="counterup" data-value="<?php echo $journey_duration;?>">0</span>s
  571.                                                     </h3>
  572.                                                     <small>JOURNEY DURATION</small>
  573.                                                 </div>
  574.                                                 <div class="icon">
  575.                                                     <i class="icon-basket"></i>
  576.                                                 </div>
  577.                                             </div>
  578.                                             <div class="stick-bottom-left-right">
  579.                                                 <div id="rickshawGraph3" class="height-2" data-color1="#4CAF50" data-color2="rgba(79, 89, 89, 0.2)"></div>
  580.                                             </div>
  581.                                         </div>
  582.                                     </div>
  583.                                 </div>
  584.                             </div>
  585.  
  586.  
  587.  
  588.                             <!--EAR VS TIME-->
  589.                             <div class="item col-md-6 col-sm-12 col-xs-12">
  590.                                 <div class="card">
  591.                                     <div class="card-body height-9 no-padding">
  592.                                         <div class="portlet light portlet-fit bordered">
  593.                                             <div class="portlet-title item-head">
  594.                                                 <div class="caption">
  595.                                                     <i class=" icon-layers font-green"></i>
  596.                                                     <span class="caption-subject font-green bold uppercase">EAR VS TIME</span>
  597.  
  598.  
  599.                                                    <!-- <div class="actions">
  600.                                                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
  601.                                                        <i class="icon-cloud-upload"></i>
  602.                                                    </a>
  603.                                                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
  604.                                                        <i class="icon-wrench"></i>
  605.                                                    </a>
  606.                                                    <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
  607.                                                        <i class="icon-trash"></i>
  608.                                                    </a>
  609.                                                </div>-->
  610.                                             </div>
  611.                                         </div>
  612.                                             <div class="portlet-body">        
  613.                                                 <div class="chart-responsive" id="canvas-holder" align="middle">
  614.                                                             <canvas id="canvas" height="200px"/>
  615.                                                             </div>
  616.                                                    
  617.                                             <script >
  618.                                                 var randomScalingFactor = function(){ return Math.round(Math.random()*50)};
  619.                                                 var lineChartData = {
  620.                                                     labels : ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
  621.                                                     datasets : [
  622.                                                         {
  623.                                                             label: "My First dataset",
  624.                                                             fillColor : "rgba(139,188,214,0.2)",
  625.                                                             strokeColor : "rgba(139,188,214,1)",
  626.                                                             pointColor : "rgba(139,188,214,1)",
  627.                                                             pointStrokeColor : "#fff",
  628.                                                             pointHighlightFill : "#fff",
  629.                                                             pointHighlightStroke : "rgba(139,188,214,1)",
  630.                                                             data : [490,200,300,300,<?php echo $row_may[0];?>,<?php echo $row_jun[0];?>,<?php echo $row_jul[0];?>,<?php echo $row_aug[0];?>,<?php echo $row_sep[0];?>,<?php echo $row_oct[0];?>,<?php echo $row_nov[0];?>,<?php echo $row_dec[0];?>]
  631.                                                         }
  632.                                                     ]
  633.  
  634.                                                 }
  635.  
  636.                                             </script>
  637.                                             </div>
  638.                                         </div>
  639.                                     </div>
  640.                                 </div>
  641.                             </div>
  642.  
  643.  
  644.                             <div class="item col-lg-6 col-xs-12 col-sm-12">
  645.                                 <div class="card">
  646.                                     <div class="card-body height-11 no-padding">
  647.                                         <div class="portlet light ">
  648.                                             <div class="portlet-title item-head">
  649.                                                 <div class="caption ">
  650.                                                     <span class="caption-subject font-dark bold uppercase">Drowsiness Detected</span>
  651.                                                     <span class="caption-helper">based on Vehicle Type</span>
  652.                                                 </div>
  653.                                             </div>
  654.  
  655.                                             <div class="canvas-holder">
  656.                                                 <canvas id="barChart1" width="400" height="400"></canvas>
  657.                                                
  658.                                                 <script>
  659.                                                 var ctxbar1 = document.getElementById("barChart1").getContext('2d');
  660.                                                 window.barChart = new Chart(data,
  661.                                                    
  662.                                                     var data: {
  663.                                                         labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
  664.                                                         datasets: [{
  665.                                                             label: '# of Votes',
  666.                                                             data: [12, 19, 3, 5, 2, 3],
  667.                                                             backgroundColor: [
  668.                                                                 'rgba(255, 99, 132, 0.2)',
  669.                                                                 'rgba(54, 162, 235, 0.2)',
  670.                                                                 'rgba(255, 206, 86, 0.2)',
  671.                                                                 'rgba(75, 192, 192, 0.2)',
  672.                                                                 'rgba(153, 102, 255, 0.2)',
  673.                                                                 'rgba(255, 159, 64, 0.2)'
  674.                                                             ],
  675.                                                             borderColor: [
  676.                                                                 'rgba(255,99,132,1)',
  677.                                                                 'rgba(54, 162, 235, 1)',
  678.                                                                 'rgba(255, 206, 86, 1)',
  679.                                                                 'rgba(75, 192, 192, 1)',
  680.                                                                 'rgba(153, 102, 255, 1)',
  681.                                                                 'rgba(255, 159, 64, 1)'
  682.                                                             ],
  683.                                                             borderWidth: 1
  684.                                                         }]
  685.                                                     },
  686.                                                     options: {
  687.                                                         scales: {
  688.                                                             yAxes: [{
  689.                                                                 ticks: {
  690.                                                                     beginAtZero:true
  691.                                                                 }
  692.                                                             }]
  693.                                                         }
  694.                                                     }
  695.                                                 });
  696.  
  697.                                            
  698.  
  699.                                                 </script>
  700.                                             </div>
  701.                                         </div>
  702.                                     </div>
  703.                                 </div>
  704.                             </div>
  705.  
  706.                             <div class="item col-md-12 col-sm-12 col-xs-12">
  707.                                 <div class="card">
  708.                                     <div class="card-body height-9 no-padding">
  709.                                         <div class="portlet light portlet-fit bordered">
  710.                                             <div class="portlet-title item-head">
  711.                                                 <div class="caption" align="middle">
  712.                                                     <i class=" icon-layers font-green"></i>
  713.                                                     <span class="caption-subject font-green bold uppercase">Drowsiness Gender</span>
  714.                                                 </div>
  715.                                             </div>
  716.                                             <div class="portlet-body">
  717.                                                 <!--TRY -->
  718.                                                 <div class="col-md-3">  
  719.                                                 <div class="caption">
  720.                                                     <i class=" icon-layers font-green"></i>
  721.                                                     <span class="caption-subject font-green bold uppercase">Drowsiness Gender</span>
  722.                                                 </div>    
  723.                                                 <div class="chart-responsive" id="canvas-holder" align="middle">
  724.                                                           <canvas id="chart-area" width="200" height="210"/>
  725.                                                 </div>
  726.                                                 </div>
  727.                                                 <div class="col-md-3">  
  728.                                                 <div class="caption" align="middle">
  729.                                                     <i class=" icon-layers font-green"></i>
  730.                                                     <span class="caption-subject font-green bold uppercase">Participants Gender</span>
  731.                                                 </div>    
  732.                                                 <div class="chart-responsive" id="canvas-holder" align="middle">
  733.                                                           <canvas id="chart-area1" width="200" height="210"/>
  734.                                                 </div>
  735.                                                 </div>
  736.  
  737.                                                 <!-- Marital Status -->
  738.                                                 <div class="col-md-3">  
  739.                                                 <div class="caption" align="middle">
  740.                                                     <i class=" icon-layers font-green"></i>
  741.                                                     <span class="caption-subject font-green bold uppercase">Drowsiness Marital</span>
  742.                                                 </div>    
  743.                                                 <div class="chart-responsive" id="canvas-holder" align="middle">
  744.                                                           <canvas id="chart-area2" width="200" height="210"/>
  745.                                                 </div>
  746.                                                 </div>
  747.  
  748.                                                 <!-- Health Status -->
  749.                                                 <div class="col-md-3">  
  750.                                                 <div class="caption" align="middle">
  751.                                                     <i class=" icon-layers font-green"></i>
  752.                                                     <span class="caption-subject font-green bold uppercase">Drowsiness Health</span>
  753.                                                 </div>    
  754.                                                 <div class="chart-responsive" id="canvas-holder" align="middle">
  755.                                                           <canvas id="chart-area3" width="200" height="210"/>
  756.                                                 </div>
  757.                                                 </div>
  758.  
  759.                                             <script>
  760.                                             var pieData = [
  761.                                                     {value: 20,color:"#F7464A",highlight: "#FF5A5E",label: "Male"
  762.                                                     },
  763.                                                     {value: 15,color: "#46BFBD",highlight: "#5AD3D1",label: "Female"
  764.                                                     }
  765.                                                 ];
  766.                                             var pieData1 = [
  767.                                                     {value: 20,color:"#F7464A",highlight: "#FF5A5E",label: "Male"
  768.                                                     },
  769.                                                     {value: 15,color: "#46BFBD",highlight: "#5AD3D1",label: "Female"
  770.                                                     }
  771.                                                 ];
  772.                                             var pieData2 = [
  773.                                                     {value: 20,color:"#F7464A",highlight: "#FF5A5E",label: "Single"
  774.                                                     },
  775.                                                     {value: 15,color: "#46BFBD",highlight: "#5AD3D1",label: "Married"
  776.                                                     }
  777.                                                 ];
  778.                                             var pieData3 = [
  779.                                                     {value: 20,color:"#F7464A",highlight: "#FF5A5E",label: "Diabetes"
  780.                                                     },
  781.                                                     {value: 15,color: "#BFBD67",highlight: "#5AD3D1",label: "Pregnant"
  782.                                                     },
  783.                                                     {value: 15,color: "#46BFBD",highlight: "#5AD3D1",label: "Deppresion"
  784.                                                     },
  785.                                                     {value: 15,color: "#6BFBD4",highlight: "#5AD3D1",label: "Hypertension"
  786.                                                     }
  787.                                                 ];                                                                                                                                                
  788.  
  789.  
  790.                                                 window.onload = function(){
  791.                                                     var ctx = document.getElementById("chart-area").getContext("2d");
  792.                                                     window.myPie = new Chart(ctx).Doughnut(pieData);
  793.                                                     var ctx1 = document.getElementById("chart-area1").getContext("2d");
  794.                                                     window.myPie1 = new Chart(ctx1).Doughnut(pieData1);
  795.                                                     var ctx2 = document.getElementById("chart-area2").getContext("2d");
  796.                                                     window.myPie2 = new Chart(ctx2).Doughnut(pieData2);
  797.                                                     var ctx3 = document.getElementById("chart-area3").getContext("2d");
  798.                                                     window.myPie3 = new Chart(ctx3).Doughnut(pieData3);
  799.                                                     var linectx1 = document.getElementById("canvas").getContext("2d");
  800.                                                     window.myLine = new Chart(linectx1).Line(lineChartData, {
  801.                                                 responsive: true,maintainAspectRatio: false
  802.                                             });
  803.                                                 };
  804.  
  805.  
  806.  
  807.                                             </script>
  808.                                                 <!-- END TRY-->
  809.  
  810.                                             </div>
  811.                                         </div>
  812.                                     </div>
  813.                                 </div>
  814.                             </div>
  815.  
  816.                             <!-- Drowsiness Age -->
  817.                             <div class="item col-lg-6 col-xs-12 col-sm-12">
  818.                                 <div class="card">
  819.                                     <div class="card-body height-11 no-padding">
  820.                                         <div class="portlet light portlet-fit bordered">
  821.                                             <div class="portlet-title item-head">
  822.                                                 <div class="caption ">
  823.                                                     <span class="caption-subject font-dark bold uppercase">Total User Based on Age</span>
  824.                                                 </div>
  825.                                             </div>
  826.  
  827.                                             <div class="portlet-body">
  828.                                                 <div id="chartdiv"></div>
  829.                                             </div>
  830.                                         </div>
  831.                                     </div>
  832.                                 </div>
  833.                             </div>
  834.  
  835.  
  836.  
  837.                             <div class="item col-lg-6 col-xs-12 col-sm-12">
  838.                                 <div class="card">
  839.                                     <div class="card-body height-11 no-padding">
  840.                                         <div class="portlet light ">
  841.                                             <div class="portlet-title item-head">
  842.                                                 <div class="caption ">
  843.                                                     <span class="caption-subject font-dark bold uppercase">Drowsiness JOB</span>
  844.                                                     <span class="caption-helper">based on Vehicle Type</span>
  845.                                                 </div>
  846.                                                 <div class="actions">
  847.                                                     <a href="#" class="btn btn-circle green btn-outline btn-sm">
  848.                                                         <i class="fa fa-pencil"></i> Export </a>
  849.                                                     <a href="#" class="btn btn-circle green btn-outline btn-sm">
  850.                                                         <i class="fa fa-print"></i> Print </a>
  851.                                                 </div>
  852.                                             </div>
  853.                                             <div class="portlet-body">
  854.                                                 <div id="dashboard_amchart_1" class="CSSAnimationChart" style="height: 275px;"></div>
  855.                                             </div>
  856.                                         </div>
  857.                                     </div>
  858.                                 </div>
  859.                             </div>
  860.  
  861.                             <!-- Drowsiness Rate and Vehicle Type -->
  862.                             <div class="item col-lg-6 col-xs-12 col-sm-12">
  863.                                 <div class="card">
  864.                                     <div class="card-body no-padding" height-12>
  865.                                         <div class="portlet light portlet-fit bordered">
  866.                                             <div class="portlet-title item-head">
  867.                                                 <div class="caption ">
  868.                                                     <span class="caption-subject font-dark bold uppercase">Drowsiness and Vehicle</span>
  869.                                                 </div>
  870.                                             </div>
  871.  
  872.                                             <div class="portlet-body">
  873.                                                 <div id="chartdivs"></div>
  874.                                             </div>
  875.                                         </div>
  876.                                     </div>
  877.                                 </div>
  878.                             </div>
  879.  
  880.                             <!-- Drowsiness Rate and Vehicle Type -->
  881.                             <div class="item col-lg-6 col-xs-12 col-sm-12">
  882.                                 <div class="card">
  883.                                     <div class="card-body no-padding" height-12>
  884.                                         <div class="portlet light portlet-fit bordered">
  885.                                             <div class="portlet-title item-head">
  886.                                                 <div class="caption ">
  887.                                                     <span class="caption-subject font-dark bold uppercase">Drowsiness and Vehicle</span>
  888.                                                 </div>
  889.                                             </div>
  890.  
  891.                                             <div class="portlet-body">
  892.                                                 <div id="chasadadas"></div>
  893.                                             </div>
  894.                                         </div>
  895.                                     </div>
  896.                                 </div>
  897.                             </div>
  898.  
  899.  
  900.  
  901.  
  902.  
  903.  
  904.  
  905.  
  906.  
  907.                         </div>
  908.  
  909.                     </div>
  910.                 </div>
  911.                
  912.             </div>
  913.             <!-- END CONTAINER -->
  914.             <!-- BEGIN FOOTER -->
  915.             <div class="page-footer">
  916.                 <div class="page-footer-inner"> 2016 &copy; Metronic Theme By
  917.                     <a target="_blank" href="https://keenthemes.com">Keenthemes</a> &nbsp;|&nbsp;
  918.                     <a href="https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" title="Purchase Metronic just for 27$ and get lifetime updates for free" target="_blank">Purchase Metronic!</a>
  919.                 </div>
  920.                 <div class="scroll-to-top">
  921.                     <i class="icon-arrow-up"></i>
  922.                 </div>
  923.             </div>
  924.             <!-- END FOOTER -->
  925.         </div>
  926.         <!-- BEGIN QUICK NAV -->
  927.         <nav class="quick-nav">
  928.             <a class="quick-nav-trigger" href="#0">
  929.                 <span aria-hidden="true"></span>
  930.             </a>
  931.             <ul>
  932.                 <li>
  933.                     <a href="index.php" target="_self" class="active">
  934.                         <span>Dashboard</span>
  935.                         <i class="icon-graph"></i>
  936.                     </a>
  937.                 </li>
  938.             </ul>
  939.             <span aria-hidden="true" class="quick-nav-bg"></span>
  940.         </nav>
  941.         <div class="quick-nav-overlay"></div>
  942.         <!-- END QUICK NAV -->
  943.         <!--[if lt IE 9]>
  944. <script src="../assets/global/plugins/respond.min.js"></script>
  945. <script src="../assets/global/plugins/excanvas.min.js"></script>
  946. <script src="../assets/global/plugins/ie8.fix.min.js"></script>
  947. <![endif]-->
  948.         <!-- BEGIN CORE PLUGINS -->
  949.         <script src="assets/global/plugins/jquery.min.js" type="text/javascript"></script>
  950.         <script src="assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  951.         <script src="assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
  952.         <script src="assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
  953.         <script src="assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
  954.         <script src="assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
  955.         <!-- END CORE PLUGINS -->
  956.         <!-- BEGIN PAGE LEVEL PLUGINS -->
  957.         <script src="assets/global/plugins/moment.min.js" type="text/javascript"></script>
  958.         <script src="assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js" type="text/javascript"></script>
  959.         <script src="assets/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
  960.         <script src="assets/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
  961.         <!-- Resources -->
  962.         <script src="https://www.amcharts.com/lib/4/core.js"></script>
  963.         <script src="https://www.amcharts.com/lib/4/charts.js"></script>
  964.         <script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
  965.         <script src="assets/global/plugins/amcharts/amcharts/amcharts.js" type="text/javascript"></script>
  966.         <script src="assets/global/plugins/amcharts/amcharts/serial.js" type="text/javascript"></script>
  967.         <script src="assets/global/plugins/amcharts/amcharts/pie.js" type="text/javascript"></script>
  968.         <script src="assets/global/plugins/amcharts/amcharts/radar.js" type="text/javascript"></script>
  969.         <script src="assets/global/plugins/amcharts/amcharts/themes/light.js" type="text/javascript"></script>
  970.         <script src="assets/global/plugins/amcharts/amcharts/themes/patterns.js" type="text/javascript"></script>
  971.         <script src="assets/global/plugins/amcharts/amcharts/themes/chalk.js" type="text/javascript"></script>
  972.         <script src="assets/global/plugins/amcharts/ammap/ammap.js" type="text/javascript"></script>
  973.         <script src="assets/global/plugins/amcharts/ammap/maps/js/worldLow.js" type="text/javascript"></script>
  974.         <script src="assets/global/plugins/amcharts/amstockcharts/amstock.js" type="text/javascript"></script>
  975.         <script src="assets/global/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
  976.         <script src="assets/global/plugins/horizontal-timeline/horizontal-timeline.js" type="text/javascript"></script>
  977.         <script src="assets/global/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
  978.         <script src="assets/global/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
  979.         <script src="assets/global/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
  980.         <script src="assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
  981.         <script src="assets/global/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
  982.         <script src="assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js" type="text/javascript"></script>
  983.         <script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.russia.js" type="text/javascript"></script>
  984.         <script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
  985.         <script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.europe.js" type="text/javascript"></script>
  986.         <script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.germany.js" type="text/javascript"></script>
  987.         <script src="assets/global/plugins/jqvmap/jqvmap/maps/jquery.vmap.usa.js" type="text/javascript"></script>
  988.         <script src="assets/global/plugins/jqvmap/jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>
  989.         <!-- END PAGE LEVEL PLUGINS -->
  990.         <!-- BEGIN THEME GLOBAL SCRIPTS -->
  991.         <script src="assets/global/scripts/app.min.js" type="text/javascript"></script>
  992.         <!-- END THEME GLOBAL SCRIPTS -->
  993.  
  994.  
  995. <!-----------------------------------------  Age Grouping ------------------------------------------------------>
  996.         <style>
  997.             #chartdiv {
  998.               width: 100%;
  999.               height: 300px;
  1000.             }
  1001.         </style>
  1002.     <!-- Chart code -->
  1003.     <script>
  1004.     // Themes begin
  1005.     am4core.useTheme(am4themes_animated);
  1006.     // Themes end
  1007.  
  1008.     // Create chart instance
  1009.     var chart = am4core.create("chartdiv", am4charts.XYChart);
  1010.  
  1011.     // Export
  1012.     chart.exporting.menu = new am4core.ExportMenu();
  1013.  
  1014.     // Data for both series
  1015.     var data = [ {
  1016.       "age": "18-25",
  1017.       "total_ageNum": <?php echo $query_age1; ?>,
  1018.     }, {
  1019.       "age": "26-30",
  1020.       "total_ageNum": <?php echo $query_age2; ?>,
  1021.     }, {
  1022.       "age": "31-40",
  1023.       "total_ageNum": <?php echo $query_age3; ?>,
  1024.     }, {
  1025.       "age": "41-60",
  1026.       "total_ageNum": <?php echo $query_age4; ?>,
  1027.     },];
  1028.  
  1029.     /* Create axes */
  1030.     var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
  1031.     categoryAxis.dataFields.category = "age";
  1032.     categoryAxis.renderer.minGridDistance = 2;
  1033.  
  1034.     /* Create value axis */
  1035.     var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
  1036.  
  1037.     /* Create series */
  1038.     var columnSeries = chart.series.push(new am4charts.ColumnSeries());
  1039.     columnSeries.name = "total_ageNum";
  1040.     columnSeries.dataFields.valueY = "total_ageNum";
  1041.     columnSeries.dataFields.categoryX = "age";
  1042.  
  1043.     columnSeries.columns.template.tooltipText = "[#fff font-size: 20px] Total User in Age {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
  1044.     columnSeries.columns.template.propertyFields.fillOpacity = "fillOpacity";
  1045.     columnSeries.columns.template.propertyFields.stroke = "stroke";
  1046.     columnSeries.columns.template.propertyFields.strokeWidth = "strokeWidth";
  1047.     columnSeries.columns.template.propertyFields.strokeDasharray = "columnDash";
  1048.     columnSeries.tooltip.label.textAlign = "middle";
  1049.  
  1050.     var lineSeries = chart.series.push(new am4charts.LineSeries());
  1051.     lineSeries.name = "Expenses";
  1052.     lineSeries.dataFields.valueY = "expenses";
  1053.     lineSeries.dataFields.categoryX = "age";
  1054.  
  1055.     lineSeries.stroke = am4core.color("#fdd400");
  1056.     lineSeries.strokeWidth = 3;
  1057.     lineSeries.propertyFields.strokeDasharray = "lineDash";
  1058.     lineSeries.tooltip.label.textAlign = "middle";
  1059.  
  1060.     var bullet = lineSeries.bullets.push(new am4charts.Bullet());
  1061.     bullet.fill = am4core.color("#fdd400"); // tooltips grab fill from parent by default
  1062.     bullet.tooltipText = "[#fff font-size: 15px]{name} in {categoryX}:\n[/][#fff font-size: 20px]{valueY}[/] [#fff]{additional}[/]"
  1063.     var circle = bullet.createChild(am4core.Circle);
  1064.     circle.radius = 4;
  1065.     circle.fill = am4core.color("#fff");
  1066.     circle.strokeWidth = 3;
  1067.  
  1068.     chart.data = data;
  1069.     </script>
  1070. <!--------------------------------------------------------------------------------------------------------->
  1071.  
  1072.  
  1073. <!-----------------------------------------  Vehicle Drowsy ------------------------------------------------>
  1074. <!-- Styles -->
  1075. <style>
  1076. #chartdivs {
  1077.   width: 100%;
  1078.   height: 500px;
  1079. }
  1080.  
  1081. </style>
  1082.  
  1083. <!-- Resources -->
  1084. <script src="https://www.amcharts.com/lib/4/core.js"></script>
  1085. <script src="https://www.amcharts.com/lib/4/charts.js"></script>
  1086. <script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
  1087.  
  1088. <!-- Chart code -->
  1089. <script>
  1090. // Themes begin
  1091. am4core.useTheme(am4themes_animated);
  1092. // Themes end
  1093.  
  1094. // Create chart instance
  1095. var chart = am4core.create("chartdivs", am4charts.XYChart3D);
  1096. chart.paddingBottom = 30;
  1097. chart.angle = 35;
  1098.  
  1099. // Add data
  1100. chart.data = [{
  1101.   "country": "USA",
  1102.   "visits": 4025
  1103. }, {
  1104.   "country": "China",
  1105.   "visits": 1882
  1106. }, {
  1107.   "country": "Japan",
  1108.   "visits": 1809
  1109. }, {
  1110.   "country": "Germany",
  1111.   "visits": 1322
  1112. }, {
  1113.   "country": "UK",
  1114.   "visits": 1122
  1115. }, {
  1116.   "country": "France",
  1117.   "visits": 1114
  1118. }, {
  1119.   "country": "India",
  1120.   "visits": 984
  1121. }, {
  1122.   "country": "Spain",
  1123.   "visits": 711
  1124. }, {
  1125.   "country": "Netherlands",
  1126.   "visits": 665
  1127. }, {
  1128.   "country": "Russia",
  1129.   "visits": 580
  1130. }, {
  1131.   "country": "South Korea",
  1132.   "visits": 443
  1133. }, {
  1134.   "country": "Canada",
  1135.   "visits": 441
  1136. }, {
  1137.   "country": "Brazil",
  1138.   "visits": 395
  1139. }, {
  1140.   "country": "Italy",
  1141.   "visits": 386
  1142. }, {
  1143.   "country": "Taiwan",
  1144.   "visits": 338
  1145. }];
  1146.  
  1147. // Create axes
  1148. var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
  1149. categoryAxis.dataFields.category = "country";
  1150. categoryAxis.renderer.grid.template.location = 0;
  1151. categoryAxis.renderer.minGridDistance = 20;
  1152. categoryAxis.renderer.inside = true;
  1153. categoryAxis.renderer.grid.template.disabled = true;
  1154.  
  1155. let labelTemplate = categoryAxis.renderer.labels.template;
  1156. labelTemplate.rotation = -90;
  1157. labelTemplate.horizontalCenter = "left";
  1158. labelTemplate.verticalCenter = "middle";
  1159. labelTemplate.dy = 10; // moves it a bit down;
  1160. labelTemplate.inside = false; // this is done to avoid settings which are not suitable when label is rotated
  1161.  
  1162. var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
  1163. valueAxis.renderer.grid.template.disabled = true;
  1164.  
  1165. // Create series
  1166. var series = chart.series.push(new am4charts.ConeSeries());
  1167. series.dataFields.valueY = "visits";
  1168. series.dataFields.categoryX = "country";
  1169.  
  1170. var columnTemplate = series.columns.template;
  1171. columnTemplate.adapter.add("fill", (fill, target) => {
  1172.   return chart.colors.getIndex(target.dataItem.index);
  1173. })
  1174.  
  1175. columnTemplate.adapter.add("stroke", (stroke, target) => {
  1176.   return chart.colors.getIndex(target.dataItem.index);
  1177. })
  1178. </script>
  1179.  
  1180. <!---------------------------------------------------------------------------------------------------------->
  1181.  
  1182.     <script>
  1183.         var dec_revenue=<?php echo $row_dec[0]*10;?>;
  1184.         var jan_revenue=<?php echo $row_jan[0]*10;?>;
  1185.         var feb_revenue=<?php echo $row_feb[0]*10;?>;
  1186.         var mar_revenue=<?php echo $row_mar[0]*10;?>;
  1187.         var apr_revenue=<?php echo $row_apr[0]*10;?>;
  1188.         var may_revenue=<?php echo $row_may[0]*10;?>;
  1189.         var jun_revenue=<?php echo $row_jun[0]*10;?>;
  1190.         var jul_revenue=<?php echo $row_jul[0]*10;?>;
  1191.         var aug_revenue=<?php echo $row_aug[0]*10;?>;
  1192.         var sep_revenue=<?php echo $row_sep[0]*10;?>;
  1193.         var oct_revenue=<?php echo $row_oct[0]*10;?>;
  1194.         var nov_revenue=<?php echo $row_nov[0]*10;?>;
  1195.        
  1196.         var dec_id=<?php echo $row_dec[0];?>;
  1197.         var jan_id=<?php echo $row_jan[0];?>;
  1198.         var feb_id=<?php echo $row_feb[0];?>;
  1199.         var mar_id=<?php echo $row_mar[0];?>;
  1200.         var apr_id=<?php echo $row_apr[0];?>;
  1201.         var may_id=<?php echo $row_may[0];?>;
  1202.         var jun_id=<?php echo $row_jun[0];?>;
  1203.         var jul_id=<?php echo $row_jul[0];?>;
  1204.         var aug_id=<?php echo $row_aug[0];?>;
  1205.         var sep_id=<?php echo $row_sep[0];?>;
  1206.         var oct_id=<?php echo $row_oct[0];?>;
  1207.         var nov_id=<?php echo $row_nov[0];?>;
  1208.        
  1209.         var dec_sd=<?php echo $row_dec_sd[0];?>;
  1210.         var jan_sd=<?php echo $row_jan_sd[0];?>;
  1211.         var feb_sd=<?php echo $row_feb_sd[0];?>;
  1212.         var mar_sd=<?php echo $row_mar_sd[0];?>;
  1213.         var apr_sd=<?php echo $row_apr_sd[0];?>;
  1214.         var may_sd=<?php echo $row_may_sd[0];?>;
  1215.         var jun_sd=<?php echo $row_jun_sd[0];?>;
  1216.         var jul_sd=<?php echo $row_jul_sd[0];?>;
  1217.         var aug_sd=<?php echo $row_aug_sd[0];?>;
  1218.         var sep_sd=<?php echo $row_sep_sd[0];?>;
  1219.         var oct_sd=<?php echo $row_oct_sd[0];?>;
  1220.         var nov_sd=<?php echo $row_nov_sd[0];?>;
  1221.        
  1222.         var dec_not=<?php echo $row_dec_not[0];?>;
  1223.         var jan_not=<?php echo $row_jan_not[0];?>;
  1224.         var feb_not=<?php echo $row_feb_not[0];?>;
  1225.         var mar_not=<?php echo $row_mar_not[0];?>;
  1226.         var apr_not=<?php echo $row_apr_not[0];?>;
  1227.         var may_not=<?php echo $row_may_not[0];?>;
  1228.         var jun_not=<?php echo $row_jun_not[0];?>;
  1229.         var jul_not=<?php echo $row_jul_not[0];?>;
  1230.         var aug_not=<?php echo $row_aug_not[0];?>;
  1231.         var sep_not=<?php echo $row_sep_not[0];?>;
  1232.         var oct_not=<?php echo $row_oct_not[0];?>;
  1233.         var nov_not=<?php echo $row_nov_not[0];?>;
  1234.        
  1235.     </script>
  1236.  
  1237.         <!-- BEGIN PAGE LEVEL SCRIPTS -->
  1238.         <script src="assets/pages/scripts/dashboard.min.js" type="text/javascript"></script>
  1239.         <!-- END PAGE LEVEL SCRIPTS -->
  1240.  
  1241.         <!-- BEGIN PAGE LEVEL SCRIPTS -->
  1242.         <script src="assets/pages/scripts/charts-amcharts.min.js" type="text/javascript"></script>
  1243.         <!-- END PAGE LEVEL SCRIPTS -->
  1244.         <script src="assets1/js/libs/autosize/jquery.autosize.min.js"></script>
  1245.         <script src="assets1/js/libs/moment/moment.min.js"></script>
  1246.         <script src="assets1/js/libs/sparkline/jquery.sparkline.min.js"></script>
  1247.         <script src="assets1/js/libs/nanoscroller/jquery.nanoscroller.min.js"></script>
  1248.         <script src="assets1/js/libs/d3/d3.min.js"></script>
  1249.         <script src="assets1/js/libs/d3/d3.v3.js"></script>
  1250.         <script src="assets1/js/libs/rickshaw/rickshaw.min.js"></script>
  1251.         <script src="assets1/js/libs/packery/packery-1.4.2-packery.pkgd.js"></script>
  1252.         <script src="assets1/js/libs/packery/draggabilly.pkgd.js"></script>
  1253.         <script src="assets1/js/core/packery/packery.js"></script>
  1254.         <script src="assets1/js/core/source/App.js"></script>
  1255.         <script src="assets1/js/core/source/AppNavigation.js"></script>
  1256.         <script src="assets1/js/core/source/AppOffcanvas.js"></script>
  1257.         <script src="assets1/js/core/source/AppCard.js"></script>
  1258.         <script src="assets1/js/core/source/AppForm.js"></script>
  1259.         <script src="assets1/js/core/source/AppNavSearch.js"></script>
  1260.         <script src="assets1/js/core/source/AppVendor.js"></script>
  1261.         <script src="assets1/js/core/demo/Demo.js"></script>
  1262.         <script src="assets1/js/core/demo/DemoDashboard.js"></script>
  1263.         <script src="assets1/js/libs/toastr/toastr.js"></script>
  1264.         <script src="assets1/js/libs/jqcloud/jqcloud-1.0.4.js"></script>
  1265.         <script src="assets1/js/libs/leaflet/leaflet.js"></script>
  1266.         <script src="assets1/js/libs/leaflet/leaflet.awesome-markers.min.js"></script>
  1267.         <script src="assets1/js/libs/leaflet/leaflet.markercluster-src.js"></script>
  1268.         <script src="assets1/js/libs/infinite-drag/infinitegrid.js"></script>
  1269.         <script src="assets1/js/core/infinite-drag/wall.js"></script>
  1270.                 <!-- BEGIN THEME LAYOUT SCRIPTS -->
  1271.         <script src="assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
  1272.         <script src="assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
  1273.         <script src="assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
  1274.         <script src="assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
  1275.        
  1276.         <script src="assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
  1277.         <script src="assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
  1278.         <script src="assets/pages/scripts/charts-morris.min.js" type="text/javascript"></script>
  1279.  
  1280.         <!-- ChartJS -->
  1281.         <script src="assets/chart.js/Chart.js"></script>
  1282.         <!-- END THEME LAYOUT SCRIPTS -->
  1283.     </body>
  1284.  
  1285. </html>
  1286. <?php
  1287. }
  1288. else{
  1289. echo "Username or Password Incorrect !";
  1290. header("Location: dashboard/login.php"); /* Redirect browser */}
  1291. }
  1292. else{
  1293. echo "Username or Password Incorrect !";
  1294. header("Location: dashboard/login.php"); /* Redirect browser */}
  1295. ?>
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!