diff --git a/Header/Footer/header.php b/Header/Footer/header.php
index 1299fd2..5de5d26 100644
--- a/Header/Footer/header.php
+++ b/Header/Footer/header.php
@@ -67,16 +67,28 @@
</ul>
<ul class="nav navbar-nav navbar-right">
<?php
+
+ if(isset($_SESSION['user'])){
+
$user=$_SESSION['user'];
$query="select * from temporder where username='$user'";
$result=mysqli_query($conn,$query);
$bp=mysqli_num_rows($result);
-
+
+
?>
<li class="nav-item"><a href="cart.php" class="fa badge fa-lg" value=<?php echo $bp; ?>><span
class="ti-bag"></span></a>
</li>
-
+ <?php
+ }
+ else{
+ ?>
+ <li class="nav-item"><a href="login.php" class="fa badge fa-lg"><span
+ class="ti-bag"></span></a>
+ <?php
+ }
+ ?>
<li class="nav-item">
<button class="search"><span class="lnr lnr-magnifier" id="search"></span></button>
diff --git a/actinfo.php b/actinfo.php
new file mode 100644
index 0000000..46fe0f4
--- /dev/null
+++ b/actinfo.php
@@ -0,0 +1,25 @@
+<?php
+include("functions/init.php");
+ $firstName = $_POST['firstName'];
+ $ID=$_POST['ID'];
+ $lastName = $_POST['lastName'];
+ $phone = $_POST['Phone'];
+ $email = $_POST['email'];
+ $country = $_POST['country'];
+ $ad1=$_POST['add1'];
+ $ad2=$_POST['add2'];
+ $city=$_POST['city'];
+ $zip=$_POST['zip'];
+ $user=$_SESSION['user'];
+ echo $ID;
+ if ($firstName >3 && $lastName >3 && $phone>5 && $ad1>5 && $city>3) {
+ $query="INSERT INTO `informations`(`informationId`, `UserId`, `FirstName`, `LastName`, `Country`, `Addres1`, `Addres2`, `City`, `Phone`, `Zip`,`email`)
+ VALUES (Null,'$user','$firstName','$lastName','$country','$ad1','$ad2','$city','$phone','$zip','$email')";
+ mysqli_query($conn, $query);
+ ?>
+<div class="alert alert-danger" role="alert">Succesfully
+</div>
+<?php
+ header("location: info.php");
+ }
+
\ No newline at end of file
diff --git a/actlogin.php b/actlogin.php
index c952d85..4db9df9 100644
--- a/actlogin.php
+++ b/actlogin.php
@@ -1,26 +1,26 @@
<?php
-include "functions/init.php";
+ include('functions/init.php');
+ $username = $_POST['username'];
+ $password = $_POST['password'];
-$username = $_POST['username'];
-$password = $_POST['password'];
+ $epass=md5($password);
-$epassword = md5($password);
+ $query="select * from users where username='$username' and password='$epass'";
-$query = "select * from users where username='$username' and password='$epassword'";
-
-$result = mysqli_query($conn, $query);
-
-$nr = mysqli_num_rows($result);
-
-if ($nr == 1) {
- echo "You have been logged in";
- $_SESSION['user'] = $username;
- //$_SESSION['role'] = '1';
- header("refresh:2;url=index.php");
- echo "<h1>MARIO</h1>";
-} else {
- echo "Go away. Wrong password or username ";
-
- echo session_id();
- header("url=login.php");
-}
\ No newline at end of file
+ $result=mysqli_query($conn,$query);
+
+ if(mysqli_num_rows($result)==1)
+ {
+ echo "Mario";
+ $row=mysqli_fetch_array($result);
+ $_SESSION['user']=$row['username'];
+ header("location: index.php");
+ }
+ else
+ {
+ echo "<div class='alert alert-danger' role='alert'>Wrong username or password</div>";
+ session_destroy();
+ header("location: login.php");
+ }
+
+?>
\ No newline at end of file
diff --git a/adminPage/index2.php b/adminPage/index2.php
index 708164e..26e52b8 100644
--- a/adminPage/index2.php
+++ b/adminPage/index2.php
@@ -1,3 +1,7 @@
+<?php
+include('../functions/init.php')
+?>
+
<!DOCTYPE html>
<html lang="en">
@@ -15,6 +19,43 @@
<link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/adminlte.min.css">
+
+ <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+ <script type="text/javascript">
+ google.charts.load('current', {
+ 'packages': ['geochart'],
+ });
+ google.charts.setOnLoadCallback(drawRegionsMap);
+
+ function drawRegionsMap() {
+ var data = google.visualization.arrayToDataTable([
+ ['Country', 'Buy'],
+ <?php
+ $query = "SELECT DISTINCT Country FROM informations ";
+ $result = mysqli_query($conn, $query);
+
+ while ($row = mysqli_fetch_object($result)) {
+ $query1 =" SELECT Country
+ FROM informations
+ WHERE Country='$row->Country'"; ?>
+
+ <?php
+ $result1 = mysqli_query($conn, $query1);
+ $br=mysqli_num_rows($result1);
+ ?>['<?php echo $row->Country; ?>', <?php echo $br; ?>],
+
+ <?php
+ }
+ ?>
+ ]);
+
+ var options = {};
+
+ var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
+
+ chart.draw(data, options);
+ }
+ </script>
</head>
<body class="hold-transition dark-mode sidebar-mini layout-fixed layout-navbar-fixed layout-footer-fixed">
@@ -207,9 +248,9 @@ class="fas fa-star"></i></span>
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
data-accordion="false">
<!-- Add icons to the links using the .nav-icon class
- with font-awesome or any other icon font library -->
+ with font-awesome or any other icon font library -->
<li class="nav-item menu-open">
- <a href="./index2.html" class="nav-link active">
+ <a href="./index2.php" class="nav-link active">
<i class="far fa-circle nav-icon"></i>
<p>Dashboard </p>
</a>
@@ -226,39 +267,14 @@ class="fas fa-star"></i></span>
</li>
<li class="nav-item">
- <a href="#" class="nav-link">
+ <a href="pages/charts/chartjs.php" class="nav-link">
<i class="nav-icon fas fa-chart-pie"></i>
<p>
Charts
- <i class="right fas fa-angle-left"></i>
+
</p>
</a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/charts/chartjs.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>ChartJS</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/charts/flot.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Flot</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/charts/inline.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Inline</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/charts/uplot.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>uPlot</p>
- </a>
- </li>
- </ul>
+
</li>
<li class="nav-item">
@@ -318,7 +334,7 @@ class="fas fa-star"></i></span>
<i class="nav-icon fas fa-edit"></i>
<p>
Forms
- <i class="fas fa-angle-left right"></i>
+
</p>
</a>
<ul class="nav nav-treeview">
@@ -399,47 +415,22 @@ class="fas fa-star"></i></span>
<a href="pages/kanban.html" class="nav-link">
<i class="nav-icon fas fa-columns"></i>
<p>
- Kanban Board
+ Order Manager
</p>
</a>
</li>
<li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-envelope"></i>
+ <a href="pages/mailbox/mailbox.php" class="nav-link">
+
<p>
Mailbox
- <i class="fas fa-angle-left right"></i>
+
</p>
</a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/mailbox/mailbox.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Inbox</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/mailbox/compose.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Compose</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/mailbox/read-mail.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Read</p>
- </a>
- </li>
- </ul>
+
</li>
<li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-book"></i>
- <p>
- Pages
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
+
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="pages/examples/invoice.html" class="nav-link">
@@ -516,8 +507,15 @@ class="fas fa-star"></i></span>
class="fas fa-thumbs-up"></i></span>
<div class="info-box-content">
- <span class="info-box-text">Likes</span>
- <span class="info-box-number">41,410</span>
+ <?php
+ $query = "select * from temporder";
+
+ $result = mysqli_query($conn, $query);
+
+ $nr=mysqli_num_rows($result);
+ ?>
+ <span class="info-box-text">Card Items</span>
+ <span class="info-box-number"><?php echo $nr; ?></span>
</div>
<!-- /.info-box-content -->
</div>
@@ -547,8 +545,15 @@ class="fas fa-shopping-cart"></i></span>
<span class="info-box-icon bg-warning elevation-1"><i class="fas fa-users"></i></span>
<div class="info-box-content">
- <span class="info-box-text">New Members</span>
- <span class="info-box-number">2,000</span>
+ <?php
+ $query = "select ID from users";
+
+ $result = mysqli_query($conn, $query);
+
+ $nr=mysqli_num_rows($result);
+ ?>
+ <span class="info-box-text">Members</span>
+ <span class="info-box-number"><?php echo $nr; ?></span>
</div>
<!-- /.info-box-content -->
</div>
@@ -718,36 +723,7 @@ class="fas fa-caret-down"></i> 18%</span>
</div>
</div>
<!-- /.card-header -->
- <div class="card-body p-0">
- <div class="d-md-flex">
- <div class="p-1 flex-fill" style="overflow: hidden">
- <!-- Map will be created here -->
- <div id="world-map-markers" style="height: 325px; overflow: hidden">
- <div class="map"></div>
- </div>
- </div>
- <div class="card-pane-right bg-success pt-2 pb-2 pl-4 pr-4">
- <div class="description-block mb-4">
- <div class="sparkbar pad" data-color="#fff">90,70,90,70,75,80,70</div>
- <h5 class="description-header">8390</h5>
- <span class="description-text">Visits</span>
- </div>
- <!-- /.description-block -->
- <div class="description-block mb-4">
- <div class="sparkbar pad" data-color="#fff">90,50,90,70,61,83,63</div>
- <h5 class="description-header">30%</h5>
- <span class="description-text">Referrals</span>
- </div>
- <!-- /.description-block -->
- <div class="description-block">
- <div class="sparkbar pad" data-color="#fff">90,50,90,70,61,83,63</div>
- <h5 class="description-header">70%</h5>
- <span class="description-text">Organic</span>
- </div>
- <!-- /.description-block -->
- </div><!-- /.card-pane-right -->
- </div><!-- /.d-md-flex -->
- </div>
+ <div id="regions_div" style="width: 648px; height: 500px;"></div>
<!-- /.card-body -->
</div>
<!-- /.card -->
diff --git a/adminPage/pages/charts/chartjs.html b/adminPage/pages/charts/chartjs.html
deleted file mode 100644
index 45fdc9e..0000000
--- a/adminPage/pages/charts/chartjs.html
+++ /dev/null
@@ -1,837 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>AdminLTE 3 | ChartJS</title>
-
- <!-- Google Font: Source Sans Pro -->
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
- <!-- Font Awesome -->
- <link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
- <!-- Theme style -->
- <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
-</head>
-<body class="hold-transition sidebar-mini">
-<div class="wrapper">
- <!-- Navbar -->
- <nav class="main-header navbar navbar-expand navbar-white navbar-light">
- <!-- Left navbar links -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
- </li>
- <li class="nav-item d-none d-sm-inline-block">
- <a href="../../index3.html" class="nav-link">Home</a>
- </li>
- <li class="nav-item d-none d-sm-inline-block">
- <a href="#" class="nav-link">Contact</a>
- </li>
- </ul>
-
- <!-- Right navbar links -->
- <ul class="navbar-nav ml-auto">
- <!-- Navbar Search -->
- <li class="nav-item">
- <a class="nav-link" data-widget="navbar-search" href="#" role="button">
- <i class="fas fa-search"></i>
- </a>
- <div class="navbar-search-block">
- <form class="form-inline">
- <div class="input-group input-group-sm">
- <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
- <div class="input-group-append">
- <button class="btn btn-navbar" type="submit">
- <i class="fas fa-search"></i>
- </button>
- <button class="btn btn-navbar" type="button" data-widget="navbar-search">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- </form>
- </div>
- </li>
-
- <!-- Messages Dropdown Menu -->
- <li class="nav-item dropdown">
- <a class="nav-link" data-toggle="dropdown" href="#">
- <i class="far fa-comments"></i>
- <span class="badge badge-danger navbar-badge">3</span>
- </a>
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- Brad Diesel
- <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">Call me whenever you can...</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- John Pierce
- <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">I got your message bro</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- Nora Silvester
- <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">The subject goes here</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
- </div>
- </li>
- <!-- Notifications Dropdown Menu -->
- <li class="nav-item dropdown">
- <a class="nav-link" data-toggle="dropdown" href="#">
- <i class="far fa-bell"></i>
- <span class="badge badge-warning navbar-badge">15</span>
- </a>
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
- <span class="dropdown-item dropdown-header">15 Notifications</span>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-envelope mr-2"></i> 4 new messages
- <span class="float-right text-muted text-sm">3 mins</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-users mr-2"></i> 8 friend requests
- <span class="float-right text-muted text-sm">12 hours</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-file mr-2"></i> 3 new reports
- <span class="float-right text-muted text-sm">2 days</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
- </div>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-widget="fullscreen" href="#" role="button">
- <i class="fas fa-expand-arrows-alt"></i>
- </a>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
- <i class="fas fa-th-large"></i>
- </a>
- </li>
- </ul>
- </nav>
- <!-- /.navbar -->
-
- <!-- Main Sidebar Container -->
- <aside class="main-sidebar sidebar-dark-primary elevation-4">
- <!-- Brand Logo -->
- <a href="index3.html" class="brand-link">
- <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
- style="opacity: .8">
- <span class="brand-text font-weight-light">AdminLTE 3</span>
- </a>
-
- <!-- Sidebar -->
- <div class="sidebar">
- <!-- Sidebar user panel (optional) -->
- <div class="user-panel mt-3 pb-3 mb-3 d-flex">
- <div class="image">
- <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
- </div>
- <div class="info">
- <a href="#" class="d-block">Alexander Pierce</a>
- </div>
- </div>
-
- <!-- SidebarSearch Form -->
- <div class="form-inline">
- <div class="input-group" data-widget="sidebar-search">
- <input class="form-control form-control-sidebar" type="search" placeholder="Search"
- aria-label="Search">
- <div class="input-group-append">
- <button class="btn btn-sidebar">
- <i class="fas fa-search fa-fw"></i>
- </button>
- </div>
- </div>
- </div>
-
- <!-- Sidebar Menu -->
- <nav class="mt-2">
- <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
- data-accordion="false">
- <!-- Add icons to the links using the .nav-icon class
- with font-awesome or any other icon font library -->
- <li class="nav-item menu-open">
- <a href="./index2.html" class="nav-link active">
- <i class="far fa-circle nav-icon"></i>
- <p>Dashboard </p>
- </a>
-
- </li>
- <li class="nav-item">
- <a href="pages/widgets.html" class="nav-link">
- <i class="nav-icon fas fa-th"></i>
- <p>
- Widgets
- <span class="right badge badge-danger">New</span>
- </p>
- </a>
- </li>
-
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-chart-pie"></i>
- <p>
- Charts
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/charts/chartjs.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>ChartJS</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/charts/flot.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Flot</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/charts/inline.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Inline</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/charts/uplot.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>uPlot</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
-
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/UI/general.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>General</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/icons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Icons</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/buttons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Buttons</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/sliders.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Sliders</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/modals.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Modals & Alerts</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/navbar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Navbar & Tabs</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/timeline.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Timeline</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/ribbons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Ribbons</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-edit"></i>
- <p>
- Forms
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/forms/general.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>General Elements</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/forms/advanced.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Advanced Elements</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/forms/editors.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Editors</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/forms/validation.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Validation</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-table"></i>
- <p>
- Tables
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/tables/simple.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Simple Tables</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/tables/data.php" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Users</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/tables/jsgrid.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>jsGrid</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-header">EXAMPLES</li>
- <li class="nav-item">
- <a href="pages/calendar.html" class="nav-link">
- <i class="nav-icon fas fa-calendar-alt"></i>
- <p>
- Calendar
- <span class="badge badge-info right">2</span>
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/gallery.html" class="nav-link">
- <i class="nav-icon far fa-image"></i>
- <p>
- Gallery
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/kanban.html" class="nav-link">
- <i class="nav-icon fas fa-columns"></i>
- <p>
- Kanban Board
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-envelope"></i>
- <p>
- Mailbox
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/mailbox/mailbox.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Inbox</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/mailbox/compose.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Compose</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/mailbox/read-mail.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Read</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-book"></i>
- <p>
- Pages
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/examples/invoice.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Invoice</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/profile.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Profile</p>
- </a>
- </li>
-
-
-
- </ul>
- </li>
-
-
-
-
- </ul>
- </nav>
- <!-- /.sidebar-menu -->
- </div>
- <!-- /.sidebar -->
-</aside>
-
- <!-- Content Wrapper. Contains page content -->
- <div class="content-wrapper">
- <!-- Content Header (Page header) -->
- <section class="content-header">
- <div class="container-fluid">
- <div class="row mb-2">
- <div class="col-sm-6">
- <h1>ChartJS</h1>
- </div>
- <div class="col-sm-6">
- <ol class="breadcrumb float-sm-right">
- <li class="breadcrumb-item"><a href="#">Home</a></li>
- <li class="breadcrumb-item active">ChartJS</li>
- </ol>
- </div>
- </div>
- </div><!-- /.container-fluid -->
- </section>
-
- <!-- Main content -->
- <section class="content">
- <div class="container-fluid">
- <div class="row">
- <div class="col-md-6">
- <!-- AREA CHART -->
- <div class="card card-primary">
- <div class="card-header">
- <h3 class="card-title">Area Chart</h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <div class="chart">
- <canvas id="areaChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
- </div>
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
-
- <!-- DONUT CHART -->
- <div class="card card-danger">
- <div class="card-header">
- <h3 class="card-title">Donut Chart</h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <canvas id="donutChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
-
- <!-- PIE CHART -->
- <div class="card card-danger">
- <div class="card-header">
- <h3 class="card-title">Pie Chart</h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <canvas id="pieChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
-
- </div>
- <!-- /.col (LEFT) -->
- <div class="col-md-6">
- <!-- LINE CHART -->
- <div class="card card-info">
- <div class="card-header">
- <h3 class="card-title">Line Chart</h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <div class="chart">
- <canvas id="lineChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
- </div>
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
-
- <!-- BAR CHART -->
- <div class="card card-success">
- <div class="card-header">
- <h3 class="card-title">Bar Chart</h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <div class="chart">
- <canvas id="barChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
- </div>
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
-
- <!-- STACKED BAR CHART -->
- <div class="card card-success">
- <div class="card-header">
- <h3 class="card-title">Stacked Bar Chart</h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <div class="chart">
- <canvas id="stackedBarChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
- </div>
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
-
- </div>
- <!-- /.col (RIGHT) -->
- </div>
- <!-- /.row -->
- </div><!-- /.container-fluid -->
- </section>
- <!-- /.content -->
- </div>
- <!-- /.content-wrapper -->
- <footer class="main-footer">
- <div class="float-right d-none d-sm-block">
- <b>Version</b> 3.1.0
- </div>
- <strong>Copyright © 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
- </footer>
-
- <!-- Control Sidebar -->
- <aside class="control-sidebar control-sidebar-dark">
- <!-- Add Content Here -->
- </aside>
- <!-- /.control-sidebar -->
-</div>
-<!-- ./wrapper -->
-
-<!-- jQuery -->
-<script src="../../plugins/jquery/jquery.min.js"></script>
-<!-- Bootstrap 4 -->
-<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
-<!-- ChartJS -->
-<script src="../../plugins/chart.js/Chart.min.js"></script>
-<!-- AdminLTE App -->
-<script src="../../dist/js/adminlte.min.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
-<!-- Page specific script -->
-<script>
- $(function () {
- /* ChartJS
- * -------
- * Here we will create a few charts using ChartJS
- */
-
- //--------------
- //- AREA CHART -
- //--------------
-
- // Get context with jQuery - using jQuery's .get() method.
- var areaChartCanvas = $('#areaChart').get(0).getContext('2d')
-
- var areaChartData = {
- labels : ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
- datasets: [
- {
- label : 'Digital Goods',
- backgroundColor : 'rgba(60,141,188,0.9)',
- borderColor : 'rgba(60,141,188,0.8)',
- pointRadius : false,
- pointColor : '#3b8bba',
- pointStrokeColor : 'rgba(60,141,188,1)',
- pointHighlightFill : '#fff',
- pointHighlightStroke: 'rgba(60,141,188,1)',
- data : [28, 48, 40, 19, 86, 27, 90]
- },
- {
- label : 'Electronics',
- backgroundColor : 'rgba(210, 214, 222, 1)',
- borderColor : 'rgba(210, 214, 222, 1)',
- pointRadius : false,
- pointColor : 'rgba(210, 214, 222, 1)',
- pointStrokeColor : '#c1c7d1',
- pointHighlightFill : '#fff',
- pointHighlightStroke: 'rgba(220,220,220,1)',
- data : [65, 59, 80, 81, 56, 55, 40]
- },
- ]
- }
-
- var areaChartOptions = {
- maintainAspectRatio : false,
- responsive : true,
- legend: {
- display: false
- },
- scales: {
- xAxes: [{
- gridLines : {
- display : false,
- }
- }],
- yAxes: [{
- gridLines : {
- display : false,
- }
- }]
- }
- }
-
- // This will get the first returned node in the jQuery collection.
- new Chart(areaChartCanvas, {
- type: 'line',
- data: areaChartData,
- options: areaChartOptions
- })
-
- //-------------
- //- LINE CHART -
- //--------------
- var lineChartCanvas = $('#lineChart').get(0).getContext('2d')
- var lineChartOptions = $.extend(true, {}, areaChartOptions)
- var lineChartData = $.extend(true, {}, areaChartData)
- lineChartData.datasets[0].fill = false;
- lineChartData.datasets[1].fill = false;
- lineChartOptions.datasetFill = false
-
- var lineChart = new Chart(lineChartCanvas, {
- type: 'line',
- data: lineChartData,
- options: lineChartOptions
- })
-
- //-------------
- //- DONUT CHART -
- //-------------
- // Get context with jQuery - using jQuery's .get() method.
- var donutChartCanvas = $('#donutChart').get(0).getContext('2d')
- var donutData = {
- labels: [
- 'Chrome',
- 'IE',
- 'FireFox',
- 'Safari',
- 'Opera',
- 'Navigator',
- ],
- datasets: [
- {
- data: [700,500,400,600,300,100],
- backgroundColor : ['#f56954', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de'],
- }
- ]
- }
- var donutOptions = {
- maintainAspectRatio : false,
- responsive : true,
- }
- //Create pie or douhnut chart
- // You can switch between pie and douhnut using the method below.
- new Chart(donutChartCanvas, {
- type: 'doughnut',
- data: donutData,
- options: donutOptions
- })
-
- //-------------
- //- PIE CHART -
- //-------------
- // Get context with jQuery - using jQuery's .get() method.
- var pieChartCanvas = $('#pieChart').get(0).getContext('2d')
- var pieData = donutData;
- var pieOptions = {
- maintainAspectRatio : false,
- responsive : true,
- }
- //Create pie or douhnut chart
- // You can switch between pie and douhnut using the method below.
- new Chart(pieChartCanvas, {
- type: 'pie',
- data: pieData,
- options: pieOptions
- })
-
- //-------------
- //- BAR CHART -
- //-------------
- var barChartCanvas = $('#barChart').get(0).getContext('2d')
- var barChartData = $.extend(true, {}, areaChartData)
- var temp0 = areaChartData.datasets[0]
- var temp1 = areaChartData.datasets[1]
- barChartData.datasets[0] = temp1
- barChartData.datasets[1] = temp0
-
- var barChartOptions = {
- responsive : true,
- maintainAspectRatio : false,
- datasetFill : false
- }
-
- new Chart(barChartCanvas, {
- type: 'bar',
- data: barChartData,
- options: barChartOptions
- })
-
- //---------------------
- //- STACKED BAR CHART -
- //---------------------
- var stackedBarChartCanvas = $('#stackedBarChart').get(0).getContext('2d')
- var stackedBarChartData = $.extend(true, {}, barChartData)
-
- var stackedBarChartOptions = {
- responsive : true,
- maintainAspectRatio : false,
- scales: {
- xAxes: [{
- stacked: true,
- }],
- yAxes: [{
- stacked: true
- }]
- }
- }
-
- new Chart(stackedBarChartCanvas, {
- type: 'bar',
- data: stackedBarChartData,
- options: stackedBarChartOptions
- })
- })
-</script>
-</body>
-</html>
diff --git a/adminPage/pages/charts/chartjs.php b/adminPage/pages/charts/chartjs.php
new file mode 100644
index 0000000..3256cc9
--- /dev/null
+++ b/adminPage/pages/charts/chartjs.php
@@ -0,0 +1,824 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>AdminLTE 3 | ChartJS</title>
+
+ <!-- Google Font: Source Sans Pro -->
+ <link rel="stylesheet"
+ href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
+ <!-- Font Awesome -->
+ <link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
+ <!-- Theme style -->
+ <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
+</head>
+
+<body class="hold-transition sidebar-mini">
+ <div class="wrapper">
+ <!-- Navbar -->
+ <nav class="main-header navbar navbar-expand navbar-white navbar-light">
+ <!-- Left navbar links -->
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
+ </li>
+ <li class="nav-item d-none d-sm-inline-block">
+ <a href="../../index3.html" class="nav-link">Home</a>
+ </li>
+ <li class="nav-item d-none d-sm-inline-block">
+ <a href="#" class="nav-link">Contact</a>
+ </li>
+ </ul>
+
+ <!-- Right navbar links -->
+ <ul class="navbar-nav ml-auto">
+ <!-- Navbar Search -->
+ <li class="nav-item">
+ <a class="nav-link" data-widget="navbar-search" href="#" role="button">
+ <i class="fas fa-search"></i>
+ </a>
+ <div class="navbar-search-block">
+ <form class="form-inline">
+ <div class="input-group input-group-sm">
+ <input class="form-control form-control-navbar" type="search" placeholder="Search"
+ aria-label="Search">
+ <div class="input-group-append">
+ <button class="btn btn-navbar" type="submit">
+ <i class="fas fa-search"></i>
+ </button>
+ <button class="btn btn-navbar" type="button" data-widget="navbar-search">
+
+ </button>
+ </div>
+ </div>
+ </form>
+ </div>
+ </li>
+
+ <!-- Messages Dropdown Menu -->
+ <li class="nav-item dropdown">
+ <a class="nav-link" data-toggle="dropdown" href="#">
+ <i class="far fa-comments"></i>
+ <span class="badge badge-danger navbar-badge">3</span>
+ </a>
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
+ <a href="#" class="dropdown-item">
+ <!-- Message Start -->
+ <div class="media">
+ <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar"
+ class="img-size-50 mr-3 img-circle">
+ <div class="media-body">
+ <h3 class="dropdown-item-title">
+ Brad Diesel
+ <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
+ </h3>
+ <p class="text-sm">Call me whenever you can...</p>
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
+ </div>
+ </div>
+ <!-- Message End -->
+ </a>
+ <div class="dropdown-divider"></div>
+ <a href="#" class="dropdown-item">
+ <!-- Message Start -->
+ <div class="media">
+ <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar"
+ class="img-size-50 img-circle mr-3">
+ <div class="media-body">
+ <h3 class="dropdown-item-title">
+ John Pierce
+ <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
+ </h3>
+ <p class="text-sm">I got your message bro</p>
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
+ </div>
+ </div>
+ <!-- Message End -->
+ </a>
+ <div class="dropdown-divider"></div>
+ <a href="#" class="dropdown-item">
+ <!-- Message Start -->
+ <div class="media">
+ <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar"
+ class="img-size-50 img-circle mr-3">
+ <div class="media-body">
+ <h3 class="dropdown-item-title">
+ Nora Silvester
+ <span class="float-right text-sm text-warning"><i
+ class="fas fa-star"></i></span>
+ </h3>
+ <p class="text-sm">The subject goes here</p>
+ <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
+ </div>
+ </div>
+ <!-- Message End -->
+ </a>
+ <div class="dropdown-divider"></div>
+ <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
+ </div>
+ </li>
+ <!-- Notifications Dropdown Menu -->
+ <li class="nav-item dropdown">
+ <a class="nav-link" data-toggle="dropdown" href="#">
+ <i class="far fa-bell"></i>
+ <span class="badge badge-warning navbar-badge">15</span>
+ </a>
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
+ <span class="dropdown-item dropdown-header">15 Notifications</span>
+ <div class="dropdown-divider"></div>
+ <a href="#" class="dropdown-item">
+ <i class="fas fa-envelope mr-2"></i> 4 new messages
+ <span class="float-right text-muted text-sm">3 mins</span>
+ </a>
+ <div class="dropdown-divider"></div>
+ <a href="#" class="dropdown-item">
+ <i class="fas fa-users mr-2"></i> 8 friend requests
+ <span class="float-right text-muted text-sm">12 hours</span>
+ </a>
+ <div class="dropdown-divider"></div>
+ <a href="#" class="dropdown-item">
+ <i class="fas fa-file mr-2"></i> 3 new reports
+ <span class="float-right text-muted text-sm">2 days</span>
+ </a>
+ <div class="dropdown-divider"></div>
+ <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
+ </div>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" data-widget="fullscreen" href="#" role="button">
+ <i class="fas fa-expand-arrows-alt"></i>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
+ <i class="fas fa-th-large"></i>
+ </a>
+ </li>
+ </ul>
+ </nav>
+ <!-- /.navbar -->
+
+ <!-- Main Sidebar Container -->
+ <aside class="main-sidebar sidebar-dark-primary elevation-4">
+ <!-- Brand Logo -->
+ <a href="index3.html" class="brand-link">
+ <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
+ style="opacity: .8">
+ <span class="brand-text font-weight-light">AdminLTE 3</span>
+ </a>
+
+ <!-- Sidebar -->
+ <div class="sidebar">
+ <!-- Sidebar user panel (optional) -->
+ <div class="user-panel mt-3 pb-3 mb-3 d-flex">
+ <div class="image">
+ <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
+ </div>
+ <div class="info">
+ <a href="#" class="d-block">Alexander Pierce</a>
+ </div>
+ </div>
+
+ <!-- SidebarSearch Form -->
+ <div class="form-inline">
+ <div class="input-group" data-widget="sidebar-search">
+ <input class="form-control form-control-sidebar" type="search" placeholder="Search"
+ aria-label="Search">
+ <div class="input-group-append">
+ <button class="btn btn-sidebar">
+ <i class="fas fa-search fa-fw"></i>
+ </button>
+ </div>
+ </div>
+ </div>
+
+ <!-- Sidebar Menu -->
+ <nav class="mt-2">
+ <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
+ data-accordion="false">
+ <!-- Add icons to the links using the .nav-icon class
+ with font-awesome or any other icon font library -->
+ <li class="nav-item menu-open">
+ <a href="./index2.php" class="nav-link active">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Dashboard </p>
+ </a>
+
+ </li>
+ <li class="nav-item">
+ <a href="pages/widgets.html" class="nav-link">
+ <i class="nav-icon fas fa-th"></i>
+ <p>
+ Widgets
+ <span class="right badge badge-danger">New</span>
+ </p>
+ </a>
+ </li>
+
+ <li class="nav-item">
+ <a href="pages/charts/chartjs.php" class="nav-link">
+ <i class="nav-icon fas fa-chart-pie"></i>
+ <p>
+ Charts
+ <i class="right fas fa-angle-left"></i>
+ </p>
+ </a>
+ </li>
+ <li class="nav-item">
+
+ <ul class="nav nav-treeview">
+ <li class="nav-item">
+ <a href="pages/UI/general.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>General</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/UI/icons.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Icons</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/UI/buttons.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Buttons</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/UI/sliders.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Sliders</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/UI/modals.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Modals & Alerts</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/UI/navbar.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Navbar & Tabs</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/UI/timeline.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Timeline</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/UI/ribbons.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Ribbons</p>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a href="#" class="nav-link">
+ <i class="nav-icon fas fa-edit"></i>
+ <p>
+ Forms
+ <i class="fas fa-angle-left right"></i>
+ </p>
+ </a>
+ <ul class="nav nav-treeview">
+ <li class="nav-item">
+ <a href="pages/forms/general.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>General Elements</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/forms/advanced.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Advanced Elements</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/forms/editors.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Editors</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/forms/validation.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Validation</p>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a href="#" class="nav-link">
+ <i class="nav-icon fas fa-table"></i>
+ <p>
+ Tables
+ <i class="fas fa-angle-left right"></i>
+ </p>
+ </a>
+ <ul class="nav nav-treeview">
+ <li class="nav-item">
+ <a href="pages/tables/simple.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Simple Tables</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="data.php" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Users</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/tables/jsgrid.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>jsGrid</p>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="nav-header">EXAMPLES</li>
+ <li class="nav-item">
+ <a href="pages/calendar.html" class="nav-link">
+ <i class="nav-icon fas fa-calendar-alt"></i>
+ <p>
+ Calendar
+ <span class="badge badge-info right">2</span>
+ </p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/gallery.html" class="nav-link">
+ <i class="nav-icon far fa-image"></i>
+ <p>
+ Gallery
+ </p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/kanban.html" class="nav-link">
+ <i class="nav-icon fas fa-columns"></i>
+ <p>
+ Kanban Board
+ </p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="#" class="nav-link">
+ <i class="nav-icon far fa-envelope"></i>
+ <p>
+ Mailbox
+ <i class="fas fa-angle-left right"></i>
+ </p>
+ </a>
+ <ul class="nav nav-treeview">
+ <li class="nav-item">
+ <a href="pages/mailbox/mailbox.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Inbox</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/mailbox/compose.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Compose</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/mailbox/read-mail.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Read</p>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a href="#" class="nav-link">
+ <i class="nav-icon fas fa-book"></i>
+ <p>
+ Pages
+ <i class="fas fa-angle-left right"></i>
+ </p>
+ </a>
+ <ul class="nav nav-treeview">
+ <li class="nav-item">
+ <a href="pages/examples/invoice.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Invoice</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="pages/examples/profile.html" class="nav-link">
+ <i class="far fa-circle nav-icon"></i>
+ <p>Profile</p>
+ </a>
+ </li>
+
+
+
+ </ul>
+ </li>
+
+
+
+
+ </ul>
+ </nav>
+ <!-- /.sidebar-menu -->
+ </div>
+ <!-- /.sidebar -->
+ </aside>
+
+ <!-- Content Wrapper. Contains page content -->
+ <div class="content-wrapper">
+ <!-- Content Header (Page header) -->
+ <section class="content-header">
+ <div class="container-fluid">
+ <div class="row mb-2">
+ <div class="col-sm-6">
+ <h1>ChartJS</h1>
+ </div>
+ <div class="col-sm-6">
+ <ol class="breadcrumb float-sm-right">
+ <li class="breadcrumb-item"><a href="#">Home</a></li>
+ <li class="breadcrumb-item active">ChartJS</li>
+ </ol>
+ </div>
+ </div>
+ </div><!-- /.container-fluid -->
+ </section>
+
+ <!-- Main content -->
+ <section class="content">
+ <div class="container-fluid">
+ <div class="row">
+ <div class="col-md-6">
+ <!-- AREA CHART -->
+ <div class="card card-primary">
+ <div class="card-header">
+ <h3 class="card-title">Area Chart</h3>
+
+ <div class="card-tools">
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
+ <i class="fas fa-minus"></i>
+ </button>
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
+
+ </button>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="chart">
+ <canvas id="areaChart"
+ style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
+ </div>
+ </div>
+ <!-- /.card-body -->
+ </div>
+ <!-- /.card -->
+
+ <!-- DONUT CHART -->
+ <div class="card card-danger">
+ <div class="card-header">
+ <h3 class="card-title">Donut Chart</h3>
+
+ <div class="card-tools">
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
+ <i class="fas fa-minus"></i>
+ </button>
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
+
+ </button>
+ </div>
+ </div>
+ <div class="card-body">
+ <canvas id="donutChart"
+ style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
+ </div>
+ <!-- /.card-body -->
+ </div>
+ <!-- /.card -->
+
+ <!-- PIE CHART -->
+ <div class="card card-danger">
+ <div class="card-header">
+ <h3 class="card-title">Pie Chart</h3>
+
+ <div class="card-tools">
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
+ <i class="fas fa-minus"></i>
+ </button>
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
+
+ </button>
+ </div>
+ </div>
+ <div class="card-body">
+ <canvas id="pieChart"
+ style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
+ </div>
+ <!-- /.card-body -->
+ </div>
+ <!-- /.card -->
+
+ </div>
+ <!-- /.col (LEFT) -->
+ <div class="col-md-6">
+ <!-- LINE CHART -->
+ <div class="card card-info">
+ <div class="card-header">
+ <h3 class="card-title">Line Chart</h3>
+
+ <div class="card-tools">
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
+ <i class="fas fa-minus"></i>
+ </button>
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
+
+ </button>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="chart">
+ <canvas id="lineChart"
+ style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
+ </div>
+ </div>
+ <!-- /.card-body -->
+ </div>
+ <!-- /.card -->
+
+ <!-- BAR CHART -->
+ <div class="card card-success">
+ <div class="card-header">
+ <h3 class="card-title">Bar Chart</h3>
+
+ <div class="card-tools">
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
+ <i class="fas fa-minus"></i>
+ </button>
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
+
+ </button>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="chart">
+ <canvas id="barChart"
+ style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
+ </div>
+ </div>
+ <!-- /.card-body -->
+ </div>
+ <!-- /.card -->
+
+ <!-- STACKED BAR CHART -->
+ <div class="card card-success">
+ <div class="card-header">
+ <h3 class="card-title">Stacked Bar Chart</h3>
+
+ <div class="card-tools">
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
+ <i class="fas fa-minus"></i>
+ </button>
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
+
+ </button>
+ </div>
+ </div>
+ <div class="card-body">
+ <div class="chart">
+ <canvas id="stackedBarChart"
+ style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
+ </div>
+ </div>
+ <!-- /.card-body -->
+ </div>
+ <!-- /.card -->
+
+ </div>
+ <!-- /.col (RIGHT) -->
+ </div>
+ <!-- /.row -->
+ </div><!-- /.container-fluid -->
+ </section>
+ <!-- /.content -->
+ </div>
+ <!-- /.content-wrapper -->
+ <footer class="main-footer">
+ <div class="float-right d-none d-sm-block">
+ <b>Version</b> 3.1.0
+ </div>
+ <strong>Copyright © 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights
+ reserved.
+ </footer>
+
+ <!-- Control Sidebar -->
+ <aside class="control-sidebar control-sidebar-dark">
+ <!-- Add Content Here -->
+ </aside>
+ <!-- /.control-sidebar -->
+ </div>
+ <!-- ./wrapper -->
+
+ <!-- jQuery -->
+ <script src="../../plugins/jquery/jquery.min.js"></script>
+ <!-- Bootstrap 4 -->
+ <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
+ <!-- ChartJS -->
+ <script src="../../plugins/chart.js/Chart.min.js"></script>
+ <!-- AdminLTE App -->
+ <script src="../../dist/js/adminlte.min.js"></script>
+ <!-- AdminLTE for demo purposes -->
+ <script src="../../dist/js/demo.js"></script>
+ <!-- Page specific script -->
+ <script>
+ $(function() {
+ /* ChartJS
+ * -------
+ * Here we will create a few charts using ChartJS
+ */
+
+ //--------------
+ //- AREA CHART -
+ //--------------
+
+ // Get context with jQuery - using jQuery's .get() method.
+ var areaChartCanvas = $('#areaChart').get(0).getContext('2d')
+
+ var areaChartData = {
+ labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+ datasets: [{
+ label: 'Digital Goods',
+ backgroundColor: 'rgba(60,141,188,0.9)',
+ borderColor: 'rgba(60,141,188,0.8)',
+ pointRadius: false,
+ pointColor: '#3b8bba',
+ pointStrokeColor: 'rgba(60,141,188,1)',
+ pointHighlightFill: '#fff',
+ pointHighlightStroke: 'rgba(60,141,188,1)',
+ data: [28, 48, 40, 19, 86, 27, 90]
+ },
+ {
+ label: 'Electronics',
+ backgroundColor: 'rgba(210, 214, 222, 1)',
+ borderColor: 'rgba(210, 214, 222, 1)',
+ pointRadius: false,
+ pointColor: 'rgba(210, 214, 222, 1)',
+ pointStrokeColor: '#c1c7d1',
+ pointHighlightFill: '#fff',
+ pointHighlightStroke: 'rgba(220,220,220,1)',
+ data: [65, 59, 80, 81, 56, 55, 40]
+ },
+ ]
+ }
+
+ var areaChartOptions = {
+ maintainAspectRatio: false,
+ responsive: true,
+ legend: {
+ display: false
+ },
+ scales: {
+ xAxes: [{
+ gridLines: {
+ display: false,
+ }
+ }],
+ yAxes: [{
+ gridLines: {
+ display: false,
+ }
+ }]
+ }
+ }
+
+ // This will get the first returned node in the jQuery collection.
+ new Chart(areaChartCanvas, {
+ type: 'line',
+ data: areaChartData,
+ options: areaChartOptions
+ })
+
+ //-------------
+ //- LINE CHART -
+ //--------------
+ var lineChartCanvas = $('#lineChart').get(0).getContext('2d')
+ var lineChartOptions = $.extend(true, {}, areaChartOptions)
+ var lineChartData = $.extend(true, {}, areaChartData)
+ lineChartData.datasets[0].fill = false;
+ lineChartData.datasets[1].fill = false;
+ lineChartOptions.datasetFill = false
+
+ var lineChart = new Chart(lineChartCanvas, {
+ type: 'line',
+ data: lineChartData,
+ options: lineChartOptions
+ })
+
+ //-------------
+ //- DONUT CHART -
+ //-------------
+ // Get context with jQuery - using jQuery's .get() method.
+ var donutChartCanvas = $('#donutChart').get(0).getContext('2d')
+ var donutData = {
+ labels: [
+ 'Chrome',
+ 'IE',
+ 'FireFox',
+ 'Safari',
+ 'Opera',
+ 'Navigator',
+ ],
+ datasets: [{
+ data: [700, 500, 400, 600, 300, 100],
+ backgroundColor: ['#f56954', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de'],
+ }]
+ }
+ var donutOptions = {
+ maintainAspectRatio: false,
+ responsive: true,
+ }
+ //Create pie or douhnut chart
+ // You can switch between pie and douhnut using the method below.
+ new Chart(donutChartCanvas, {
+ type: 'doughnut',
+ data: donutData,
+ options: donutOptions
+ })
+
+ //-------------
+ //- PIE CHART -
+ //-------------
+ // Get context with jQuery - using jQuery's .get() method.
+ var pieChartCanvas = $('#pieChart').get(0).getContext('2d')
+ var pieData = donutData;
+ var pieOptions = {
+ maintainAspectRatio: false,
+ responsive: true,
+ }
+ //Create pie or douhnut chart
+ // You can switch between pie and douhnut using the method below.
+ new Chart(pieChartCanvas, {
+ type: 'pie',
+ data: pieData,
+ options: pieOptions
+ })
+
+ //-------------
+ //- BAR CHART -
+ //-------------
+ var barChartCanvas = $('#barChart').get(0).getContext('2d')
+ var barChartData = $.extend(true, {}, areaChartData)
+ var temp0 = areaChartData.datasets[0]
+ var temp1 = areaChartData.datasets[1]
+ barChartData.datasets[0] = temp1
+ barChartData.datasets[1] = temp0
+
+ var barChartOptions = {
+ responsive: true,
+ maintainAspectRatio: false,
+ datasetFill: false
+ }
+
+ new Chart(barChartCanvas, {
+ type: 'bar',
+ data: barChartData,
+ options: barChartOptions
+ })
+
+ //---------------------
+ //- STACKED BAR CHART -
+ //---------------------
+ var stackedBarChartCanvas = $('#stackedBarChart').get(0).getContext('2d')
+ var stackedBarChartData = $.extend(true, {}, barChartData)
+
+ var stackedBarChartOptions = {
+ responsive: true,
+ maintainAspectRatio: false,
+ scales: {
+ xAxes: [{
+ stacked: true,
+ }],
+ yAxes: [{
+ stacked: true
+ }]
+ }
+ }
+
+ new Chart(stackedBarChartCanvas, {
+ type: 'bar',
+ data: stackedBarChartData,
+ options: stackedBarChartOptions
+ })
+ })
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/adminPage/pages/charts/flot.html b/adminPage/pages/charts/flot.html
deleted file mode 100644
index 1188445..0000000
--- a/adminPage/pages/charts/flot.html
+++ /dev/null
@@ -1,1312 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>AdminLTE 3 | Flot Charts</title>
-
- <!-- Google Font: Source Sans Pro -->
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
- <!-- Font Awesome -->
- <link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
- <!-- Theme style -->
- <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
-</head>
-<body class="hold-transition sidebar-mini">
-<div class="wrapper">
- <!-- Navbar -->
- <nav class="main-header navbar navbar-expand navbar-white navbar-light">
- <!-- Left navbar links -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
- </li>
- <li class="nav-item d-none d-sm-inline-block">
- <a href="../../index3.html" class="nav-link">Home</a>
- </li>
- <li class="nav-item d-none d-sm-inline-block">
- <a href="#" class="nav-link">Contact</a>
- </li>
- </ul>
-
- <!-- Right navbar links -->
- <ul class="navbar-nav ml-auto">
- <!-- Navbar Search -->
- <li class="nav-item">
- <a class="nav-link" data-widget="navbar-search" href="#" role="button">
- <i class="fas fa-search"></i>
- </a>
- <div class="navbar-search-block">
- <form class="form-inline">
- <div class="input-group input-group-sm">
- <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
- <div class="input-group-append">
- <button class="btn btn-navbar" type="submit">
- <i class="fas fa-search"></i>
- </button>
- <button class="btn btn-navbar" type="button" data-widget="navbar-search">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- </form>
- </div>
- </li>
-
- <!-- Messages Dropdown Menu -->
- <li class="nav-item dropdown">
- <a class="nav-link" data-toggle="dropdown" href="#">
- <i class="far fa-comments"></i>
- <span class="badge badge-danger navbar-badge">3</span>
- </a>
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- Brad Diesel
- <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">Call me whenever you can...</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- John Pierce
- <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">I got your message bro</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- Nora Silvester
- <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">The subject goes here</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
- </div>
- </li>
- <!-- Notifications Dropdown Menu -->
- <li class="nav-item dropdown">
- <a class="nav-link" data-toggle="dropdown" href="#">
- <i class="far fa-bell"></i>
- <span class="badge badge-warning navbar-badge">15</span>
- </a>
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
- <span class="dropdown-item dropdown-header">15 Notifications</span>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-envelope mr-2"></i> 4 new messages
- <span class="float-right text-muted text-sm">3 mins</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-users mr-2"></i> 8 friend requests
- <span class="float-right text-muted text-sm">12 hours</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-file mr-2"></i> 3 new reports
- <span class="float-right text-muted text-sm">2 days</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
- </div>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-widget="fullscreen" href="#" role="button">
- <i class="fas fa-expand-arrows-alt"></i>
- </a>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
- <i class="fas fa-th-large"></i>
- </a>
- </li>
- </ul>
- </nav>
- <!-- /.navbar -->
-
- <!-- Main Sidebar Container -->
- <aside class="main-sidebar sidebar-dark-primary elevation-4">
- <!-- Brand Logo -->
- <a href="../../index3.html" class="brand-link">
- <img src="../../dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
- <span class="brand-text font-weight-light">AdminLTE 3</span>
- </a>
-
- <!-- Sidebar -->
- <div class="sidebar">
- <!-- Sidebar user panel (optional) -->
- <div class="user-panel mt-3 pb-3 mb-3 d-flex">
- <div class="image">
- <img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
- </div>
- <div class="info">
- <a href="#" class="d-block">Alexander Pierce</a>
- </div>
- </div>
-
- <!-- SidebarSearch Form -->
- <div class="form-inline">
- <div class="input-group" data-widget="sidebar-search">
- <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
- <div class="input-group-append">
- <button class="btn btn-sidebar">
- <i class="fas fa-search fa-fw"></i>
- </button>
- </div>
- </div>
- </div>
-
- <!-- Sidebar Menu -->
- <nav class="mt-2">
- <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
- <!-- Add icons to the links using the .nav-icon class
- with font-awesome or any other icon font library -->
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-tachometer-alt"></i>
- <p>
- Dashboard
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../../index.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Dashboard v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../../index2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Dashboard v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../../index3.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Dashboard v3</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="../widgets.html" class="nav-link">
- <i class="nav-icon fas fa-th"></i>
- <p>
- Widgets
- <span class="right badge badge-danger">New</span>
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-copy"></i>
- <p>
- Layout Options
- <i class="fas fa-angle-left right"></i>
- <span class="badge badge-info right">6</span>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../layout/top-nav.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Top Navigation</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/top-nav-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Top Navigation + Sidebar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/boxed.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Boxed</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Sidebar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-sidebar-custom.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Sidebar <small>+ Custom Area</small></p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-topnav.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Navbar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-footer.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Footer</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/collapsed-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Collapsed Sidebar</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item menu-open">
- <a href="#" class="nav-link active">
- <i class="nav-icon fas fa-chart-pie"></i>
- <p>
- Charts
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="chartjs.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>ChartJS</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="flot.html" class="nav-link active">
- <i class="far fa-circle nav-icon"></i>
- <p>Flot</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="inline.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Inline</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="uplot.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>uPlot</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-tree"></i>
- <p>
- UI Elements
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../UI/general.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>General</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/icons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Icons</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/buttons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Buttons</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/sliders.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Sliders</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/modals.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Modals & Alerts</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/navbar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Navbar & Tabs</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/timeline.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Timeline</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/ribbons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Ribbons</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-edit"></i>
- <p>
- Forms
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../forms/general.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>General Elements</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../forms/advanced.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Advanced Elements</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../forms/editors.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Editors</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../forms/validation.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Validation</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-table"></i>
- <p>
- Tables
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../tables/simple.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Simple Tables</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../tables/data.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>DataTables</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../tables/jsgrid.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>jsGrid</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-header">EXAMPLES</li>
- <li class="nav-item">
- <a href="../calendar.html" class="nav-link">
- <i class="nav-icon far fa-calendar-alt"></i>
- <p>
- Calendar
- <span class="badge badge-info right">2</span>
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../gallery.html" class="nav-link">
- <i class="nav-icon far fa-image"></i>
- <p>
- Gallery
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../kanban.html" class="nav-link">
- <i class="nav-icon fas fa-columns"></i>
- <p>
- Kanban Board
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-envelope"></i>
- <p>
- Mailbox
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../mailbox/mailbox.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Inbox</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../mailbox/compose.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Compose</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../mailbox/read-mail.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Read</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-book"></i>
- <p>
- Pages
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../examples/invoice.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Invoice</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/profile.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Profile</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/e-commerce.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>E-commerce</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/projects.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Projects</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/project-add.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Add</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/project-edit.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Edit</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/project-detail.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Detail</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/contacts.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Contacts</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/faq.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>FAQ</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/contact-us.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Contact us</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-plus-square"></i>
- <p>
- Extras
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Login & Register v1
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../examples/login.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Login v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/register.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Register v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/forgot-password.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Forgot Password v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/recover-password.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Recover Password v1</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Login & Register v2
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../examples/login-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Login v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/register-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Register v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/forgot-password-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Forgot Password v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/recover-password-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Recover Password v2</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="../examples/lockscreen.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Lockscreen</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/legacy-user-menu.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Legacy User Menu</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/language-menu.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Language Menu</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/404.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Error 404</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/500.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Error 500</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/pace.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Pace</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/blank.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Blank Page</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../../starter.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Starter Page</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-search"></i>
- <p>
- Search
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../search/simple.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Simple Search</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../search/enhanced.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Enhanced</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-header">MISCELLANEOUS</li>
- <li class="nav-item">
- <a href="../../iframe.html" class="nav-link">
- <i class="nav-icon fas fa-ellipsis-h"></i>
- <p>Tabbed IFrame Plugin</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="https://adminlte.io/docs/3.1/" class="nav-link">
- <i class="nav-icon fas fa-file"></i>
- <p>Documentation</p>
- </a>
- </li>
- <li class="nav-header">MULTI LEVEL EXAMPLE</li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="fas fa-circle nav-icon"></i>
- <p>Level 1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-circle"></i>
- <p>
- Level 1
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Level 2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Level 2
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Level 2</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="fas fa-circle nav-icon"></i>
- <p>Level 1</p>
- </a>
- </li>
- <li class="nav-header">LABELS</li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-danger"></i>
- <p class="text">Important</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-warning"></i>
- <p>Warning</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-info"></i>
- <p>Informational</p>
- </a>
- </li>
- </ul>
- </nav>
- <!-- /.sidebar-menu -->
- </div>
- <!-- /.sidebar -->
- </aside>
-
- <!-- Content Wrapper. Contains page content -->
- <div class="content-wrapper">
- <!-- Content Header (Page header) -->
- <section class="content-header">
- <div class="container-fluid">
- <div class="row mb-2">
- <div class="col-sm-6">
- <h1>Flot Charts</h1>
- </div>
- <div class="col-sm-6">
- <ol class="breadcrumb float-sm-right">
- <li class="breadcrumb-item"><a href="#">Home</a></li>
- <li class="breadcrumb-item active">Flot</li>
- </ol>
- </div>
- </div>
- </div><!-- /.container-fluid -->
- </section>
-
- <!-- Main content -->
- <section class="content">
- <div class="container-fluid">
- <div class="row">
- <div class="col-12">
- <!-- interactive chart -->
- <div class="card card-primary card-outline">
- <div class="card-header">
- <h3 class="card-title">
- <i class="far fa-chart-bar"></i>
- Interactive Area Chart
- </h3>
-
- <div class="card-tools">
- Real time
- <div class="btn-group" id="realtime" data-toggle="btn-toggle">
- <button type="button" class="btn btn-default btn-sm active" data-toggle="on">On</button>
- <button type="button" class="btn btn-default btn-sm" data-toggle="off">Off</button>
- </div>
- </div>
- </div>
- <div class="card-body">
- <div id="interactive" style="height: 300px;"></div>
- </div>
- <!-- /.card-body-->
- </div>
- <!-- /.card -->
-
- </div>
- <!-- /.col -->
- </div>
- <!-- /.row -->
-
- <div class="row">
- <div class="col-md-6">
- <!-- Line chart -->
- <div class="card card-primary card-outline">
- <div class="card-header">
- <h3 class="card-title">
- <i class="far fa-chart-bar"></i>
- Line Chart
- </h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <div id="line-chart" style="height: 300px;"></div>
- </div>
- <!-- /.card-body-->
- </div>
- <!-- /.card -->
-
- <!-- Area chart -->
- <div class="card card-primary card-outline">
- <div class="card-header">
- <h3 class="card-title">
- <i class="far fa-chart-bar"></i>
- Area Chart
- </h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <div id="area-chart" style="height: 338px;" class="full-width-chart"></div>
- </div>
- <!-- /.card-body-->
- </div>
- <!-- /.card -->
-
- </div>
- <!-- /.col -->
-
- <div class="col-md-6">
- <!-- Bar chart -->
- <div class="card card-primary card-outline">
- <div class="card-header">
- <h3 class="card-title">
- <i class="far fa-chart-bar"></i>
- Bar Chart
- </h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <div id="bar-chart" style="height: 300px;"></div>
- </div>
- <!-- /.card-body-->
- </div>
- <!-- /.card -->
-
- <!-- Donut chart -->
- <div class="card card-primary card-outline">
- <div class="card-header">
- <h3 class="card-title">
- <i class="far fa-chart-bar"></i>
- Donut Chart
- </h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <div id="donut-chart" style="height: 300px;"></div>
- </div>
- <!-- /.card-body-->
- </div>
- <!-- /.card -->
- </div>
- <!-- /.col -->
- </div>
- <!-- /.row -->
- </div><!-- /.container-fluid -->
- </section>
- <!-- /.content -->
- </div>
- <!-- /.content-wrapper -->
-
- <footer class="main-footer">
- <div class="float-right d-none d-sm-block">
- <b>Version</b> 3.1.0
- </div>
- <strong>Copyright © 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
- </footer>
-
- <!-- Control Sidebar -->
- <aside class="control-sidebar control-sidebar-dark">
- <!-- Control sidebar content goes here -->
- </aside>
- <!-- /.control-sidebar -->
-</div>
-<!-- ./wrapper -->
-
-<!-- jQuery -->
-<script src="../../plugins/jquery/jquery.min.js"></script>
-<!-- Bootstrap 4 -->
-<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
-<!-- AdminLTE App -->
-<script src="../../dist/js/adminlte.min.js"></script>
-<!-- FLOT CHARTS -->
-<script src="../../plugins/flot/jquery.flot.js"></script>
-<!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
-<script src="../../plugins/flot/plugins/jquery.flot.resize.js"></script>
-<!-- FLOT PIE PLUGIN - also used to draw donut charts -->
-<script src="../../plugins/flot/plugins/jquery.flot.pie.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
-<!-- Page specific script -->
-<script>
- $(function () {
- /*
- * Flot Interactive Chart
- * -----------------------
- */
- // We use an inline data source in the example, usually data would
- // be fetched from a server
- var data = [],
- totalPoints = 100
-
- function getRandomData() {
-
- if (data.length > 0) {
- data = data.slice(1)
- }
-
- // Do a random walk
- while (data.length < totalPoints) {
-
- var prev = data.length > 0 ? data[data.length - 1] : 50,
- y = prev + Math.random() * 10 - 5
-
- if (y < 0) {
- y = 0
- } else if (y > 100) {
- y = 100
- }
-
- data.push(y)
- }
-
- // Zip the generated y values with the x values
- var res = []
- for (var i = 0; i < data.length; ++i) {
- res.push([i, data[i]])
- }
-
- return res
- }
-
- var interactive_plot = $.plot('#interactive', [
- {
- data: getRandomData(),
- }
- ],
- {
- grid: {
- borderColor: '#f3f3f3',
- borderWidth: 1,
- tickColor: '#f3f3f3'
- },
- series: {
- color: '#3c8dbc',
- lines: {
- lineWidth: 2,
- show: true,
- fill: true,
- },
- },
- yaxis: {
- min: 0,
- max: 100,
- show: true
- },
- xaxis: {
- show: true
- }
- }
- )
-
- var updateInterval = 500 //Fetch data ever x milliseconds
- var realtime = 'on' //If == to on then fetch data every x seconds. else stop fetching
- function update() {
-
- interactive_plot.setData([getRandomData()])
-
- // Since the axes don't change, we don't need to call plot.setupGrid()
- interactive_plot.draw()
- if (realtime === 'on') {
- setTimeout(update, updateInterval)
- }
- }
-
- //INITIALIZE REALTIME DATA FETCHING
- if (realtime === 'on') {
- update()
- }
- //REALTIME TOGGLE
- $('#realtime .btn').click(function () {
- if ($(this).data('toggle') === 'on') {
- realtime = 'on'
- }
- else {
- realtime = 'off'
- }
- update()
- })
- /*
- * END INTERACTIVE CHART
- */
-
-
- /*
- * LINE CHART
- * ----------
- */
- //LINE randomly generated data
-
- var sin = [],
- cos = []
- for (var i = 0; i < 14; i += 0.5) {
- sin.push([i, Math.sin(i)])
- cos.push([i, Math.cos(i)])
- }
- var line_data1 = {
- data : sin,
- color: '#3c8dbc'
- }
- var line_data2 = {
- data : cos,
- color: '#00c0ef'
- }
- $.plot('#line-chart', [line_data1, line_data2], {
- grid : {
- hoverable : true,
- borderColor: '#f3f3f3',
- borderWidth: 1,
- tickColor : '#f3f3f3'
- },
- series: {
- shadowSize: 0,
- lines : {
- show: true
- },
- points : {
- show: true
- }
- },
- lines : {
- fill : false,
- color: ['#3c8dbc', '#f56954']
- },
- yaxis : {
- show: true
- },
- xaxis : {
- show: true
- }
- })
- //Initialize tooltip on hover
- $('<div class="tooltip-inner" id="line-chart-tooltip"></div>').css({
- position: 'absolute',
- display : 'none',
- opacity : 0.8
- }).appendTo('body')
- $('#line-chart').bind('plothover', function (event, pos, item) {
-
- if (item) {
- var x = item.datapoint[0].toFixed(2),
- y = item.datapoint[1].toFixed(2)
-
- $('#line-chart-tooltip').html(item.series.label + ' of ' + x + ' = ' + y)
- .css({
- top : item.pageY + 5,
- left: item.pageX + 5
- })
- .fadeIn(200)
- } else {
- $('#line-chart-tooltip').hide()
- }
-
- })
- /* END LINE CHART */
-
- /*
- * FULL WIDTH STATIC AREA CHART
- * -----------------
- */
- var areaData = [[2, 88.0], [3, 93.3], [4, 102.0], [5, 108.5], [6, 115.7], [7, 115.6],
- [8, 124.6], [9, 130.3], [10, 134.3], [11, 141.4], [12, 146.5], [13, 151.7], [14, 159.9],
- [15, 165.4], [16, 167.8], [17, 168.7], [18, 169.5], [19, 168.0]]
- $.plot('#area-chart', [areaData], {
- grid : {
- borderWidth: 0
- },
- series: {
- shadowSize: 0, // Drawing is faster without shadows
- color : '#00c0ef',
- lines : {
- fill: true //Converts the line chart to area chart
- },
- },
- yaxis : {
- show: false
- },
- xaxis : {
- show: false
- }
- })
-
- /* END AREA CHART */
-
- /*
- * BAR CHART
- * ---------
- */
-
- var bar_data = {
- data : [[1,10], [2,8], [3,4], [4,13], [5,17], [6,9]],
- bars: { show: true }
- }
- $.plot('#bar-chart', [bar_data], {
- grid : {
- borderWidth: 1,
- borderColor: '#f3f3f3',
- tickColor : '#f3f3f3'
- },
- series: {
- bars: {
- show: true, barWidth: 0.5, align: 'center',
- },
- },
- colors: ['#3c8dbc'],
- xaxis : {
- ticks: [[1,'January'], [2,'February'], [3,'March'], [4,'April'], [5,'May'], [6,'June']]
- }
- })
- /* END BAR CHART */
-
- /*
- * DONUT CHART
- * -----------
- */
-
- var donutData = [
- {
- label: 'Series2',
- data : 30,
- color: '#3c8dbc'
- },
- {
- label: 'Series3',
- data : 20,
- color: '#0073b7'
- },
- {
- label: 'Series4',
- data : 50,
- color: '#00c0ef'
- }
- ]
- $.plot('#donut-chart', donutData, {
- series: {
- pie: {
- show : true,
- radius : 1,
- innerRadius: 0.5,
- label : {
- show : true,
- radius : 2 / 3,
- formatter: labelFormatter,
- threshold: 0.1
- }
-
- }
- },
- legend: {
- show: false
- }
- })
- /*
- * END DONUT CHART
- */
-
- })
-
- /*
- * Custom Label formatter
- * ----------------------
- */
- function labelFormatter(label, series) {
- return '<div style="font-size:13px; text-align:center; padding:2px; color: #fff; font-weight: 600;">'
- + label
- + '<br>'
- + Math.round(series.percent) + '%</div>'
- }
-</script>
-</body>
-</html>
diff --git a/adminPage/pages/charts/inline.html b/adminPage/pages/charts/inline.html
deleted file mode 100644
index 26ba3cf..0000000
--- a/adminPage/pages/charts/inline.html
+++ /dev/null
@@ -1,1203 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>AdminLTE 3 | Inline Charts</title>
-
- <!-- Google Font: Source Sans Pro -->
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
- <!-- Font Awesome -->
- <link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
- <!-- Theme style -->
- <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
-</head>
-<body class="hold-transition sidebar-mini">
-<div class="wrapper">
- <!-- Navbar -->
- <nav class="main-header navbar navbar-expand navbar-white navbar-light">
- <!-- Left navbar links -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
- </li>
- <li class="nav-item d-none d-sm-inline-block">
- <a href="../../index3.html" class="nav-link">Home</a>
- </li>
- <li class="nav-item d-none d-sm-inline-block">
- <a href="#" class="nav-link">Contact</a>
- </li>
- </ul>
-
- <!-- Right navbar links -->
- <ul class="navbar-nav ml-auto">
- <!-- Navbar Search -->
- <li class="nav-item">
- <a class="nav-link" data-widget="navbar-search" href="#" role="button">
- <i class="fas fa-search"></i>
- </a>
- <div class="navbar-search-block">
- <form class="form-inline">
- <div class="input-group input-group-sm">
- <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
- <div class="input-group-append">
- <button class="btn btn-navbar" type="submit">
- <i class="fas fa-search"></i>
- </button>
- <button class="btn btn-navbar" type="button" data-widget="navbar-search">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- </form>
- </div>
- </li>
-
- <!-- Messages Dropdown Menu -->
- <li class="nav-item dropdown">
- <a class="nav-link" data-toggle="dropdown" href="#">
- <i class="far fa-comments"></i>
- <span class="badge badge-danger navbar-badge">3</span>
- </a>
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- Brad Diesel
- <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">Call me whenever you can...</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- John Pierce
- <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">I got your message bro</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- Nora Silvester
- <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">The subject goes here</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
- </div>
- </li>
- <!-- Notifications Dropdown Menu -->
- <li class="nav-item dropdown">
- <a class="nav-link" data-toggle="dropdown" href="#">
- <i class="far fa-bell"></i>
- <span class="badge badge-warning navbar-badge">15</span>
- </a>
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
- <span class="dropdown-item dropdown-header">15 Notifications</span>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-envelope mr-2"></i> 4 new messages
- <span class="float-right text-muted text-sm">3 mins</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-users mr-2"></i> 8 friend requests
- <span class="float-right text-muted text-sm">12 hours</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-file mr-2"></i> 3 new reports
- <span class="float-right text-muted text-sm">2 days</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
- </div>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-widget="fullscreen" href="#" role="button">
- <i class="fas fa-expand-arrows-alt"></i>
- </a>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
- <i class="fas fa-th-large"></i>
- </a>
- </li>
- </ul>
- </nav>
- <!-- /.navbar -->
-
- <!-- Main Sidebar Container -->
- <aside class="main-sidebar sidebar-dark-primary elevation-4">
- <!-- Brand Logo -->
- <a href="../../index3.html" class="brand-link">
- <img src="../../dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
- <span class="brand-text font-weight-light">AdminLTE 3</span>
- </a>
-
- <!-- Sidebar -->
- <div class="sidebar">
- <!-- Sidebar user panel (optional) -->
- <div class="user-panel mt-3 pb-3 mb-3 d-flex">
- <div class="image">
- <img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
- </div>
- <div class="info">
- <a href="#" class="d-block">Alexander Pierce</a>
- </div>
- </div>
-
- <!-- SidebarSearch Form -->
- <div class="form-inline">
- <div class="input-group" data-widget="sidebar-search">
- <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
- <div class="input-group-append">
- <button class="btn btn-sidebar">
- <i class="fas fa-search fa-fw"></i>
- </button>
- </div>
- </div>
- </div>
-
- <!-- Sidebar Menu -->
- <nav class="mt-2">
- <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
- <!-- Add icons to the links using the .nav-icon class
- with font-awesome or any other icon font library -->
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-tachometer-alt"></i>
- <p>
- Dashboard
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../../index.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Dashboard v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../../index2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Dashboard v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../../index3.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Dashboard v3</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="../widgets.html" class="nav-link">
- <i class="nav-icon fas fa-th"></i>
- <p>
- Widgets
- <span class="right badge badge-danger">New</span>
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-copy"></i>
- <p>
- Layout Options
- <i class="fas fa-angle-left right"></i>
- <span class="badge badge-info right">6</span>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../layout/top-nav.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Top Navigation</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/top-nav-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Top Navigation + Sidebar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/boxed.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Boxed</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Sidebar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-sidebar-custom.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Sidebar <small>+ Custom Area</small></p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-topnav.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Navbar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-footer.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Footer</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/collapsed-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Collapsed Sidebar</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item menu-open">
- <a href="#" class="nav-link active">
- <i class="nav-icon fas fa-chart-pie"></i>
- <p>
- Charts
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="chartjs.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>ChartJS</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="flot.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Flot</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="inline.html" class="nav-link active">
- <i class="far fa-circle nav-icon"></i>
- <p>Inline</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="uplot.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>uPlot</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-tree"></i>
- <p>
- UI Elements
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../UI/general.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>General</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/icons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Icons</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/buttons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Buttons</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/sliders.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Sliders</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/modals.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Modals & Alerts</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/navbar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Navbar & Tabs</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/timeline.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Timeline</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/ribbons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Ribbons</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-edit"></i>
- <p>
- Forms
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../forms/general.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>General Elements</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../forms/advanced.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Advanced Elements</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../forms/editors.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Editors</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../forms/validation.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Validation</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-table"></i>
- <p>
- Tables
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../tables/simple.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Simple Tables</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../tables/data.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>DataTables</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../tables/jsgrid.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>jsGrid</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-header">EXAMPLES</li>
- <li class="nav-item">
- <a href="../calendar.html" class="nav-link">
- <i class="nav-icon far fa-calendar-alt"></i>
- <p>
- Calendar
- <span class="badge badge-info right">2</span>
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../gallery.html" class="nav-link">
- <i class="nav-icon far fa-image"></i>
- <p>
- Gallery
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../kanban.html" class="nav-link">
- <i class="nav-icon fas fa-columns"></i>
- <p>
- Kanban Board
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-envelope"></i>
- <p>
- Mailbox
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../mailbox/mailbox.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Inbox</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../mailbox/compose.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Compose</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../mailbox/read-mail.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Read</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-book"></i>
- <p>
- Pages
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../examples/invoice.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Invoice</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/profile.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Profile</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/e-commerce.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>E-commerce</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/projects.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Projects</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/project-add.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Add</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/project-edit.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Edit</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/project-detail.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Detail</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/contacts.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Contacts</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/faq.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>FAQ</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/contact-us.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Contact us</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-plus-square"></i>
- <p>
- Extras
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Login & Register v1
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../examples/login.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Login v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/register.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Register v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/forgot-password.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Forgot Password v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/recover-password.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Recover Password v1</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Login & Register v2
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../examples/login-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Login v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/register-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Register v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/forgot-password-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Forgot Password v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/recover-password-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Recover Password v2</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="../examples/lockscreen.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Lockscreen</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/legacy-user-menu.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Legacy User Menu</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/language-menu.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Language Menu</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/404.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Error 404</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/500.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Error 500</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/pace.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Pace</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/blank.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Blank Page</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../../starter.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Starter Page</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-search"></i>
- <p>
- Search
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../search/simple.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Simple Search</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../search/enhanced.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Enhanced</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-header">MISCELLANEOUS</li>
- <li class="nav-item">
- <a href="../../iframe.html" class="nav-link">
- <i class="nav-icon fas fa-ellipsis-h"></i>
- <p>Tabbed IFrame Plugin</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="https://adminlte.io/docs/3.1/" class="nav-link">
- <i class="nav-icon fas fa-file"></i>
- <p>Documentation</p>
- </a>
- </li>
- <li class="nav-header">MULTI LEVEL EXAMPLE</li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="fas fa-circle nav-icon"></i>
- <p>Level 1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-circle"></i>
- <p>
- Level 1
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Level 2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Level 2
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Level 2</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="fas fa-circle nav-icon"></i>
- <p>Level 1</p>
- </a>
- </li>
- <li class="nav-header">LABELS</li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-danger"></i>
- <p class="text">Important</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-warning"></i>
- <p>Warning</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-info"></i>
- <p>Informational</p>
- </a>
- </li>
- </ul>
- </nav>
- <!-- /.sidebar-menu -->
- </div>
- <!-- /.sidebar -->
- </aside>
-
- <!-- Content Wrapper. Contains page content -->
- <div class="content-wrapper">
- <!-- Content Header (Page header) -->
- <section class="content-header">
- <div class="container-fluid">
- <div class="row mb-2">
- <div class="col-sm-6">
- <h1>Inline Charts</h1>
- </div>
- <div class="col-sm-6">
- <ol class="breadcrumb float-sm-right">
- <li class="breadcrumb-item"><a href="#">Home</a></li>
- <li class="breadcrumb-item active">Inline Charts</li>
- </ol>
- </div>
- </div>
- </div><!-- /.container-fluid -->
- </section>
-
- <!-- Main content -->
- <section class="content">
- <div class="container-fluid">
- <!-- row -->
- <div class="row">
- <div class="col-12">
- <!-- jQuery Knob -->
- <div class="card">
- <div class="card-header">
- <h3 class="card-title">
- <i class="far fa-chart-bar"></i>
- jQuery Knob
- </h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <!-- /.card-header -->
- <div class="card-body">
- <div class="row">
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc">
-
- <div class="knob-label">New Visitors</div>
- </div>
- <!-- ./col -->
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" value="70" data-width="90" data-height="90" data-fgColor="#f56954">
-
- <div class="knob-label">Bounce Rate</div>
- </div>
- <!-- ./col -->
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" value="-80" data-min="-150" data-max="150" data-width="90"
- data-height="90" data-fgColor="#00a65a">
-
- <div class="knob-label">Server Load</div>
- </div>
- <!-- ./col -->
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" value="40" data-width="90" data-height="90" data-fgColor="#00c0ef">
-
- <div class="knob-label">Disk Space</div>
- </div>
- <!-- ./col -->
- </div>
- <!-- /.row -->
-
- <div class="row">
- <div class="col-6 text-center">
- <input type="text" class="knob" value="90" data-width="90" data-height="90" data-fgColor="#932ab6">
-
- <div class="knob-label">Bandwidth</div>
- </div>
- <!-- ./col -->
- <div class="col-6 text-center">
- <input type="text" class="knob" value="50" data-width="90" data-height="90" data-fgColor="#39CCCC">
-
- <div class="knob-label">CPU</div>
- </div>
- <!-- ./col -->
- </div>
- <!-- /.row -->
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
- </div>
- <!-- /.col -->
- </div>
- <!-- /.row -->
-
- <div class="row">
- <div class="col-12">
- <div class="card">
- <div class="card-header">
- <h3 class="card-title">
- <i class="far fa-chart-bar"></i>
- jQuery Knob Different Sizes
- </h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <!-- /.card-header -->
- <div class="card-body">
- <div class="row">
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" value="30" data-width="90" data-height="90" data-fgColor="#3c8dbc"
- data-readonly="true">
-
- <div class="knob-label">data-width="90"</div>
- </div>
- <!-- ./col -->
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" value="30" data-width="120" data-height="120"
- data-fgColor="#f56954">
-
- <div class="knob-label">data-width="120"</div>
- </div>
- <!-- ./col -->
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" value="30" data-thickness="0.1" data-width="90" data-height="90"
- data-fgColor="#00a65a">
-
- <div class="knob-label">data-thickness="0.1"</div>
- </div>
- <!-- ./col -->
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" data-thickness="0.2" data-angleArc="250" data-angleOffset="-125"
- value="30" data-width="120" data-height="120" data-fgColor="#00c0ef">
-
- <div class="knob-label">data-angleArc="250"</div>
- </div>
- <!-- ./col -->
- </div>
- <!-- /.row -->
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
- </div>
- <!-- /.col -->
- </div>
- <!-- /.row -->
-
- <div class="row">
- <div class="col-12">
- <div class="card">
- <div class="card-header">
- <h3 class="card-title">
- <i class="far fa-chart-bar"></i>
- jQuery Knob Tron Style
- </h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <!-- /.card-header -->
- <div class="card-body">
- <div class="row">
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" value="80" data-skin="tron" data-thickness="0.2" data-width="90"
- data-height="90" data-fgColor="#3c8dbc" data-readonly="true">
-
- <div class="knob-label">data-width="90"</div>
- </div>
- <!-- ./col -->
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" value="60" data-skin="tron" data-thickness="0.2" data-width="120"
- data-height="120" data-fgColor="#f56954">
-
- <div class="knob-label">data-width="120"</div>
- </div>
- <!-- ./col -->
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" value="10" data-skin="tron" data-thickness="0.1" data-width="90"
- data-height="90" data-fgColor="#00a65a">
-
- <div class="knob-label">data-thickness="0.1"</div>
- </div>
- <!-- ./col -->
- <div class="col-6 col-md-3 text-center">
- <input type="text" class="knob" value="100" data-skin="tron" data-thickness="0.2"
- data-angleArc="250" data-angleOffset="-125" data-width="120" data-height="120"
- data-fgColor="#00c0ef">
-
- <div class="knob-label">data-angleArc="250"</div>
- </div>
- <!-- ./col -->
- </div>
- <!-- /.row -->
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
- </div>
- <!-- /.col -->
- </div>
- <!-- /.row -->
-
- <div class="row">
- <div class="col-12">
- <div class="card">
- <div class="card-header">
- <h3 class="card-title">
- <i class="far fa-chart-bar"></i>
- Sparklines
- </h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <!-- /.card-header -->
- <div class="card-body">
- <div class="row">
- <div class="col-4 text-center">
- <div id="sparkline-1"></div>
- </div>
- <!-- ./col -->
- <div class="col-4 text-center">
- <div id="sparkline-2"></div>
- </div>
- <!-- ./col -->
- <div class="col-4 text-center">
- <div id="sparkline-3"></div>
- </div>
- <!-- ./col -->
- </div>
- <!-- /.row -->
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
- </div>
- <!-- /.col -->
- </div>
- <!-- /.row -->
-
- </div><!-- /.container-fluid -->
- </section>
- <!-- /.content -->
- </div>
- <!-- /.content-wrapper -->
- <footer class="main-footer">
- <div class="float-right d-none d-sm-block">
- <b>Version</b> 3.1.0
- </div>
- <strong>Copyright © 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
- </footer>
-
- <!-- Control Sidebar -->
- <aside class="control-sidebar control-sidebar-dark">
- <!-- Control sidebar content goes here -->
- </aside>
- <!-- /.control-sidebar -->
-</div>
-<!-- ./wrapper -->
-
-<!-- jQuery -->
-<script src="../../plugins/jquery/jquery.min.js"></script>
-<!-- Bootstrap 4 -->
-<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
-<!-- AdminLTE App -->
-<script src="../../dist/js/adminlte.min.js"></script>
-<!-- jQuery Knob -->
-<script src="../../plugins/jquery-knob/jquery.knob.min.js"></script>
-<!-- Sparkline -->
-<script src="../../plugins/sparklines/sparkline.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
-<!-- Page specific script -->
-<script>
- $(function () {
- /* jQueryKnob */
-
- $('.knob').knob({
- /*change : function (value) {
- //console.log("change : " + value);
- },
- release : function (value) {
- console.log("release : " + value);
- },
- cancel : function () {
- console.log("cancel : " + this.value);
- },*/
- draw: function () {
-
- // "tron" case
- if (this.$.data('skin') == 'tron') {
-
- var a = this.angle(this.cv) // Angle
- ,
- sa = this.startAngle // Previous start angle
- ,
- sat = this.startAngle // Start angle
- ,
- ea // Previous end angle
- ,
- eat = sat + a // End angle
- ,
- r = true
-
- this.g.lineWidth = this.lineWidth
-
- this.o.cursor
- && (sat = eat - 0.3)
- && (eat = eat + 0.3)
-
- if (this.o.displayPrevious) {
- ea = this.startAngle + this.angle(this.value)
- this.o.cursor
- && (sa = ea - 0.3)
- && (ea = ea + 0.3)
- this.g.beginPath()
- this.g.strokeStyle = this.previousColor
- this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false)
- this.g.stroke()
- }
-
- this.g.beginPath()
- this.g.strokeStyle = r ? this.o.fgColor : this.fgColor
- this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false)
- this.g.stroke()
-
- this.g.lineWidth = 2
- this.g.beginPath()
- this.g.strokeStyle = this.o.fgColor
- this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false)
- this.g.stroke()
-
- return false
- }
- }
- })
- /* END JQUERY KNOB */
-
- //INITIALIZE SPARKLINE CHARTS
- var sparkline1 = new Sparkline($('#sparkline-1')[0], { width: 240, height: 70, lineColor: '#92c1dc', endColor: '#92c1dc' })
- var sparkline2 = new Sparkline($('#sparkline-2')[0], { width: 240, height: 70, lineColor: '#f56954', endColor: '#f56954' })
- var sparkline3 = new Sparkline($('#sparkline-3')[0], { width: 240, height: 70, lineColor: '#3af221', endColor: '#3af221' })
-
- sparkline1.draw([1000, 1200, 920, 927, 931, 1027, 819, 930, 1021])
- sparkline2.draw([515, 519, 520, 522, 652, 810, 370, 627, 319, 630, 921])
- sparkline3.draw([15, 19, 20, 22, 33, 27, 31, 27, 19, 30, 21])
-
- })
-
-</script>
-</body>
-</html>
diff --git a/adminPage/pages/charts/uplot.html b/adminPage/pages/charts/uplot.html
deleted file mode 100644
index b25b4aa..0000000
--- a/adminPage/pages/charts/uplot.html
+++ /dev/null
@@ -1,1014 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>AdminLTE 3 | uPlot</title>
-
- <!-- Google Font: Source Sans Pro -->
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
- <!-- Font Awesome -->
- <link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
- <!-- uPlot -->
- <link rel="stylesheet" href="../../plugins/uplot/uPlot.min.css">
- <!-- Theme style -->
- <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
-</head>
-<body class="hold-transition sidebar-mini">
-<div class="wrapper">
- <!-- Navbar -->
- <nav class="main-header navbar navbar-expand navbar-white navbar-light">
- <!-- Left navbar links -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
- </li>
- <li class="nav-item d-none d-sm-inline-block">
- <a href="../../index3.html" class="nav-link">Home</a>
- </li>
- <li class="nav-item d-none d-sm-inline-block">
- <a href="#" class="nav-link">Contact</a>
- </li>
- </ul>
-
- <!-- Right navbar links -->
- <ul class="navbar-nav ml-auto">
- <!-- Navbar Search -->
- <li class="nav-item">
- <a class="nav-link" data-widget="navbar-search" href="#" role="button">
- <i class="fas fa-search"></i>
- </a>
- <div class="navbar-search-block">
- <form class="form-inline">
- <div class="input-group input-group-sm">
- <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
- <div class="input-group-append">
- <button class="btn btn-navbar" type="submit">
- <i class="fas fa-search"></i>
- </button>
- <button class="btn btn-navbar" type="button" data-widget="navbar-search">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- </form>
- </div>
- </li>
-
- <!-- Messages Dropdown Menu -->
- <li class="nav-item dropdown">
- <a class="nav-link" data-toggle="dropdown" href="#">
- <i class="far fa-comments"></i>
- <span class="badge badge-danger navbar-badge">3</span>
- </a>
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- Brad Diesel
- <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">Call me whenever you can...</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- John Pierce
- <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">I got your message bro</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <!-- Message Start -->
- <div class="media">
- <img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
- <div class="media-body">
- <h3 class="dropdown-item-title">
- Nora Silvester
- <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
- </h3>
- <p class="text-sm">The subject goes here</p>
- <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
- </div>
- </div>
- <!-- Message End -->
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
- </div>
- </li>
- <!-- Notifications Dropdown Menu -->
- <li class="nav-item dropdown">
- <a class="nav-link" data-toggle="dropdown" href="#">
- <i class="far fa-bell"></i>
- <span class="badge badge-warning navbar-badge">15</span>
- </a>
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
- <span class="dropdown-item dropdown-header">15 Notifications</span>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-envelope mr-2"></i> 4 new messages
- <span class="float-right text-muted text-sm">3 mins</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-users mr-2"></i> 8 friend requests
- <span class="float-right text-muted text-sm">12 hours</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">
- <i class="fas fa-file mr-2"></i> 3 new reports
- <span class="float-right text-muted text-sm">2 days</span>
- </a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
- </div>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-widget="fullscreen" href="#" role="button">
- <i class="fas fa-expand-arrows-alt"></i>
- </a>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
- <i class="fas fa-th-large"></i>
- </a>
- </li>
- </ul>
- </nav>
- <!-- /.navbar -->
-
- <!-- Main Sidebar Container -->
- <aside class="main-sidebar sidebar-dark-primary elevation-4">
- <!-- Brand Logo -->
- <a href="../../index3.html" class="brand-link">
- <img src="../../dist/img/AdminLTELogo.png"
- alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
- <span class="brand-text font-weight-light">AdminLTE 3</span>
- </a>
-
- <!-- Sidebar -->
- <div class="sidebar">
- <!-- Sidebar user panel (optional) -->
- <div class="user-panel mt-3 pb-3 mb-3 d-flex">
- <div class="image">
- <img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
- </div>
- <div class="info">
- <a href="#" class="d-block">Alexander Pierce</a>
- </div>
- </div>
-
- <!-- SidebarSearch Form -->
- <div class="form-inline">
- <div class="input-group" data-widget="sidebar-search">
- <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
- <div class="input-group-append">
- <button class="btn btn-sidebar">
- <i class="fas fa-search fa-fw"></i>
- </button>
- </div>
- </div>
- </div>
-
- <!-- Sidebar Menu -->
- <nav class="mt-2">
- <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
- <!-- Add icons to the links using the .nav-icon class
- with font-awesome or any other icon font library -->
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-tachometer-alt"></i>
- <p>
- Dashboard
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../../index.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Dashboard v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../../index2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Dashboard v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../../index3.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Dashboard v3</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="../widgets.html" class="nav-link">
- <i class="nav-icon fas fa-th"></i>
- <p>
- Widgets
- <span class="right badge badge-danger">New</span>
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-copy"></i>
- <p>
- Layout Options
- <i class="fas fa-angle-left right"></i>
- <span class="badge badge-info right">6</span>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../layout/top-nav.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Top Navigation</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/top-nav-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Top Navigation + Sidebar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/boxed.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Boxed</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Sidebar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-sidebar-custom.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Sidebar <small>+ Custom Area</small></p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-topnav.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Navbar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/fixed-footer.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Footer</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../layout/collapsed-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Collapsed Sidebar</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item menu-open">
- <a href="#" class="nav-link active">
- <i class="nav-icon fas fa-chart-pie"></i>
- <p>
- Charts
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="chartjs.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>ChartJS</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="flot.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Flot</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="inline.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Inline</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="chartjs.html" class="nav-link active">
- <i class="far fa-circle nav-icon"></i>
- <p>uPlot</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-tree"></i>
- <p>
- UI Elements
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../UI/general.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>General</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/icons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Icons</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/buttons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Buttons</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/sliders.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Sliders</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/modals.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Modals & Alerts</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/navbar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Navbar & Tabs</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/timeline.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Timeline</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../UI/ribbons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Ribbons</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-edit"></i>
- <p>
- Forms
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../forms/general.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>General Elements</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../forms/advanced.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Advanced Elements</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../forms/editors.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Editors</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../forms/validation.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Validation</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-table"></i>
- <p>
- Tables
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../tables/simple.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Simple Tables</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../tables/data.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>DataTables</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../tables/jsgrid.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>jsGrid</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-header">EXAMPLES</li>
- <li class="nav-item">
- <a href="../calendar.html" class="nav-link">
- <i class="nav-icon far fa-calendar-alt"></i>
- <p>
- Calendar
- <span class="badge badge-info right">2</span>
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../gallery.html" class="nav-link">
- <i class="nav-icon far fa-image"></i>
- <p>
- Gallery
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../kanban.html" class="nav-link">
- <i class="nav-icon fas fa-columns"></i>
- <p>
- Kanban Board
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-envelope"></i>
- <p>
- Mailbox
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../mailbox/mailbox.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Inbox</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../mailbox/compose.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Compose</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../mailbox/read-mail.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Read</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-book"></i>
- <p>
- Pages
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../examples/invoice.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Invoice</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/profile.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Profile</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/e-commerce.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>E-commerce</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/projects.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Projects</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/project-add.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Add</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/project-edit.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Edit</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/project-detail.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Detail</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/contacts.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Contacts</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/faq.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>FAQ</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/contact-us.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Contact us</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-plus-square"></i>
- <p>
- Extras
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Login & Register v1
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../examples/login.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Login v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/register.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Register v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/forgot-password.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Forgot Password v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/recover-password.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Recover Password v1</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Login & Register v2
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../examples/login-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Login v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/register-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Register v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/forgot-password-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Forgot Password v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/recover-password-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Recover Password v2</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="../examples/lockscreen.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Lockscreen</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/legacy-user-menu.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Legacy User Menu</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/language-menu.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Language Menu</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/404.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Error 404</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/500.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Error 500</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/pace.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Pace</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../examples/blank.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Blank Page</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../../starter.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Starter Page</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-search"></i>
- <p>
- Search
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="../search/simple.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Simple Search</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="../search/enhanced.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Enhanced</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-header">MISCELLANEOUS</li>
- <li class="nav-item">
- <a href="../../iframe.html" class="nav-link">
- <i class="nav-icon fas fa-ellipsis-h"></i>
- <p>Tabbed IFrame Plugin</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="https://adminlte.io/docs/3.1/" class="nav-link">
- <i class="nav-icon fas fa-file"></i>
- <p>Documentation</p>
- </a>
- </li>
- <li class="nav-header">MULTI LEVEL EXAMPLE</li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="fas fa-circle nav-icon"></i>
- <p>Level 1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-circle"></i>
- <p>
- Level 1
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Level 2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Level 2
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Level 2</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="fas fa-circle nav-icon"></i>
- <p>Level 1</p>
- </a>
- </li>
- <li class="nav-header">LABELS</li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-danger"></i>
- <p class="text">Important</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-warning"></i>
- <p>Warning</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-info"></i>
- <p>Informational</p>
- </a>
- </li>
- </ul>
- </nav>
- <!-- /.sidebar-menu -->
- </div>
- <!-- /.sidebar -->
- </aside>
-
- <!-- Content Wrapper. Contains page content -->
- <div class="content-wrapper">
- <!-- Content Header (Page header) -->
- <section class="content-header">
- <div class="container-fluid">
- <div class="row mb-2">
- <div class="col-sm-6">
- <h1>ChartJS</h1>
- </div>
- <div class="col-sm-6">
- <ol class="breadcrumb float-sm-right">
- <li class="breadcrumb-item"><a href="#">Home</a></li>
- <li class="breadcrumb-item active">ChartJS</li>
- </ol>
- </div>
- </div>
- </div><!-- /.container-fluid -->
- </section>
-
- <!-- Main content -->
- <section class="content">
- <div class="container-fluid">
- <!-- AREA CHART -->
- <div class="card card-primary">
- <div class="card-header">
- <h3 class="card-title">Area Chart</h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <div class="chart">
- <div id="areaChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></div>
- </div>
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
-
- <!-- LINE CHART -->
- <div class="card card-info">
- <div class="card-header">
- <h3 class="card-title">Line Chart</h3>
-
- <div class="card-tools">
- <button type="button" class="btn btn-tool" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-tool" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- <div class="card-body">
- <div class="chart">
- <div id="lineChart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></div>
- </div>
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
- </div><!-- /.container-fluid -->
- </section>
- <!-- /.content -->
- </div>
- <!-- /.content-wrapper -->
- <footer class="main-footer">
- <div class="float-right d-none d-sm-block">
- <b>Version</b> 3.1.0
- </div>
- <strong>Copyright © 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
- </footer>
-
- <!-- Control Sidebar -->
- <aside class="control-sidebar control-sidebar-dark">
- <!-- Add Content Here -->
- </aside>
- <!-- /.control-sidebar -->
-</div>
-<!-- ./wrapper -->
-
-<!-- jQuery -->
-<script src="../../plugins/jquery/jquery.min.js"></script>
-<!-- Bootstrap 4 -->
-<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
-<!-- uPlot -->
-<script src="../../plugins/uplot/uPlot.iife.min.js"></script>
-<!-- AdminLTE App -->
-<script src="../../dist/js/adminlte.min.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
-<!-- Page specific script -->
-<script>
- $(function () {
- /* uPlot
- * -------
- * Here we will create a few charts using uPlot
- */
-
- function getSize(elementId) {
- return {
- width: document.getElementById(elementId).offsetWidth,
- height: document.getElementById(elementId).offsetHeight,
- }
- }
-
- let data = [
- [0, 1, 2, 3, 4, 5, 6],
- [28, 48, 40, 19, 86, 27, 90],
- [65, 59, 80, 81, 56, 55, 40]
- ];
-
- //--------------
- //- AREA CHART -
- //--------------
-
- const optsAreaChart = {
- ... getSize('areaChart'),
- scales: {
- x: {
- time: false,
- },
- y: {
- range: [0, 100],
- },
- },
- series: [
- {},
- {
- fill: 'rgba(60,141,188,0.7)',
- stroke: 'rgba(60,141,188,1)',
- },
- {
- stroke: '#c1c7d1',
- fill: 'rgba(210, 214, 222, .7)',
- },
- ],
- };
-
- let areaChart = new uPlot(optsAreaChart, data, document.getElementById('areaChart'));
-
- const optsLineChart = {
- ... getSize('lineChart'),
- scales: {
- x: {
- time: false,
- },
- y: {
- range: [0, 100],
- },
- },
- series: [
- {},
- {
- fill: 'transparent',
- width: 5,
- stroke: 'rgba(60,141,188,1)',
- },
- {
- stroke: '#c1c7d1',
- width: 5,
- fill: 'transparent',
- },
- ],
- };
-
- let lineChart = new uPlot(optsLineChart, data, document.getElementById('lineChart'));
-
- window.addEventListener("resize", e => {
- areaChart.setSize(getSize('areaChart'));
- lineChart.setSize(getSize('lineChart'));
- });
- })
-</script>
-</body>
-</html>
diff --git a/adminPage/pages/tables/data.php b/adminPage/pages/tables/data.php
index 3338f0c..a4828e0 100644
--- a/adminPage/pages/tables/data.php
+++ b/adminPage/pages/tables/data.php
@@ -32,7 +32,7 @@
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
</li>
<li class="nav-item d-none d-sm-inline-block">
- <a href="../../index3.html" class="nav-link">Home</a>
+ <a href="/Shop/index.php" class="nav-link">Home</a>
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="#" class="nav-link">Contact</a>
@@ -171,8 +171,8 @@ class="fas fa-star"></i></span>
<aside class="main-sidebar sidebar-dark-primary elevation-4">
<!-- Brand Logo -->
<a href="index3.html" class="brand-link">
- <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
- style="opacity: .8">
+ <img src="../../dist/img/AdminLTELogo.png" alt="AdminLTE Logo"
+ class="brand-image img-circle elevation-3" style="opacity: .8">
<span class="brand-text font-weight-light">AdminLTE 3</span>
</a>
@@ -181,7 +181,7 @@ class="fas fa-star"></i></span>
<!-- Sidebar user panel (optional) -->
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
<div class="image">
- <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
+ <img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
</div>
<div class="info">
<a href="#" class="d-block">Alexander Pierce</a>
@@ -206,9 +206,9 @@ class="fas fa-star"></i></span>
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
data-accordion="false">
<!-- Add icons to the links using the .nav-icon class
- with font-awesome or any other icon font library -->
+ with font-awesome or any other icon font library -->
<li class="nav-item menu-open">
- <a href="./index2.html" class="nav-link active">
+ <a href="./index2.php" class="nav-link active">
<i class="far fa-circle nav-icon"></i>
<p>Dashboard </p>
</a>
@@ -494,7 +494,7 @@ class="fas fa-star"></i></span>
<div class="col-12">
<div class="card">
<div class="card-header">
- <h3 class="card-title">DataTable with minimal features & hover style</h3>
+ <h3 class="card-title">Users:</h3>
</div>
<!-- /.card-header -->
<div class="card-body">
@@ -544,428 +544,38 @@ class="fas fa-star"></i></span>
<div class="card">
<div class="card-header">
- <h3 class="card-title">DataTable with default features</h3>
+ <h3 class="card-title">User Informations:</h3>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
- <th>Name</th>
+ <th>Username</th>
<th>Addres</th>
<th>Phone</th>
- <th>Engine version</th>
- <th>CSS grade</th>
+ <th>Country</th>
+ <th>Zip</th>
</tr>
</thead>
<tbody>
+ <?php
+ $query="SELECT * FROM informations";
+ $result=mysqli_query($conn,$query);
+ while($row=mysqli_fetch_object($result)){
+
+ ?>
<tr>
- <td>Trident</td>
- <td>Internet
- Explorer 4.0
- </td>
- <td>Win 95+</td>
- <td> 4</td>
- <td>X</td>
- </tr>
- <tr>
- <td>Trident</td>
- <td>Internet
- Explorer 5.0
- </td>
- <td>Win 95+</td>
- <td>5</td>
- <td>C</td>
- </tr>
- <tr>
- <td>Trident</td>
- <td>Internet
- Explorer 5.5
- </td>
- <td>Win 95+</td>
- <td>5.5</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Trident</td>
- <td>Internet
- Explorer 6
+ <td><?php echo $row->UserId;?></td>
+ <td><?php echo $row->Addres1;?>
</td>
- <td>Win 98+</td>
- <td>6</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Trident</td>
- <td>Internet Explorer 7</td>
- <td>Win XP SP2+</td>
- <td>7</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Trident</td>
- <td>AOL browser (AOL desktop)</td>
- <td>Win XP</td>
- <td>6</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Firefox 1.0</td>
- <td>Win 98+ / OSX.2+</td>
- <td>1.7</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Firefox 1.5</td>
- <td>Win 98+ / OSX.2+</td>
- <td>1.8</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Firefox 2.0</td>
- <td>Win 98+ / OSX.2+</td>
- <td>1.8</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Firefox 3.0</td>
- <td>Win 2k+ / OSX.3+</td>
- <td>1.9</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Camino 1.0</td>
- <td>OSX.2+</td>
- <td>1.8</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Camino 1.5</td>
- <td>OSX.3+</td>
- <td>1.8</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Netscape 7.2</td>
- <td>Win 95+ / Mac OS 8.6-9.2</td>
- <td>1.7</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Netscape Browser 8</td>
- <td>Win 98SE+</td>
- <td>1.7</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Netscape Navigator 9</td>
- <td>Win 98+ / OSX.2+</td>
- <td>1.8</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Mozilla 1.0</td>
- <td>Win 95+ / OSX.1+</td>
- <td>1</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Mozilla 1.1</td>
- <td>Win 95+ / OSX.1+</td>
- <td>1.1</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Mozilla 1.2</td>
- <td>Win 95+ / OSX.1+</td>
- <td>1.2</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Mozilla 1.3</td>
- <td>Win 95+ / OSX.1+</td>
- <td>1.3</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Mozilla 1.4</td>
- <td>Win 95+ / OSX.1+</td>
- <td>1.4</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Mozilla 1.5</td>
- <td>Win 95+ / OSX.1+</td>
- <td>1.5</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Mozilla 1.6</td>
- <td>Win 95+ / OSX.1+</td>
- <td>1.6</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Mozilla 1.7</td>
- <td>Win 98+ / OSX.1+</td>
- <td>1.7</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Mozilla 1.8</td>
- <td>Win 98+ / OSX.1+</td>
- <td>1.8</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Seamonkey 1.1</td>
- <td>Win 98+ / OSX.2+</td>
- <td>1.8</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Gecko</td>
- <td>Epiphany 2.20</td>
- <td>Gnome</td>
- <td>1.8</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Webkit</td>
- <td>Safari 1.2</td>
- <td>OSX.3</td>
- <td>125.5</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Webkit</td>
- <td>Safari 1.3</td>
- <td>OSX.3</td>
- <td>312.8</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Webkit</td>
- <td>Safari 2.0</td>
- <td>OSX.4+</td>
- <td>419.3</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Webkit</td>
- <td>Safari 3.0</td>
- <td>OSX.4+</td>
- <td>522.1</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Webkit</td>
- <td>OmniWeb 5.5</td>
- <td>OSX.4+</td>
- <td>420</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Webkit</td>
- <td>iPod Touch / iPhone</td>
- <td>iPod</td>
- <td>420.1</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Webkit</td>
- <td>S60</td>
- <td>S60</td>
- <td>413</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Presto</td>
- <td>Opera 7.0</td>
- <td>Win 95+ / OSX.1+</td>
- <td>-</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Presto</td>
- <td>Opera 7.5</td>
- <td>Win 95+ / OSX.2+</td>
- <td>-</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Presto</td>
- <td>Opera 8.0</td>
- <td>Win 95+ / OSX.2+</td>
- <td>-</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Presto</td>
- <td>Opera 8.5</td>
- <td>Win 95+ / OSX.2+</td>
- <td>-</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Presto</td>
- <td>Opera 9.0</td>
- <td>Win 95+ / OSX.3+</td>
- <td>-</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Presto</td>
- <td>Opera 9.2</td>
- <td>Win 88+ / OSX.3+</td>
- <td>-</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Presto</td>
- <td>Opera 9.5</td>
- <td>Win 88+ / OSX.3+</td>
- <td>-</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Presto</td>
- <td>Opera for Wii</td>
- <td>Wii</td>
- <td>-</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Presto</td>
- <td>Nokia N800</td>
- <td>N800</td>
- <td>-</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Presto</td>
- <td>Nintendo DS browser</td>
- <td>Nintendo DS</td>
- <td>8.5</td>
- <td>C/A<sup>1</sup></td>
- </tr>
- <tr>
- <td>KHTML</td>
- <td>Konqureror 3.1</td>
- <td>KDE 3.1</td>
- <td>3.1</td>
- <td>C</td>
- </tr>
- <tr>
- <td>KHTML</td>
- <td>Konqureror 3.3</td>
- <td>KDE 3.3</td>
- <td>3.3</td>
- <td>A</td>
- </tr>
- <tr>
- <td>KHTML</td>
- <td>Konqureror 3.5</td>
- <td>KDE 3.5</td>
- <td>3.5</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Tasman</td>
- <td>Internet Explorer 4.5</td>
- <td>Mac OS 8-9</td>
- <td>-</td>
- <td>X</td>
- </tr>
- <tr>
- <td>Tasman</td>
- <td>Internet Explorer 5.1</td>
- <td>Mac OS 7.6-9</td>
- <td>1</td>
- <td>C</td>
- </tr>
- <tr>
- <td>Tasman</td>
- <td>Internet Explorer 5.2</td>
- <td>Mac OS 8-X</td>
- <td>1</td>
- <td>C</td>
- </tr>
- <tr>
- <td>Misc</td>
- <td>NetFront 3.1</td>
- <td>Embedded devices</td>
- <td>-</td>
- <td>C</td>
- </tr>
- <tr>
- <td>Misc</td>
- <td>NetFront 3.4</td>
- <td>Embedded devices</td>
- <td>-</td>
- <td>A</td>
- </tr>
- <tr>
- <td>Misc</td>
- <td>Dillo 0.8</td>
- <td>Embedded devices</td>
- <td>-</td>
- <td>X</td>
- </tr>
- <tr>
- <td>Misc</td>
- <td>Links</td>
- <td>Text only</td>
- <td>-</td>
- <td>X</td>
- </tr>
- <tr>
- <td>Misc</td>
- <td>Lynx</td>
- <td>Text only</td>
- <td>-</td>
- <td>X</td>
- </tr>
- <tr>
- <td>Misc</td>
- <td>IE Mobile</td>
- <td>Windows Mobile 6</td>
- <td>-</td>
- <td>C</td>
- </tr>
- <tr>
- <td>Misc</td>
- <td>PSP browser</td>
- <td>PSP</td>
- <td>-</td>
- <td>C</td>
- </tr>
- <tr>
- <td>Other browsers</td>
- <td>All others</td>
- <td>-</td>
- <td>-</td>
- <td>U</td>
+ <td><?php echo $row->Phone;?></td>
+ <td> <?php echo $row->Country;?></td>
+ <td><?php echo $row->Zip;?></td>
</tr>
+ <?php
+ }
+ ?>
</tbody>
<tfoot>
<tr>
diff --git a/cart.php b/cart.php
index 1a541ce..91c4e03 100644
--- a/cart.php
+++ b/cart.php
@@ -31,41 +31,6 @@
<link rel="stylesheet" href="css/nouislider.min.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
- <script type="text/javascript">
- <?php
- $productid=$_GET['productid'];
- $query="select * from products where productid=$productid";
- $result=mysqli_query($conn,$query);
-
- $row=mysqli_fetch_object($result);
- ?>
-
- function updatePrice() {
- qty = document.getElementById("quantity")
- price = <?php echo $row->price."\n"; ?>
- maxp = <?php echo $row->quantity."\n"; ?>
- if (parseInt(qty.value) < maxp) {
- sum = (parseInt(qty.value) + 1) * price
- total = document.getElementById("total");
- total.innerHTML = "Total " + sum + " Euro"
- } else {
- alert("No such quantity in stocks");
- qty.value = maxp - 1
- }
- }
-
- function updatemPrice() {
- qty = document.getElementById("quantity")
- price = <?php echo $row->price."\n"; ?>
-
- if (parseInt(qty.value) > 1) {
- sum = (parseInt(qty.value) - 1) * price
- }
-
- total = document.getElementById("total");
- total.innerHTML = "Total " + sum + " Euro"
- }
- </script>
</head>
<body>
@@ -101,6 +66,7 @@ function updatemPrice() {
<th scope="col">Price</th>
<th scope="col">Quantity</th>
<th scope="col">Total</th>
+ <th scope="col">Delete</th>
</tr>
</thead>
<tbody>
@@ -127,18 +93,40 @@ function updatemPrice() {
<h5>$<?php echo $row->Price ?></h5>
</td>
<td>
- <div class="product_count">
- <input type="text" name="quantity" id="quantity" maxlength="12" value="1"
- title="Qty" class="input-text qty">
- <button onclick="updatemPrice();" class=" increase items-count" type="button"><i
- class="lnr lnr-chevron-up"></i></button>
- <button onclick="updatePrice(); " class=" reduced items-count" type="button"><i
- class="lnr lnr-chevron-down"></i></button>
- </div>
+ <form method="POST">
+ <div class="product_count">
+
+ <input type="submit" value="+"
+ onclick="var result = document.getElementById('<?php echo $row->tid; ?>'); var sst = result.value; if( !isNaN( sst )) result.value++;return false;"
+ class="increase items-count">
+ <input type="text" name="bid" id="<?php echo $row->tid; ?>" maxlength="12"
+ value="1" title="Quantity:" class="input-text qty">
+ <input type="submit" value="-"
+ onclick="var result = document.getElementById('<?php echo $row->tid; ?>'); var sst = result.value; if( !isNaN( sst ) && sst > 0 ) result.value--;return false;"
+ class="reduced items-count">
+ <input type="submit" name="deletebtn" class="button"
+ value="Delete single user data" />
+ </div>
+ </form>
+ <?php
+ echo $_POST['bid'];
+
+ if (isset($_POST['echo $row->tid']))
+ {
+ echo $_POST['$row->tid'];
+ }
+ else
+ {
+ echo "error";
+ }
+ ?>
</td>
<td>
<h5>$<?php echo $row->Price ?></h5>
</td>
+ <td>
+ <h5><?php echo'Delete' ?></h5>
+ </td>
</tr>
<?php
}
diff --git a/functions/db_connect.php b/functions/db_connect.php
index 24d426a..83933e8 100644
--- a/functions/db_connect.php
+++ b/functions/db_connect.php
@@ -3,7 +3,7 @@
$host="localhost";
$user="root";
$pass="";
-$db="shop";
+$db="store";
$conn=mysqli_connect($host,$user,$pass,$db);
global $conn;
diff --git a/info.php b/info.php
index 82034c2..2dcd72e 100644
--- a/info.php
+++ b/info.php
@@ -1,3 +1,6 @@
+<?php
+include 'functions/init.php';
+?>
<!DOCTYPE html>
<html lang="zxx" class="no-js">
@@ -64,55 +67,620 @@
<div class="row">
<div class="col-lg-8">
<h3>Personal Informations</h3>
- <form class="row contact_form" action="#" method="post" novalidate="novalidate">
+
+ <?php
+ $user=$_SESSION['user'];
+ $query="SELECT * FROM `informations` WHERE UserId='$user';";
+
+ $result=mysqli_query($conn, $query);
+ $row = mysqli_fetch_object($result);
+ if(mysqli_num_rows($result)>1){
+ ?>
+ <form class="row contact_form" action="updateinfo.php" method="post" novalidate="novalidate">
+ <div class="col-md-12 form-group" hidden>
+ <input type="text" class="form-control" id="company" name="ID"
+ value="<?php echo $row->informationId ?>" />
+ </div>
<div class="col-md-6 form-group p_star">
- <input type="text" class="form-control" id="first" name="name" />
- <span class="placeholder" data-placeholder="First name"></span>
+
+ <input required type="text" class="form-control" id="first" name="firstName"
+ placeholder="<?php echo $row->FirstName ?>" value="<?php echo $row->FirstName ?>" />
+
</div>
<div class="col-md-6 form-group p_star">
- <input type="text" class="form-control" id="last" name="name" />
- <span class="placeholder" data-placeholder="Last name"></span>
+ <input required type="text" class="form-control" id="last" name="lastName"
+ placeholder="<?php echo $row->LastName ?>" value="<?php echo $row->LastName ?> " />
+
</div>
- <div class="col-md-12 form-group">
- <input type="text" class="form-control" id="company" name="company"
- placeholder="Company name" />
+
+ <div class=" col-md-6 form-group p_star">
+ <input required type="number" class="form-control" id="number" name="Phone"
+ placeholder="<?php echo $row->Phone ?>" value="<?php echo $row->Phone ?>" />
+
+ </div>
+ <div class=" col-md-6 form-group p_star">
+ <input required type="email" class="form-control" id="email" name="email"
+ placeholder="<?php echo $row->email ?>" value="<?php echo $row->email ?> " />
+
+ </div>
+ <div class=" col-md-12 form-group p_star">
+ <select value name="country" class="country_select" required>
+ <option selected="true" value="<?php echo $row->Country ?>">
+ <?php echo $row->Country ?>
+ </option>
+ <option value="Afganistan">Afghanistan</option>
+ <option value="Albania">Albania</option>
+ <option value="Algeria">Algeria</option>
+ <option value="American Samoa">American Samoa</option>
+ <option value="Andorra">Andorra</option>
+ <option value="Angola">Angola</option>
+ <option value="Anguilla">Anguilla</option>
+ <option value="Antigua & Barbuda">Antigua & Barbuda</option>
+ <option value="Argentina">Argentina</option>
+ <option value="Armenia">Armenia</option>
+ <option value="Aruba">Aruba</option>
+ <option value="Australia">Australia</option>
+ <option value="Austria">Austria</option>
+ <option value="Azerbaijan">Azerbaijan</option>
+ <option value="Bahamas">Bahamas</option>
+ <option value="Bahrain">Bahrain</option>
+ <option value="Bangladesh">Bangladesh</option>
+ <option value="Barbados">Barbados</option>
+ <option value="Belarus">Belarus</option>
+ <option value="Belgium">Belgium</option>
+ <option value="Belize">Belize</option>
+ <option value="Benin">Benin</option>
+ <option value="Bermuda">Bermuda</option>
+ <option value="Bhutan">Bhutan</option>
+ <option value="Bolivia">Bolivia</option>
+ <option value="Bonaire">Bonaire</option>
+ <option value="Bosnia & Herzegovina">Bosnia & Herzegovina</option>
+ <option value="Botswana">Botswana</option>
+ <option value="Brazil">Brazil</option>
+ <option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
+ <option value="Brunei">Brunei</option>
+ <option value="Bulgaria">Bulgaria</option>
+ <option value="Burkina Faso">Burkina Faso</option>
+ <option value="Burundi">Burundi</option>
+ <option value="Cambodia">Cambodia</option>
+ <option value="Cameroon">Cameroon</option>
+ <option value="Canada">Canada</option>
+ <option value="Canary Islands">Canary Islands</option>
+ <option value="Cape Verde">Cape Verde</option>
+ <option value="Cayman Islands">Cayman Islands</option>
+ <option value="Central African Republic">Central African Republic</option>
+ <option value="Chad">Chad</option>
+ <option value="Channel Islands">Channel Islands</option>
+ <option value="Chile">Chile</option>
+ <option value="China">China</option>
+ <option value="Christmas Island">Christmas Island</option>
+ <option value="Cocos Island">Cocos Island</option>
+ <option value="Colombia">Colombia</option>
+ <option value="Comoros">Comoros</option>
+ <option value="Congo">Congo</option>
+ <option value="Cook Islands">Cook Islands</option>
+ <option value="Costa Rica">Costa Rica</option>
+ <option value="Cote DIvoire">Cote DIvoire</option>
+ <option value="Croatia">Croatia</option>
+ <option value="Cuba">Cuba</option>
+ <option value="Curaco">Curacao</option>
+ <option value="Cyprus">Cyprus</option>
+ <option value="Czech Republic">Czech Republic</option>
+ <option value="Denmark">Denmark</option>
+ <option value="Djibouti">Djibouti</option>
+ <option value="Dominica">Dominica</option>
+ <option value="Dominican Republic">Dominican Republic</option>
+ <option value="East Timor">East Timor</option>
+ <option value="Ecuador">Ecuador</option>
+ <option value="Egypt">Egypt</option>
+ <option value="El Salvador">El Salvador</option>
+ <option value="Equatorial Guinea">Equatorial Guinea</option>
+ <option value="Eritrea">Eritrea</option>
+ <option value="Estonia">Estonia</option>
+ <option value="Ethiopia">Ethiopia</option>
+ <option value="Falkland Islands">Falkland Islands</option>
+ <option value="Faroe Islands">Faroe Islands</option>
+ <option value="Fiji">Fiji</option>
+ <option value="Finland">Finland</option>
+ <option value="France">France</option>
+ <option value="French Guiana">French Guiana</option>
+ <option value="French Polynesia">French Polynesia</option>
+ <option value="French Southern Ter">French Southern Ter</option>
+ <option value="Gabon">Gabon</option>
+ <option value="Gambia">Gambia</option>
+ <option value="Georgia">Georgia</option>
+ <option value="Germany">Germany</option>
+ <option value="Ghana">Ghana</option>
+ <option value="Gibraltar">Gibraltar</option>
+ <option value="Great Britain">Great Britain</option>
+ <option value="Greece">Greece</option>
+ <option value="Greenland">Greenland</option>
+ <option value="Grenada">Grenada</option>
+ <option value="Guadeloupe">Guadeloupe</option>
+ <option value="Guam">Guam</option>
+ <option value="Guatemala">Guatemala</option>
+ <option value="Guinea">Guinea</option>
+ <option value="Guyana">Guyana</option>
+ <option value="Haiti">Haiti</option>
+ <option value="Hawaii">Hawaii</option>
+ <option value="Honduras">Honduras</option>
+ <option value="Hong Kong">Hong Kong</option>
+ <option value="Hungary">Hungary</option>
+ <option value="Iceland">Iceland</option>
+ <option value="Indonesia">Indonesia</option>
+ <option value="India">India</option>
+ <option value="Iran">Iran</option>
+ <option value="Iraq">Iraq</option>
+ <option value="Ireland">Ireland</option>
+ <option value="Isle of Man">Isle of Man</option>
+ <option value="Israel">Israel</option>
+ <option value="Italy">Italy</option>
+ <option value="Jamaica">Jamaica</option>
+ <option value="Japan">Japan</option>
+ <option value="Jordan">Jordan</option>
+ <option value="Kazakhstan">Kazakhstan</option>
+ <option value="Kenya">Kenya</option>
+ <option value="Kiribati">Kiribati</option>
+ <option value="Korea North">Korea North</option>
+ <option value="Korea Sout">Korea South</option>
+ <option value="Kuwait">Kuwait</option>
+ <option value="Kyrgyzstan">Kyrgyzstan</option>
+ <option value="Laos">Laos</option>
+ <option value="Latvia">Latvia</option>
+ <option value="Lebanon">Lebanon</option>
+ <option value="Lesotho">Lesotho</option>
+ <option value="Liberia">Liberia</option>
+ <option value="Libya">Libya</option>
+ <option value="Liechtenstein">Liechtenstein</option>
+ <option value="Lithuania">Lithuania</option>
+ <option value="Luxembourg">Luxembourg</option>
+ <option value="Macau">Macau</option>
+ <option value="Macedonia">Macedonia</option>
+ <option value="Madagascar">Madagascar</option>
+ <option value="Malaysia">Malaysia</option>
+ <option value="Malawi">Malawi</option>
+ <option value="Maldives">Maldives</option>
+ <option value="Mali">Mali</option>
+ <option value="Malta">Malta</option>
+ <option value="Marshall Islands">Marshall Islands</option>
+ <option value="Martinique">Martinique</option>
+ <option value="Mauritania">Mauritania</option>
+ <option value="Mauritius">Mauritius</option>
+ <option value="Mayotte">Mayotte</option>
+ <option value="Mexico">Mexico</option>
+ <option value="Midway Islands">Midway Islands</option>
+ <option value="Moldova">Moldova</option>
+ <option value="Monaco">Monaco</option>
+ <option value="Mongolia">Mongolia</option>
+ <option value="Montserrat">Montserrat</option>
+ <option value="Morocco">Morocco</option>
+ <option value="Mozambique">Mozambique</option>
+ <option value="Myanmar">Myanmar</option>
+ <option value="Nambia">Nambia</option>
+ <option value="Nauru">Nauru</option>
+ <option value="Nepal">Nepal</option>
+ <option value="Netherland Antilles">Netherland Antilles</option>
+ <option value="Netherlands">Netherlands (Holland, Europe)</option>
+ <option value="Nevis">Nevis</option>
+ <option value="New Caledonia">New Caledonia</option>
+ <option value="New Zealand">New Zealand</option>
+ <option value="Nicaragua">Nicaragua</option>
+ <option value="Niger">Niger</option>
+ <option value="Nigeria">Nigeria</option>
+ <option value="Niue">Niue</option>
+ <option value="Norfolk Island">Norfolk Island</option>
+ <option value="Norway">Norway</option>
+ <option value="Oman">Oman</option>
+ <option value="Pakistan">Pakistan</option>
+ <option value="Palau Island">Palau Island</option>
+ <option value="Palestine">Palestine</option>
+ <option value="Panama">Panama</option>
+ <option value="Papua New Guinea">Papua New Guinea</option>
+ <option value="Paraguay">Paraguay</option>
+ <option value="Peru">Peru</option>
+ <option value="Phillipines">Philippines</option>
+ <option value="Pitcairn Island">Pitcairn Island</option>
+ <option value="Poland">Poland</option>
+ <option value="Portugal">Portugal</option>
+ <option value="Puerto Rico">Puerto Rico</option>
+ <option value="Qatar">Qatar</option>
+ <option value="Republic of Montenegro">Republic of Montenegro</option>
+ <option value="Republic of Serbia">Republic of Serbia</option>
+ <option value="Reunion">Reunion</option>
+ <option value="Romania">Romania</option>
+ <option value="Russia">Russia</option>
+ <option value="Rwanda">Rwanda</option>
+ <option value="St Barthelemy">St Barthelemy</option>
+ <option value="St Eustatius">St Eustatius</option>
+ <option value="St Helena">St Helena</option>
+ <option value="St Kitts-Nevis">St Kitts-Nevis</option>
+ <option value="St Lucia">St Lucia</option>
+ <option value="St Maarten">St Maarten</option>
+ <option value="St Pierre & Miquelon">St Pierre & Miquelon</option>
+ <option value="St Vincent & Grenadines">St Vincent & Grenadines</option>
+ <option value="Saipan">Saipan</option>
+ <option value="Samoa">Samoa</option>
+ <option value="Samoa American">Samoa American</option>
+ <option value="San Marino">San Marino</option>
+ <option value="Sao Tome & Principe">Sao Tome & Principe</option>
+ <option value="Saudi Arabia">Saudi Arabia</option>
+ <option value="Senegal">Senegal</option>
+ <option value="Seychelles">Seychelles</option>
+ <option value="Sierra Leone">Sierra Leone</option>
+ <option value="Singapore">Singapore</option>
+ <option value="Slovakia">Slovakia</option>
+ <option value="Slovenia">Slovenia</option>
+ <option value="Solomon Islands">Solomon Islands</option>
+ <option value="Somalia">Somalia</option>
+ <option value="South Africa">South Africa</option>
+ <option value="Spain">Spain</option>
+ <option value="Sri Lanka">Sri Lanka</option>
+ <option value="Sudan">Sudan</option>
+ <option value="Suriname">Suriname</option>
+ <option value="Swaziland">Swaziland</option>
+ <option value="Sweden">Sweden</option>
+ <option value="Switzerland">Switzerland</option>
+ <option value="Syria">Syria</option>
+ <option value="Tahiti">Tahiti</option>
+ <option value="Taiwan">Taiwan</option>
+ <option value="Tajikistan">Tajikistan</option>
+ <option value="Tanzania">Tanzania</option>
+ <option value="Thailand">Thailand</option>
+ <option value="Togo">Togo</option>
+ <option value="Tokelau">Tokelau</option>
+ <option value="Tonga">Tonga</option>
+ <option value="Trinidad & Tobago">Trinidad & Tobago</option>
+ <option value="Tunisia">Tunisia</option>
+ <option value="Turkey">Turkey</option>
+ <option value="Turkmenistan">Turkmenistan</option>
+ <option value="Turks & Caicos Is">Turks & Caicos Is</option>
+ <option value="Tuvalu">Tuvalu</option>
+ <option value="Uganda">Uganda</option>
+ <option value="United Kingdom">United Kingdom</option>
+ <option value="Ukraine">Ukraine</option>
+ <option value="United Arab Erimates">United Arab Emirates</option>
+ <option value="United States of America">United States of America</option>
+ <option value="Uraguay">Uruguay</option>
+ <option value="Uzbekistan">Uzbekistan</option>
+ <option value="Vanuatu">Vanuatu</option>
+ <option value="Vatican City State">Vatican City State</option>
+ <option value="Venezuela">Venezuela</option>
+ <option value="Vietnam">Vietnam</option>
+ <option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>
+ <option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
+ <option value="Wake Island">Wake Island</option>
+ <option value="Wallis & Futana Is">Wallis & Futana Is</option>
+ <option value="Yemen">Yemen</option>
+ <option value="Zaire">Zaire</option>
+ <option value="Zambia">Zambia</option>
+ <option value="Zimbabwe">Zimbabwe</option>
+ </select>
+ </div>
+ <div class="col-md-12 form-group p_star">
+ <input required type="text" class="form-control" id="add1" name="add1"
+ placeholder="<?php echo $row->Addres1 ?>" value="<?php echo $row->Addres1 ?>" />
+
+ </div>
+ <div class=" col-md-12 form-group p_star">
+ <input type="text" class="form-control" id="<?php echo $row->Addres2 ?>" name="add2"
+ placeholder="Address line 02" value="<?php echo $row->Addres2 ?>" />
+
+ </div>
+ <div class=" col-md-12 form-group p_star">
+ <input required type="text" class="form-control" id="city" name="city"
+ placeholder="<?php echo $row->City ?>" value="<?php echo $row->City ?>" />
+
+ </div>
+
+ <div class=" col-md-12 form-group">
+ <input required type="text" class="form-control" id="zip" name="zip"
+ placeholder="<?php echo $row->Zip ?>" value="<?php echo $row->Zip ?>" />
+ </div>
+ <div class=" col-md-12 form-group">
+ <input type="submit" class="primary-btn form-control" id="subit" name="UPDATE"
+ value="UPDATE" />
+ </div>
+
+ </form>
+ <?php
+ }else{
+?>
+ <form class="row contact_form" action="actinfo.php" method="post" novalidate="novalidate">
+ <div class="col-md-12 form-group" hidden>
+ <input type="text" class="form-control" id="company" name="ID" value="" />
+ </div>
+ <div class="col-md-6 form-group p_star">
+
+ <input required type="text" class="form-control" id="first" name="firstName"
+ placeholder="First Name " />
+
</div>
<div class="col-md-6 form-group p_star">
- <input type="text" class="form-control" id="number" name="number" />
- <span class="placeholder" data-placeholder="Phone number"></span>
+ <input required type="text" class="form-control" id="last" name="lastName"
+ placeholder="Last name" />
+
</div>
+
<div class="col-md-6 form-group p_star">
- <input type="text" class="form-control" id="email" name="compemailany" />
- <span class="placeholder" data-placeholder="Email Address"></span>
+ <input required type="number" class="form-control" id="number" name="Phone"
+ placeholder="Last name" />
+
</div>
- <div class="col-md-12 form-group p_star">
- <select class="country_select">
- <option value="1">Country</option>
- <option value="2">Country</option>
- <option value="4">Country</option>
- </select>
+ <div class="col-md-6 form-group p_star">
+ <input required type="email" class="form-control" id="email" name="email"
+ placeholder="Last name" />
+
</div>
<div class="col-md-12 form-group p_star">
- <input type="text" class="form-control" id="add1" name="add1" />
- <span class="placeholder" data-placeholder="Address line 01"></span>
+ <select value name="country" class="country_select" required>
+ <option selected="true" disabled="disabled" value="Select Country">Select Country
+ </option>
+ <option value="Afganistan">Afghanistan</option>
+ <option value="Albania">Albania</option>
+ <option value="Algeria">Algeria</option>
+ <option value="American Samoa">American Samoa</option>
+ <option value="Andorra">Andorra</option>
+ <option value="Angola">Angola</option>
+ <option value="Anguilla">Anguilla</option>
+ <option value="Antigua & Barbuda">Antigua & Barbuda</option>
+ <option value="Argentina">Argentina</option>
+ <option value="Armenia">Armenia</option>
+ <option value="Aruba">Aruba</option>
+ <option value="Australia">Australia</option>
+ <option value="Austria">Austria</option>
+ <option value="Azerbaijan">Azerbaijan</option>
+ <option value="Bahamas">Bahamas</option>
+ <option value="Bahrain">Bahrain</option>
+ <option value="Bangladesh">Bangladesh</option>
+ <option value="Barbados">Barbados</option>
+ <option value="Belarus">Belarus</option>
+ <option value="Belgium">Belgium</option>
+ <option value="Belize">Belize</option>
+ <option value="Benin">Benin</option>
+ <option value="Bermuda">Bermuda</option>
+ <option value="Bhutan">Bhutan</option>
+ <option value="Bolivia">Bolivia</option>
+ <option value="Bonaire">Bonaire</option>
+ <option value="Bosnia & Herzegovina">Bosnia & Herzegovina</option>
+ <option value="Botswana">Botswana</option>
+ <option value="Brazil">Brazil</option>
+ <option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
+ <option value="Brunei">Brunei</option>
+ <option value="Bulgaria">Bulgaria</option>
+ <option value="Burkina Faso">Burkina Faso</option>
+ <option value="Burundi">Burundi</option>
+ <option value="Cambodia">Cambodia</option>
+ <option value="Cameroon">Cameroon</option>
+ <option value="Canada">Canada</option>
+ <option value="Canary Islands">Canary Islands</option>
+ <option value="Cape Verde">Cape Verde</option>
+ <option value="Cayman Islands">Cayman Islands</option>
+ <option value="Central African Republic">Central African Republic</option>
+ <option value="Chad">Chad</option>
+ <option value="Channel Islands">Channel Islands</option>
+ <option value="Chile">Chile</option>
+ <option value="China">China</option>
+ <option value="Christmas Island">Christmas Island</option>
+ <option value="Cocos Island">Cocos Island</option>
+ <option value="Colombia">Colombia</option>
+ <option value="Comoros">Comoros</option>
+ <option value="Congo">Congo</option>
+ <option value="Cook Islands">Cook Islands</option>
+ <option value="Costa Rica">Costa Rica</option>
+ <option value="Cote DIvoire">Cote DIvoire</option>
+ <option value="Croatia">Croatia</option>
+ <option value="Cuba">Cuba</option>
+ <option value="Curaco">Curacao</option>
+ <option value="Cyprus">Cyprus</option>
+ <option value="Czech Republic">Czech Republic</option>
+ <option value="Denmark">Denmark</option>
+ <option value="Djibouti">Djibouti</option>
+ <option value="Dominica">Dominica</option>
+ <option value="Dominican Republic">Dominican Republic</option>
+ <option value="East Timor">East Timor</option>
+ <option value="Ecuador">Ecuador</option>
+ <option value="Egypt">Egypt</option>
+ <option value="El Salvador">El Salvador</option>
+ <option value="Equatorial Guinea">Equatorial Guinea</option>
+ <option value="Eritrea">Eritrea</option>
+ <option value="Estonia">Estonia</option>
+ <option value="Ethiopia">Ethiopia</option>
+ <option value="Falkland Islands">Falkland Islands</option>
+ <option value="Faroe Islands">Faroe Islands</option>
+ <option value="Fiji">Fiji</option>
+ <option value="Finland">Finland</option>
+ <option value="France">France</option>
+ <option value="French Guiana">French Guiana</option>
+ <option value="French Polynesia">French Polynesia</option>
+ <option value="French Southern Ter">French Southern Ter</option>
+ <option value="Gabon">Gabon</option>
+ <option value="Gambia">Gambia</option>
+ <option value="Georgia">Georgia</option>
+ <option value="Germany">Germany</option>
+ <option value="Ghana">Ghana</option>
+ <option value="Gibraltar">Gibraltar</option>
+ <option value="Great Britain">Great Britain</option>
+ <option value="Greece">Greece</option>
+ <option value="Greenland">Greenland</option>
+ <option value="Grenada">Grenada</option>
+ <option value="Guadeloupe">Guadeloupe</option>
+ <option value="Guam">Guam</option>
+ <option value="Guatemala">Guatemala</option>
+ <option value="Guinea">Guinea</option>
+ <option value="Guyana">Guyana</option>
+ <option value="Haiti">Haiti</option>
+ <option value="Hawaii">Hawaii</option>
+ <option value="Honduras">Honduras</option>
+ <option value="Hong Kong">Hong Kong</option>
+ <option value="Hungary">Hungary</option>
+ <option value="Iceland">Iceland</option>
+ <option value="Indonesia">Indonesia</option>
+ <option value="India">India</option>
+ <option value="Iran">Iran</option>
+ <option value="Iraq">Iraq</option>
+ <option value="Ireland">Ireland</option>
+ <option value="Isle of Man">Isle of Man</option>
+ <option value="Israel">Israel</option>
+ <option value="Italy">Italy</option>
+ <option value="Jamaica">Jamaica</option>
+ <option value="Japan">Japan</option>
+ <option value="Jordan">Jordan</option>
+ <option value="Kazakhstan">Kazakhstan</option>
+ <option value="Kenya">Kenya</option>
+ <option value="Kiribati">Kiribati</option>
+ <option value="Korea North">Korea North</option>
+ <option value="Korea Sout">Korea South</option>
+ <option value="Kuwait">Kuwait</option>
+ <option value="Kyrgyzstan">Kyrgyzstan</option>
+ <option value="Laos">Laos</option>
+ <option value="Latvia">Latvia</option>
+ <option value="Lebanon">Lebanon</option>
+ <option value="Lesotho">Lesotho</option>
+ <option value="Liberia">Liberia</option>
+ <option value="Libya">Libya</option>
+ <option value="Liechtenstein">Liechtenstein</option>
+ <option value="Lithuania">Lithuania</option>
+ <option value="Luxembourg">Luxembourg</option>
+ <option value="Macau">Macau</option>
+ <option value="Macedonia">Macedonia</option>
+ <option value="Madagascar">Madagascar</option>
+ <option value="Malaysia">Malaysia</option>
+ <option value="Malawi">Malawi</option>
+ <option value="Maldives">Maldives</option>
+ <option value="Mali">Mali</option>
+ <option value="Malta">Malta</option>
+ <option value="Marshall Islands">Marshall Islands</option>
+ <option value="Martinique">Martinique</option>
+ <option value="Mauritania">Mauritania</option>
+ <option value="Mauritius">Mauritius</option>
+ <option value="Mayotte">Mayotte</option>
+ <option value="Mexico">Mexico</option>
+ <option value="Midway Islands">Midway Islands</option>
+ <option value="Moldova">Moldova</option>
+ <option value="Monaco">Monaco</option>
+ <option value="Mongolia">Mongolia</option>
+ <option value="Montserrat">Montserrat</option>
+ <option value="Morocco">Morocco</option>
+ <option value="Mozambique">Mozambique</option>
+ <option value="Myanmar">Myanmar</option>
+ <option value="Nambia">Nambia</option>
+ <option value="Nauru">Nauru</option>
+ <option value="Nepal">Nepal</option>
+ <option value="Netherland Antilles">Netherland Antilles</option>
+ <option value="Netherlands">Netherlands (Holland, Europe)</option>
+ <option value="Nevis">Nevis</option>
+ <option value="New Caledonia">New Caledonia</option>
+ <option value="New Zealand">New Zealand</option>
+ <option value="Nicaragua">Nicaragua</option>
+ <option value="Niger">Niger</option>
+ <option value="Nigeria">Nigeria</option>
+ <option value="Niue">Niue</option>
+ <option value="Norfolk Island">Norfolk Island</option>
+ <option value="Norway">Norway</option>
+ <option value="Oman">Oman</option>
+ <option value="Pakistan">Pakistan</option>
+ <option value="Palau Island">Palau Island</option>
+ <option value="Palestine">Palestine</option>
+ <option value="Panama">Panama</option>
+ <option value="Papua New Guinea">Papua New Guinea</option>
+ <option value="Paraguay">Paraguay</option>
+ <option value="Peru">Peru</option>
+ <option value="Phillipines">Philippines</option>
+ <option value="Pitcairn Island">Pitcairn Island</option>
+ <option value="Poland">Poland</option>
+ <option value="Portugal">Portugal</option>
+ <option value="Puerto Rico">Puerto Rico</option>
+ <option value="Qatar">Qatar</option>
+ <option value="Republic of Montenegro">Republic of Montenegro</option>
+ <option value="Republic of Serbia">Republic of Serbia</option>
+ <option value="Reunion">Reunion</option>
+ <option value="Romania">Romania</option>
+ <option value="Russia">Russia</option>
+ <option value="Rwanda">Rwanda</option>
+ <option value="St Barthelemy">St Barthelemy</option>
+ <option value="St Eustatius">St Eustatius</option>
+ <option value="St Helena">St Helena</option>
+ <option value="St Kitts-Nevis">St Kitts-Nevis</option>
+ <option value="St Lucia">St Lucia</option>
+ <option value="St Maarten">St Maarten</option>
+ <option value="St Pierre & Miquelon">St Pierre & Miquelon</option>
+ <option value="St Vincent & Grenadines">St Vincent & Grenadines</option>
+ <option value="Saipan">Saipan</option>
+ <option value="Samoa">Samoa</option>
+ <option value="Samoa American">Samoa American</option>
+ <option value="San Marino">San Marino</option>
+ <option value="Sao Tome & Principe">Sao Tome & Principe</option>
+ <option value="Saudi Arabia">Saudi Arabia</option>
+ <option value="Senegal">Senegal</option>
+ <option value="Seychelles">Seychelles</option>
+ <option value="Sierra Leone">Sierra Leone</option>
+ <option value="Singapore">Singapore</option>
+ <option value="Slovakia">Slovakia</option>
+ <option value="Slovenia">Slovenia</option>
+ <option value="Solomon Islands">Solomon Islands</option>
+ <option value="Somalia">Somalia</option>
+ <option value="South Africa">South Africa</option>
+ <option value="Spain">Spain</option>
+ <option value="Sri Lanka">Sri Lanka</option>
+ <option value="Sudan">Sudan</option>
+ <option value="Suriname">Suriname</option>
+ <option value="Swaziland">Swaziland</option>
+ <option value="Sweden">Sweden</option>
+ <option value="Switzerland">Switzerland</option>
+ <option value="Syria">Syria</option>
+ <option value="Tahiti">Tahiti</option>
+ <option value="Taiwan">Taiwan</option>
+ <option value="Tajikistan">Tajikistan</option>
+ <option value="Tanzania">Tanzania</option>
+ <option value="Thailand">Thailand</option>
+ <option value="Togo">Togo</option>
+ <option value="Tokelau">Tokelau</option>
+ <option value="Tonga">Tonga</option>
+ <option value="Trinidad & Tobago">Trinidad & Tobago</option>
+ <option value="Tunisia">Tunisia</option>
+ <option value="Turkey">Turkey</option>
+ <option value="Turkmenistan">Turkmenistan</option>
+ <option value="Turks & Caicos Is">Turks & Caicos Is</option>
+ <option value="Tuvalu">Tuvalu</option>
+ <option value="Uganda">Uganda</option>
+ <option value="United Kingdom">United Kingdom</option>
+ <option value="Ukraine">Ukraine</option>
+ <option value="United Arab Erimates">United Arab Emirates</option>
+ <option value="United States of America">United States of America</option>
+ <option value="Uraguay">Uruguay</option>
+ <option value="Uzbekistan">Uzbekistan</option>
+ <option value="Vanuatu">Vanuatu</option>
+ <option value="Vatican City State">Vatican City State</option>
+ <option value="Venezuela">Venezuela</option>
+ <option value="Vietnam">Vietnam</option>
+ <option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>
+ <option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
+ <option value="Wake Island">Wake Island</option>
+ <option value="Wallis & Futana Is">Wallis & Futana Is</option>
+ <option value="Yemen">Yemen</option>
+ <option value="Zaire">Zaire</option>
+ <option value="Zambia">Zambia</option>
+ <option value="Zimbabwe">Zimbabwe</option>
+ </select>
</div>
<div class="col-md-12 form-group p_star">
- <input type="text" class="form-control" id="add2" name="add2" />
- <span class="placeholder" data-placeholder="Address line 02"></span>
+ <input required type="text" class="form-control" id="add1" name="add1"
+ placeholder="Address line 01" />
+
</div>
<div class="col-md-12 form-group p_star">
- <input type="text" class="form-control" id="city" name="city" />
- <span class="placeholder" data-placeholder="Town/City"></span>
+ <input type="text" class="form-control" id="add2" name="add2"
+ placeholder="Address line 02" />
+
</div>
<div class="col-md-12 form-group p_star">
- <select class="country_select">
- <option value="1">District</option>
- <option value="2">District</option>
- <option value="4">District</option>
- </select>
+ <input required type="text" class="form-control" id="city" name="city"
+ placeholder="Town/City" />
+
</div>
+
<div class="col-md-12 form-group">
- <input type="text" class="form-control" id="zip" name="zip"
+ <input required type="text" class="form-control" id="zip" name="zip"
placeholder="Postcode/ZIP" />
</div>
<div class="col-md-12 form-group">
@@ -121,50 +689,11 @@
</div>
</form>
- <?php
- if (isset($_POST['s'])){
- $firstName = $_POST['username'];
- $LastName = $_POST['email'];
- $password = $_POST['password'];
- $cpassword = $_POST['confirmPassword'];
-
- $query = "select ID from users where username='$username'";
- $query1 = "select ID from users where email='$email'";
-
- $result = mysqli_query($conn, $query);
- $result1 = mysqli_query($conn, $query1);
-
- $nr=mysqli_num_rows($result);
- $nr1=mysqli_num_rows($result1);
- if ($password == $cpassword && strlen($password) >= 8) {
- $epassword = md5($password);
- if (strlen($username) < 9 || $nr > 0) {
- echo strlen($username);
- echo "<div class='alert alert-danger' role='alert'>Username must be longer then 8 characters or this username is already exist</div>";
- } else {
- if ($nr1>0 && !filter_var($email, FILTER_VALIDATE_EMAIL)) {
- echo "<div class='alert alert-danger' role='alert'>Email is already exist</div>";
- } else {
- $date=date("Y-m-d");
- echo $date;
- $query = "INSERT INTO `users`(`ID`, `username`, `password`, `email`, `date`) VALUES (null,'$username','$epassword','$email','$date')";
- echo "uspesno full";
- echo isset($result);
- mysqli_query($conn, $query);
- header("location: login.php");
- }
- }
-
- } else {
- ?>
- <div class="alert alert-danger" role="alert">Password must be longer then 8 characters or
- password doesnt match
- </div>
<?php
}
- }
-
- ?>
+ ?>
+
+
@@ -172,16 +701,27 @@
<div class="col-lg-4">
<div class="order_box">
<h2>Informations</h2>
+ <?php
+ $user=$_SESSION['user'];
+ $query="SELECT * FROM `informations` WHERE UserId='$user';";
+
+ $result=mysqli_query($conn, $query);
+ $row = mysqli_fetch_object($result);
+ $br=mysqli_num_rows($result);
+ ?>
<ul class="list">
<li>
- <a href="#">Number of orders <span>Total</span></a>
+ <a href="cart.php">Number of orders in card <span><?php echo $br; ?></span></a>
</li>
<li>
- <a href="#">Shipping <span>Total</span></a>
+ <a href="#">Number of orders <span>Total</span></a>
</li>
<li>
<a href="#">To be shipped <span>Total</span></a>
</li>
+ <li>
+ <a href="#">Shipped<span>Total</span></a>
+ </li>
<li>
<a href="#">Recived<span>Total</span></a>
</li>
diff --git a/infoaction.php b/infoaction.php
new file mode 100644
index 0000000..e7343b6
--- /dev/null
+++ b/infoaction.php
@@ -0,0 +1,32 @@
+<?php
+include "functions/init.php";
+
+$firstName = $_POST['firstName'];
+$lastName = $_POST['lastName'];
+$phone = $_POST['phone'];
+$email = $_POST['email'];
+$country = $_POST['country'];
+$ad1=$_POST['add1'];
+$ad2=$_POST['add2'];
+$city=$_POST['city'];
+$zip=$_POST['zip'];
+
+
+$query = "select * from users where username='$username' and password='$epassword'";
+
+$result = mysqli_query($conn, $query);
+
+$nr = mysqli_num_rows($result);
+
+if ($nr == 1) {
+ echo "You have been logged in";
+ $_SESSION['user'] = $username;
+ //$_SESSION['role'] = '1';
+ header("refresh:2;url=index.php");
+ echo "<h1>MARIO</h1>";
+} else {
+ echo "Go away. Wrong password or username ";
+
+ echo session_id();
+ header("url=login.php");
+}
\ No newline at end of file
diff --git a/login.php b/login.php
index 1c2c934..8e7e610 100644
--- a/login.php
+++ b/login.php
@@ -81,7 +81,8 @@
<div class="col-lg-6">
<div class="login_form_inner">
<h3>Log in to enter</h3>
- <form class="row login_form" action="#" method="POST" id="contactForm" novalidate="novalidate">
+ <form class="row login_form" action="actlogin.php" method="POST" id="contactForm"
+ novalidate="novalidate">
<div class="col-md-12 form-group">
<input type="text" class="form-control" id="name" name="username" placeholder="Username"
onfocus="this.placeholder = ''" onblur="this.placeholder = 'Username'" />
@@ -103,31 +104,6 @@
<a href="#">Forgot Password?</a>
</div>
</form>
- <?php
- if (isset($_POST['username'])){
- $username = $_POST['username'];
- $password = $_POST['password'];
-
- $epass=md5($password);
-
- $query="select * from users where username='$username' and password='$epass'";
-
- $result=mysqli_query($conn,$query);
-
- if(mysqli_num_rows($result)==1)
- {
- $row=mysqli_fetch_array($result);
- $_SESSION['user']=$row['username'];
-
- }
- else
- {
- echo "<div class='alert alert-danger' role='alert'>Wrong username or password</div>";
- session_destroy();
- }
- }
-?>
-
</div>
</div>
</div>
diff --git a/updateinfo.php b/updateinfo.php
new file mode 100644
index 0000000..c1efb05
--- /dev/null
+++ b/updateinfo.php
@@ -0,0 +1,27 @@
+<?php
+include("functions/init.php");
+ $firstName = $_POST['firstName'];
+ $ID=$_POST['ID'];
+ $lastName = $_POST['lastName'];
+ $phone = $_POST['Phone'];
+ $email = $_POST['email'];
+ $country = $_POST['country'];
+ $ad1=$_POST['add1'];
+ $ad2=$_POST['add2'];
+ $city=$_POST['city'];
+ $zip=$_POST['zip'];
+ $user=$_SESSION['user'];
+
+ if ($firstName >3 && $lastName >3 && $phone>5 && $ad1>5 && $city>3) {
+ $query="UPDATE `informations` SET `informationId`='$ID',`UserId`='$user',
+ `FirstName`='$firstName',`LastName`='$lastName',`Country`='$country',`Addres1`='$ad1',
+ `Addres2`='$ad2',`City`='$city',`Phone`='$phone',`Zip`='$zip',`email`='$email' WHERE informationId=$ID";
+ echo $query;
+ mysqli_query($conn, $query);
+ ?>
+<div class="alert alert-danger" role="alert">Succesfully
+</div>
+<?php
+ header("location: info.php");
+ }
+
\ No newline at end of file