110
This commit is contained in:
cereci5049
parent
dcb2c65b16
commit
2122eac1f9
345
src/a3a/admin/a3a2/_master.html
Normal file
345
src/a3a/admin/a3a2/_master.html
Normal file
@ -0,0 +1,345 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Connect Plus</title>
|
||||
<!-- plugins:css -->
|
||||
<link rel="stylesheet" href="/a3b/admin/vendors/mdi/css/materialdesignicons.min.css">
|
||||
<link rel="stylesheet" href="/a3b/admin/vendors/flag-icon-css/css/flag-icon.min.css">
|
||||
<link rel="stylesheet" href="/a3b/admin/vendors/css/vendor.bundle.base.css">
|
||||
<!-- endinject -->
|
||||
<!-- Plugin css for this page -->
|
||||
<link rel="stylesheet" href="/a3b/admin/vendors/font-awesome/css/font-awesome.min.css" />
|
||||
<link rel="stylesheet" href="/a3b/admin/vendors/bootstrap-datepicker/bootstrap-datepicker.min.css">
|
||||
<!-- End plugin css for this page -->
|
||||
<!-- inject:css -->
|
||||
<!-- endinject -->
|
||||
<!-- Layout styles -->
|
||||
<link rel="stylesheet" href="/a3b/admin/css/style.css">
|
||||
<!-- End layout styles -->
|
||||
<link rel="shortcut icon" href="/a3b/admin/images/favicon.png" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-scroller">
|
||||
<!-- partial:partials/_navbar.html -->
|
||||
<nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
|
||||
<div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center">
|
||||
<a class="navbar-brand brand-logo" href="/admin/dashboard"><img src="/a3b/admin/images/logo.svg" alt="logo" /></a>
|
||||
<a class="navbar-brand brand-logo-mini" href="/admin/dashboard"><img src="/a3b/admin/images/logo-mini.svg" alt="logo" /></a>
|
||||
</div>
|
||||
<div class="navbar-menu-wrapper d-flex align-items-stretch">
|
||||
<button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
|
||||
<span class="mdi mdi-menu"></span>
|
||||
</button>
|
||||
<ul class="navbar-nav navbar-nav-right">
|
||||
|
||||
<li class="nav-item nav-language dropdown d-none d-md-block">
|
||||
<a class="nav-link dropdown-toggle" id="languageDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
|
||||
<div class="nav-language-icon">
|
||||
<i class="flag-icon flag-icon-us" title="us" id="us"></i>
|
||||
</div>
|
||||
<div class="nav-language-text">
|
||||
<p class="mb-1 text-black">English</p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu navbar-dropdown" aria-labelledby="languageDropdown">
|
||||
<a class="dropdown-item" href="#">
|
||||
<div class="nav-language-icon mr-2">
|
||||
<i class="flag-icon flag-icon-ae" title="ae" id="ae"></i>
|
||||
</div>
|
||||
<div class="nav-language-text">
|
||||
<p class="mb-1 text-black">Arabic</p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">
|
||||
<div class="nav-language-icon mr-2">
|
||||
<i class="flag-icon flag-icon-gb" title="GB" id="gb"></i>
|
||||
</div>
|
||||
<div class="nav-language-text">
|
||||
<p class="mb-1 text-black">English</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item nav-profile dropdown">
|
||||
<a class="nav-link dropdown-toggle" id="profileDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
|
||||
<div class="nav-profile-img">
|
||||
<img src="/a3b/admin/images/faces/face28.png" alt="image">
|
||||
</div>
|
||||
<div class="nav-profile-text">
|
||||
<p class="mb-1 text-black">Henry Klein</p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu navbar-dropdown dropdown-menu-right p-0 border-0 font-size-sm" aria-labelledby="profileDropdown" data-x-placement="bottom-end">
|
||||
<div class="p-3 text-center bg-primary">
|
||||
<img class="img-avatar img-avatar48 img-avatar-thumb" src="/a3b/admin/images/faces/face28.png" alt="">
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<h5 class="dropdown-header text-uppercase pl-2 text-dark">User Options</h5>
|
||||
<a class="dropdown-item py-1 d-flex align-items-center justify-content-between" href="#">
|
||||
<span>Inbox</span>
|
||||
<span class="p-0">
|
||||
<span class="badge badge-primary">3</span>
|
||||
<i class="mdi mdi-email-open-outline ml-1"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="dropdown-item py-1 d-flex align-items-center justify-content-between" href="#">
|
||||
<span>Profile</span>
|
||||
<span class="p-0">
|
||||
<span class="badge badge-success">1</span>
|
||||
<i class="mdi mdi-account-outline ml-1"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="dropdown-item py-1 d-flex align-items-center justify-content-between" href="javascript:void(0)">
|
||||
<span>Settings</span>
|
||||
<i class="mdi mdi-settings"></i>
|
||||
</a>
|
||||
<div role="separator" class="dropdown-divider"></div>
|
||||
<h5 class="dropdown-header text-uppercase pl-2 text-dark mt-2">Actions</h5>
|
||||
<a class="dropdown-item py-1 d-flex align-items-center justify-content-between" href="#">
|
||||
<span>Lock Account</span>
|
||||
<i class="mdi mdi-lock ml-1"></i>
|
||||
</a>
|
||||
<a class="dropdown-item py-1 d-flex align-items-center justify-content-between" href="#">
|
||||
<span>Log Out</span>
|
||||
<i class="mdi mdi-logout ml-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link count-indicator dropdown-toggle" id="messageDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="mdi mdi-email-outline"></i>
|
||||
<span class="count-symbol bg-success"></span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="messageDropdown">
|
||||
<h6 class="p-3 mb-0 bg-primary text-white py-4">Messages</h6>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<img src="/a3b/admin/images/faces/face4.jpg" alt="image" class="profile-pic">
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject ellipsis mb-1 font-weight-normal">Mark send you a message</h6>
|
||||
<p class="text-gray mb-0"> 1 Minutes ago </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<img src="/a3b/admin/images/faces/face2.jpg" alt="image" class="profile-pic">
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject ellipsis mb-1 font-weight-normal">Cregh send you a message</h6>
|
||||
<p class="text-gray mb-0"> 15 Minutes ago </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<img src="/a3b/admin/images/faces/face3.jpg" alt="image" class="profile-pic">
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject ellipsis mb-1 font-weight-normal">Profile picture updated</h6>
|
||||
<p class="text-gray mb-0"> 18 Minutes ago </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<h6 class="p-3 mb-0 text-center">4 new messages</h6>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link count-indicator dropdown-toggle" id="notificationDropdown" href="#" data-toggle="dropdown">
|
||||
<i class="mdi mdi-bell-outline"></i>
|
||||
<span class="count-symbol bg-danger"></span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">
|
||||
<h6 class="p-3 mb-0 bg-primary text-white py-4">Notifications</h6>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<div class="preview-icon bg-success">
|
||||
<i class="mdi mdi-calendar"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject font-weight-normal mb-1">Event today</h6>
|
||||
<p class="text-gray ellipsis mb-0"> Just a reminder that you have an event today </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<div class="preview-icon bg-warning">
|
||||
<i class="mdi mdi-settings"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject font-weight-normal mb-1">Settings</h6>
|
||||
<p class="text-gray ellipsis mb-0"> Update dashboard </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<div class="preview-icon bg-info">
|
||||
<i class="mdi mdi-link-variant"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject font-weight-normal mb-1">Launch Admin</h6>
|
||||
<p class="text-gray ellipsis mb-0"> New admin wow! </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<h6 class="p-3 mb-0 text-center">See all notifications</h6>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
|
||||
<span class="mdi mdi-menu"></span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- partial -->
|
||||
<div class="container-fluid page-body-wrapper">
|
||||
<!-- partial:partials/_sidebar.html -->
|
||||
<nav class="sidebar sidebar-offcanvas" id="sidebar">
|
||||
<ul class="nav">
|
||||
<li class="nav-item nav-category">Main</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/admin/dashboard">
|
||||
<span class="icon-bg"><i class="mdi mdi-cube menu-icon"></i></span>
|
||||
<span class="menu-title">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="collapse" href="#ui-basic" aria-expanded="false" aria-controls="ui-basic">
|
||||
<span class="icon-bg"><i class="mdi mdi-crosshairs-gps menu-icon"></i></span>
|
||||
<span class="menu-title">UI Elements</span>
|
||||
<i class="menu-arrow"></i>
|
||||
</a>
|
||||
<div class="collapse" id="ui-basic">
|
||||
<ul class="nav flex-column sub-menu">
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/ui-features/buttons.html">Buttons</a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/ui-features/dropdowns.html">Dropdowns</a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/ui-features/typography.html">Typography</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="pages/icons/mdi.html">
|
||||
<span class="icon-bg"><i class="mdi mdi-contacts menu-icon"></i></span>
|
||||
<span class="menu-title">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="pages/forms/basic_elements.html">
|
||||
<span class="icon-bg"><i class="mdi mdi-format-list-bulleted menu-icon"></i></span>
|
||||
<span class="menu-title">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="pages/charts/chartjs.html">
|
||||
<span class="icon-bg"><i class="mdi mdi-chart-bar menu-icon"></i></span>
|
||||
<span class="menu-title">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="pages/tables/basic-table.html">
|
||||
<span class="icon-bg"><i class="mdi mdi-table-large menu-icon"></i></span>
|
||||
<span class="menu-title">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="collapse" href="#auth" aria-expanded="false" aria-controls="auth">
|
||||
<span class="icon-bg"><i class="mdi mdi-lock menu-icon"></i></span>
|
||||
<span class="menu-title">User Pages</span>
|
||||
<i class="menu-arrow"></i>
|
||||
</a>
|
||||
<div class="collapse" id="auth">
|
||||
<ul class="nav flex-column sub-menu">
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/samples/blank-page.html"> Blank Page </a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/samples/login.html"> Login </a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/samples/register.html"> Register </a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/samples/error-404.html"> 404 </a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/samples/error-500.html"> 500 </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item sidebar-user-actions">
|
||||
<div class="user-details">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="sidebar-profile-img">
|
||||
<img src="/a3b/admin/images/faces/face28.png" alt="image">
|
||||
</div>
|
||||
<div class="sidebar-profile-text">
|
||||
<p class="mb-1">Henry Klein</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="badge badge-danger">3</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item sidebar-user-actions">
|
||||
<div class="sidebar-user-menu">
|
||||
<a href="#" class="nav-link"><i class="mdi mdi-settings menu-icon"></i>
|
||||
<span class="menu-title">Settings</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item sidebar-user-actions">
|
||||
<div class="sidebar-user-menu">
|
||||
<a href="#" class="nav-link"><i class="mdi mdi-speedometer menu-icon"></i>
|
||||
<span class="menu-title">Take Tour</span></a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item sidebar-user-actions">
|
||||
<div class="sidebar-user-menu">
|
||||
<a href="#" class="nav-link"><i class="mdi mdi-logout menu-icon"></i>
|
||||
<span class="menu-title">Log Out</span></a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
{% block content %} {% endblock %}
|
||||
|
||||
<footer class="footer">
|
||||
<div class="footer-inner-wraper">
|
||||
<div class="d-sm-flex justify-content-center justify-content-sm-between">
|
||||
<span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © bootstrapdash.com 2020</span>
|
||||
<span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center"> Free <a href="https://www.bootstrapdash.com/" target="_blank">Bootstrap dashboard templates</a> from Bootstrapdash.com</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- partial -->
|
||||
</div>
|
||||
<!-- main-panel ends -->
|
||||
</div>
|
||||
<!-- page-body-wrapper ends -->
|
||||
</div>
|
||||
<!-- container-scroller -->
|
||||
<!-- plugins:js -->
|
||||
<script src="/a3b/admin/vendors/js/vendor.bundle.base.js"></script>
|
||||
<!-- endinject -->
|
||||
<!-- Plugin js for this page -->
|
||||
<script src="/a3b/admin/vendors/chart.js/Chart.min.js"></script>
|
||||
<script src="/a3b/admin/vendors/jquery-circle-progress/js/circle-progress.min.js"></script>
|
||||
<!-- End plugin js for this page -->
|
||||
<!-- inject:js -->
|
||||
<script src="/a3b/admin/js/off-canvas.js"></script>
|
||||
<script src="/a3b/admin/js/hoverable-collapse.js"></script>
|
||||
<script src="/a3b/admin/js/misc.js"></script>
|
||||
<!-- endinject -->
|
||||
<!-- Custom js for this page -->
|
||||
<script src="/a3b/admin/js/dashboard.js"></script>
|
||||
<!-- End custom js for this page -->
|
||||
</body>
|
||||
</html>
|
||||
@ -1,649 +1,316 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Connect Plus</title>
|
||||
<!-- plugins:css -->
|
||||
<link rel="stylesheet" href="/a3b/admin/vendors/mdi/css/materialdesignicons.min.css">
|
||||
<link rel="stylesheet" href="/a3b/admin/vendors/flag-icon-css/css/flag-icon.min.css">
|
||||
<link rel="stylesheet" href="/a3b/admin/vendors/css/vendor.bundle.base.css">
|
||||
<!-- endinject -->
|
||||
<!-- Plugin css for this page -->
|
||||
<link rel="stylesheet" href="/a3b/admin/vendors/font-awesome/css/font-awesome.min.css" />
|
||||
<link rel="stylesheet" href="/a3b/admin/vendors/bootstrap-datepicker/bootstrap-datepicker.min.css">
|
||||
<!-- End plugin css for this page -->
|
||||
<!-- inject:css -->
|
||||
<!-- endinject -->
|
||||
<!-- Layout styles -->
|
||||
<link rel="stylesheet" href="/a3b/admin/css/style.css">
|
||||
<!-- End layout styles -->
|
||||
<link rel="shortcut icon" href="/a3b/admin/images/favicon.png" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-scroller">
|
||||
<!-- partial:partials/_navbar.html -->
|
||||
<nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
|
||||
<div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center">
|
||||
<a class="navbar-brand brand-logo" href="/admin/dashboard"><img src="/a3b/admin/images/logo.svg" alt="logo" /></a>
|
||||
<a class="navbar-brand brand-logo-mini" href="/admin/dashboard"><img src="/a3b/admin/images/logo-mini.svg" alt="logo" /></a>
|
||||
</div>
|
||||
<div class="navbar-menu-wrapper d-flex align-items-stretch">
|
||||
<button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
|
||||
<span class="mdi mdi-menu"></span>
|
||||
</button>
|
||||
<ul class="navbar-nav navbar-nav-right">
|
||||
{% extends "a3a/admin/a3a2/_master.html" %}
|
||||
|
||||
<li class="nav-item nav-language dropdown d-none d-md-block">
|
||||
<a class="nav-link dropdown-toggle" id="languageDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
|
||||
<div class="nav-language-icon">
|
||||
<i class="flag-icon flag-icon-us" title="us" id="us"></i>
|
||||
</div>
|
||||
<div class="nav-language-text">
|
||||
<p class="mb-1 text-black">English</p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu navbar-dropdown" aria-labelledby="languageDropdown">
|
||||
<a class="dropdown-item" href="#">
|
||||
<div class="nav-language-icon mr-2">
|
||||
<i class="flag-icon flag-icon-ae" title="ae" id="ae"></i>
|
||||
</div>
|
||||
<div class="nav-language-text">
|
||||
<p class="mb-1 text-black">Arabic</p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">
|
||||
<div class="nav-language-icon mr-2">
|
||||
<i class="flag-icon flag-icon-gb" title="GB" id="gb"></i>
|
||||
</div>
|
||||
<div class="nav-language-text">
|
||||
<p class="mb-1 text-black">English</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item nav-profile dropdown">
|
||||
<a class="nav-link dropdown-toggle" id="profileDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
|
||||
<div class="nav-profile-img">
|
||||
<img src="/a3b/admin/images/faces/face28.png" alt="image">
|
||||
</div>
|
||||
<div class="nav-profile-text">
|
||||
<p class="mb-1 text-black">Henry Klein</p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-menu navbar-dropdown dropdown-menu-right p-0 border-0 font-size-sm" aria-labelledby="profileDropdown" data-x-placement="bottom-end">
|
||||
<div class="p-3 text-center bg-primary">
|
||||
<img class="img-avatar img-avatar48 img-avatar-thumb" src="/a3b/admin/images/faces/face28.png" alt="">
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<h5 class="dropdown-header text-uppercase pl-2 text-dark">User Options</h5>
|
||||
<a class="dropdown-item py-1 d-flex align-items-center justify-content-between" href="#">
|
||||
<span>Inbox</span>
|
||||
<span class="p-0">
|
||||
<span class="badge badge-primary">3</span>
|
||||
<i class="mdi mdi-email-open-outline ml-1"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="dropdown-item py-1 d-flex align-items-center justify-content-between" href="#">
|
||||
<span>Profile</span>
|
||||
<span class="p-0">
|
||||
<span class="badge badge-success">1</span>
|
||||
<i class="mdi mdi-account-outline ml-1"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="dropdown-item py-1 d-flex align-items-center justify-content-between" href="javascript:void(0)">
|
||||
<span>Settings</span>
|
||||
<i class="mdi mdi-settings"></i>
|
||||
</a>
|
||||
<div role="separator" class="dropdown-divider"></div>
|
||||
<h5 class="dropdown-header text-uppercase pl-2 text-dark mt-2">Actions</h5>
|
||||
<a class="dropdown-item py-1 d-flex align-items-center justify-content-between" href="#">
|
||||
<span>Lock Account</span>
|
||||
<i class="mdi mdi-lock ml-1"></i>
|
||||
</a>
|
||||
<a class="dropdown-item py-1 d-flex align-items-center justify-content-between" href="#">
|
||||
<span>Log Out</span>
|
||||
<i class="mdi mdi-logout ml-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link count-indicator dropdown-toggle" id="messageDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="mdi mdi-email-outline"></i>
|
||||
<span class="count-symbol bg-success"></span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="messageDropdown">
|
||||
<h6 class="p-3 mb-0 bg-primary text-white py-4">Messages</h6>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<img src="/a3b/admin/images/faces/face4.jpg" alt="image" class="profile-pic">
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject ellipsis mb-1 font-weight-normal">Mark send you a message</h6>
|
||||
<p class="text-gray mb-0"> 1 Minutes ago </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<img src="/a3b/admin/images/faces/face2.jpg" alt="image" class="profile-pic">
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject ellipsis mb-1 font-weight-normal">Cregh send you a message</h6>
|
||||
<p class="text-gray mb-0"> 15 Minutes ago </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<img src="/a3b/admin/images/faces/face3.jpg" alt="image" class="profile-pic">
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject ellipsis mb-1 font-weight-normal">Profile picture updated</h6>
|
||||
<p class="text-gray mb-0"> 18 Minutes ago </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<h6 class="p-3 mb-0 text-center">4 new messages</h6>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link count-indicator dropdown-toggle" id="notificationDropdown" href="#" data-toggle="dropdown">
|
||||
<i class="mdi mdi-bell-outline"></i>
|
||||
<span class="count-symbol bg-danger"></span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">
|
||||
<h6 class="p-3 mb-0 bg-primary text-white py-4">Notifications</h6>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<div class="preview-icon bg-success">
|
||||
<i class="mdi mdi-calendar"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject font-weight-normal mb-1">Event today</h6>
|
||||
<p class="text-gray ellipsis mb-0"> Just a reminder that you have an event today </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<div class="preview-icon bg-warning">
|
||||
<i class="mdi mdi-settings"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject font-weight-normal mb-1">Settings</h6>
|
||||
<p class="text-gray ellipsis mb-0"> Update dashboard </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item preview-item">
|
||||
<div class="preview-thumbnail">
|
||||
<div class="preview-icon bg-info">
|
||||
<i class="mdi mdi-link-variant"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="preview-item-content d-flex align-items-start flex-column justify-content-center">
|
||||
<h6 class="preview-subject font-weight-normal mb-1">Launch Admin</h6>
|
||||
<p class="text-gray ellipsis mb-0"> New admin wow! </p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<h6 class="p-3 mb-0 text-center">See all notifications</h6>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
|
||||
<span class="mdi mdi-menu"></span>
|
||||
</button>
|
||||
{% block content %}
|
||||
<!-- partial -->
|
||||
<div class="main-panel">
|
||||
<div class="content-wrapper">
|
||||
<div class="d-xl-flex justify-content-between align-items-start">
|
||||
<h2 class="text-dark font-weight-bold mb-2"> Overview dashboard </h2>
|
||||
<div class="d-sm-flex justify-content-xl-between align-items-center mb-2">
|
||||
<div class="btn-group bg-white p-3" role="group" aria-label="Basic example">
|
||||
<button type="button" class="btn btn-link text-light py-0 border-right">7 Days</button>
|
||||
<button type="button" class="btn btn-link text-dark py-0 border-right">1 Month</button>
|
||||
<button type="button" class="btn btn-link text-light py-0">3 Month</button>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- partial -->
|
||||
<div class="container-fluid page-body-wrapper">
|
||||
<!-- partial:partials/_sidebar.html -->
|
||||
<nav class="sidebar sidebar-offcanvas" id="sidebar">
|
||||
<ul class="nav">
|
||||
<li class="nav-item nav-category">Main</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/admin/dashboard">
|
||||
<span class="icon-bg"><i class="mdi mdi-cube menu-icon"></i></span>
|
||||
<span class="menu-title">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="collapse" href="#ui-basic" aria-expanded="false" aria-controls="ui-basic">
|
||||
<span class="icon-bg"><i class="mdi mdi-crosshairs-gps menu-icon"></i></span>
|
||||
<span class="menu-title">UI Elements</span>
|
||||
<i class="menu-arrow"></i>
|
||||
</a>
|
||||
<div class="collapse" id="ui-basic">
|
||||
<ul class="nav flex-column sub-menu">
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/ui-features/buttons.html">Buttons</a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/ui-features/dropdowns.html">Dropdowns</a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/ui-features/typography.html">Typography</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="pages/icons/mdi.html">
|
||||
<span class="icon-bg"><i class="mdi mdi-contacts menu-icon"></i></span>
|
||||
<span class="menu-title">Icons</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="pages/forms/basic_elements.html">
|
||||
<span class="icon-bg"><i class="mdi mdi-format-list-bulleted menu-icon"></i></span>
|
||||
<span class="menu-title">Forms</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="pages/charts/chartjs.html">
|
||||
<span class="icon-bg"><i class="mdi mdi-chart-bar menu-icon"></i></span>
|
||||
<span class="menu-title">Charts</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="pages/tables/basic-table.html">
|
||||
<span class="icon-bg"><i class="mdi mdi-table-large menu-icon"></i></span>
|
||||
<span class="menu-title">Tables</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="collapse" href="#auth" aria-expanded="false" aria-controls="auth">
|
||||
<span class="icon-bg"><i class="mdi mdi-lock menu-icon"></i></span>
|
||||
<span class="menu-title">User Pages</span>
|
||||
<i class="menu-arrow"></i>
|
||||
</a>
|
||||
<div class="collapse" id="auth">
|
||||
<ul class="nav flex-column sub-menu">
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/samples/blank-page.html"> Blank Page </a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/samples/login.html"> Login </a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/samples/register.html"> Register </a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/samples/error-404.html"> 404 </a></li>
|
||||
<li class="nav-item"> <a class="nav-link" href="pages/samples/error-500.html"> 500 </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item sidebar-user-actions">
|
||||
<div class="user-details">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="sidebar-profile-img">
|
||||
<img src="/a3b/admin/images/faces/face28.png" alt="image">
|
||||
</div>
|
||||
<div class="sidebar-profile-text">
|
||||
<p class="mb-1">Henry Klein</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown ml-0 ml-md-4 mt-2 mt-lg-0">
|
||||
<button class="btn bg-white dropdown-toggle p-3 d-flex align-items-center" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="mdi mdi-calendar mr-1"></i>24 Mar 2019 - 24 Mar 2019 </button>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton1">
|
||||
<h6 class="dropdown-header">Settings</h6>
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Separated link</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="tab-content tab-transparent-content">
|
||||
{# <div class="tab-pane fade show active" id="business-1" role="tabpanel" aria-labelledby="business-tab">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<h5 class="mb-2 text-dark font-weight-normal">Orders</h5>
|
||||
<h2 class="mb-4 text-dark font-weight-bold">932.00</h2>
|
||||
<div class="dashboard-progress dashboard-progress-1 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-lightbulb icon-md absolute-center text-dark"></i></div>
|
||||
<p class="mt-4 mb-0">Completed</p>
|
||||
<h3 class="mb-0 font-weight-bold mt-2 text-dark">5443</h3>
|
||||
</div>
|
||||
<div class="badge badge-danger">3</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item sidebar-user-actions">
|
||||
<div class="sidebar-user-menu">
|
||||
<a href="#" class="nav-link"><i class="mdi mdi-settings menu-icon"></i>
|
||||
<span class="menu-title">Settings</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item sidebar-user-actions">
|
||||
<div class="sidebar-user-menu">
|
||||
<a href="#" class="nav-link"><i class="mdi mdi-speedometer menu-icon"></i>
|
||||
<span class="menu-title">Take Tour</span></a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item sidebar-user-actions">
|
||||
<div class="sidebar-user-menu">
|
||||
<a href="#" class="nav-link"><i class="mdi mdi-logout menu-icon"></i>
|
||||
<span class="menu-title">Log Out</span></a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- partial -->
|
||||
<div class="main-panel">
|
||||
<div class="content-wrapper">
|
||||
<div class="d-xl-flex justify-content-between align-items-start">
|
||||
<h2 class="text-dark font-weight-bold mb-2"> Overview dashboard </h2>
|
||||
<div class="d-sm-flex justify-content-xl-between align-items-center mb-2">
|
||||
<div class="btn-group bg-white p-3" role="group" aria-label="Basic example">
|
||||
<button type="button" class="btn btn-link text-light py-0 border-right">7 Days</button>
|
||||
<button type="button" class="btn btn-link text-dark py-0 border-right">1 Month</button>
|
||||
<button type="button" class="btn btn-link text-light py-0">3 Month</button>
|
||||
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<h5 class="mb-2 text-dark font-weight-normal">Unique Visitors</h5>
|
||||
<h2 class="mb-4 text-dark font-weight-bold">756,00</h2>
|
||||
<div class="dashboard-progress dashboard-progress-2 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-account-circle icon-md absolute-center text-dark"></i></div>
|
||||
<p class="mt-4 mb-0">Increased since yesterday</p>
|
||||
<h3 class="mb-0 font-weight-bold mt-2 text-dark">50%</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown ml-0 ml-md-4 mt-2 mt-lg-0">
|
||||
<button class="btn bg-white dropdown-toggle p-3 d-flex align-items-center" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="mdi mdi-calendar mr-1"></i>24 Mar 2019 - 24 Mar 2019 </button>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton1">
|
||||
<h6 class="dropdown-header">Settings</h6>
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Separated link</a>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<h5 class="mb-2 text-dark font-weight-normal">Impressions</h5>
|
||||
<h2 class="mb-4 text-dark font-weight-bold">100,38</h2>
|
||||
<div class="dashboard-progress dashboard-progress-3 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-eye icon-md absolute-center text-dark"></i></div>
|
||||
<p class="mt-4 mb-0">Increased since yesterday</p>
|
||||
<h3 class="mb-0 font-weight-bold mt-2 text-dark">35%</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<h5 class="mb-2 text-dark font-weight-normal">Followers</h5>
|
||||
<h2 class="mb-4 text-dark font-weight-bold">4250k</h2>
|
||||
<div class="dashboard-progress dashboard-progress-4 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-cube icon-md absolute-center text-dark"></i></div>
|
||||
<p class="mt-4 mb-0">Decreased since yesterday</p>
|
||||
<h3 class="mb-0 font-weight-bold mt-2 text-dark">25%</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="tab-content tab-transparent-content">
|
||||
{# <div class="tab-pane fade show active" id="business-1" role="tabpanel" aria-labelledby="business-tab">
|
||||
<div class="col-12 grid-margin">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<h5 class="mb-2 text-dark font-weight-normal">Orders</h5>
|
||||
<h2 class="mb-4 text-dark font-weight-bold">932.00</h2>
|
||||
<div class="dashboard-progress dashboard-progress-1 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-lightbulb icon-md absolute-center text-dark"></i></div>
|
||||
<p class="mt-4 mb-0">Completed</p>
|
||||
<h3 class="mb-0 font-weight-bold mt-2 text-dark">5443</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<h5 class="mb-2 text-dark font-weight-normal">Unique Visitors</h5>
|
||||
<h2 class="mb-4 text-dark font-weight-bold">756,00</h2>
|
||||
<div class="dashboard-progress dashboard-progress-2 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-account-circle icon-md absolute-center text-dark"></i></div>
|
||||
<p class="mt-4 mb-0">Increased since yesterday</p>
|
||||
<h3 class="mb-0 font-weight-bold mt-2 text-dark">50%</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<h5 class="mb-2 text-dark font-weight-normal">Impressions</h5>
|
||||
<h2 class="mb-4 text-dark font-weight-bold">100,38</h2>
|
||||
<div class="dashboard-progress dashboard-progress-3 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-eye icon-md absolute-center text-dark"></i></div>
|
||||
<p class="mt-4 mb-0">Increased since yesterday</p>
|
||||
<h3 class="mb-0 font-weight-bold mt-2 text-dark">35%</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-lg-6 col-sm-6 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<h5 class="mb-2 text-dark font-weight-normal">Followers</h5>
|
||||
<h2 class="mb-4 text-dark font-weight-bold">4250k</h2>
|
||||
<div class="dashboard-progress dashboard-progress-4 d-flex align-items-center justify-content-center item-parent"><i class="mdi mdi-cube icon-md absolute-center text-dark"></i></div>
|
||||
<p class="mt-4 mb-0">Decreased since yesterday</p>
|
||||
<h3 class="mb-0 font-weight-bold mt-2 text-dark">25%</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 grid-margin">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h4 class="card-title mb-0">Recent Activity</h4>
|
||||
<div class="dropdown dropdown-arrow-none">
|
||||
<button class="btn p-0 text-dark dropdown-toggle" type="button" id="dropdownMenuIconButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuIconButton1">
|
||||
<h6 class="dropdown-header">Settings</h6>
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Separated link</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-4 grid-margin grid-margin-lg-0">
|
||||
<div class="wrapper pb-5 border-bottom">
|
||||
<div class="text-wrapper d-flex align-items-center justify-content-between mb-2">
|
||||
<p class="mb-0 text-dark">Total Profit</p>
|
||||
<span class="text-success"><i class="mdi mdi-arrow-up"></i>2.95%</span>
|
||||
</div>
|
||||
<h3 class="mb-0 text-dark font-weight-bold">$ 92556</h3>
|
||||
<canvas id="total-profit"></canvas>
|
||||
</div>
|
||||
<div class="wrapper pt-5">
|
||||
<div class="text-wrapper d-flex align-items-center justify-content-between mb-2">
|
||||
<p class="mb-0 text-dark">Expenses</p>
|
||||
<span class="text-success"><i class="mdi mdi-arrow-up"></i>52.95%</span>
|
||||
</div>
|
||||
<h3 class="mb-4 text-dark font-weight-bold">$ 59565</h3>
|
||||
<canvas id="total-expences"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-9 col-sm-8 grid-margin grid-margin-lg-0">
|
||||
<div class="pl-0 pl-lg-4 ">
|
||||
<div class="d-xl-flex justify-content-between align-items-center mb-2">
|
||||
<div class="d-lg-flex align-items-center mb-lg-2 mb-xl-0">
|
||||
<h3 class="text-dark font-weight-bold mr-2 mb-0">Devices sales</h3>
|
||||
<h5 class="mb-0">( growth 62% )</h5>
|
||||
</div>
|
||||
<div class="d-lg-flex">
|
||||
<p class="mr-2 mb-0">Timezone:</p>
|
||||
<p class="text-dark font-weight-bold mb-0">GMT-0400 Eastern Delight Time</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="graph-custom-legend clearfix" id="device-sales-legend"></div>
|
||||
<canvas id="device-sales"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h4 class="card-title mb-0">Recent Activity</h4>
|
||||
<div class="dropdown dropdown-arrow-none">
|
||||
<button class="btn p-0 text-dark dropdown-toggle" type="button" id="dropdownMenuIconButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuIconButton1">
|
||||
<h6 class="dropdown-header">Settings</h6>
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Separated link</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-4 grid-margin stretch-card">
|
||||
<div class="card card-danger-gradient">
|
||||
<div class="card-body mb-4">
|
||||
<h4 class="card-title text-white">Account Retention</h4>
|
||||
<canvas id="account-retension"></canvas>
|
||||
<div class="col-lg-3 col-sm-4 grid-margin grid-margin-lg-0">
|
||||
<div class="wrapper pb-5 border-bottom">
|
||||
<div class="text-wrapper d-flex align-items-center justify-content-between mb-2">
|
||||
<p class="mb-0 text-dark">Total Profit</p>
|
||||
<span class="text-success"><i class="mdi mdi-arrow-up"></i>2.95%</span>
|
||||
</div>
|
||||
<div class="card-body bg-white pt-4">
|
||||
<div class="row pt-4">
|
||||
<div class="col-sm-6">
|
||||
<div class="text-center border-right border-md-0">
|
||||
<h4>Conversion</h4>
|
||||
<h1 class="text-dark font-weight-bold mb-md-3">$306</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="text-center">
|
||||
<h4>Cancellation</h4>
|
||||
<h1 class="text-dark font-weight-bold">$1,520</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="mb-0 text-dark font-weight-bold">$ 92556</h3>
|
||||
<canvas id="total-profit"></canvas>
|
||||
</div>
|
||||
<div class="wrapper pt-5">
|
||||
<div class="text-wrapper d-flex align-items-center justify-content-between mb-2">
|
||||
<p class="mb-0 text-dark">Expenses</p>
|
||||
<span class="text-success"><i class="mdi mdi-arrow-up"></i>52.95%</span>
|
||||
</div>
|
||||
<h3 class="mb-4 text-dark font-weight-bold">$ 59565</h3>
|
||||
<canvas id="total-expences"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-xl-flex justify-content-between mb-2">
|
||||
<h4 class="card-title">Page views analytics</h4>
|
||||
<div class="graph-custom-legend primary-dot" id="pageViewAnalyticLengend"></div>
|
||||
<div class="col-lg-9 col-sm-8 grid-margin grid-margin-lg-0">
|
||||
<div class="pl-0 pl-lg-4 ">
|
||||
<div class="d-xl-flex justify-content-between align-items-center mb-2">
|
||||
<div class="d-lg-flex align-items-center mb-lg-2 mb-xl-0">
|
||||
<h3 class="text-dark font-weight-bold mr-2 mb-0">Devices sales</h3>
|
||||
<h5 class="mb-0">( growth 62% )</h5>
|
||||
</div>
|
||||
<div class="d-lg-flex">
|
||||
<p class="mr-2 mb-0">Timezone:</p>
|
||||
<p class="text-dark font-weight-bold mb-0">GMT-0400 Eastern Delight Time</p>
|
||||
</div>
|
||||
<canvas id="page-view-analytic"></canvas>
|
||||
</div>
|
||||
<div class="graph-custom-legend clearfix" id="device-sales-legend"></div>
|
||||
<canvas id="device-sales"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> #}
|
||||
|
||||
<div class="col-lg-12 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">Turnover Table</h4>
|
||||
{# <p class="card-description"> Add class <code>.table-striped</code> #}
|
||||
</p>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th> User </th>
|
||||
<th> Last name </th>
|
||||
<th> Email </th>
|
||||
<th> Orders </th>
|
||||
<th> Amount </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-1.png" alt="image" />
|
||||
</td>
|
||||
<td> Herman Beck </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $ 77.99 </td>
|
||||
<td> May 15, 2015 </td>
|
||||
</tr>
|
||||
|
||||
{% for (id, user) in users.pairs() %}
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-1.png" alt="image" />
|
||||
</td>
|
||||
<td> {{user.lastName}} </td>
|
||||
<td> {{user.email}} </td>
|
||||
<td> {{user.totalQuantity}} </td>
|
||||
<td> ₹ {{user.totalPrice}} </td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-2.png" alt="image" />
|
||||
</td>
|
||||
<td> Messsy Adam </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-danger" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $245.30 </td>
|
||||
<td> July 1, 2015 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-3.png" alt="image" />
|
||||
</td>
|
||||
<td> John Richards </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-warning" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $138.00 </td>
|
||||
<td> Apr 12, 2015 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-4.png" alt="image" />
|
||||
</td>
|
||||
<td> Peter Meggik </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-primary" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $ 77.99 </td>
|
||||
<td> May 15, 2015 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-1.png" alt="image" />
|
||||
</td>
|
||||
<td> Edward </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-danger" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $ 160.25 </td>
|
||||
<td> May 03, 2015 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-2.png" alt="image" />
|
||||
</td>
|
||||
<td> John Doe </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-info" role="progressbar" style="width: 65%" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $ 123.21 </td>
|
||||
<td> April 05, 2015 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-3.png" alt="image" />
|
||||
</td>
|
||||
<td> Henry Tom </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-warning" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $ 150.00 </td>
|
||||
<td> June 16, 2015 </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- content-wrapper ends -->
|
||||
<!-- partial:partials/_footer.html -->
|
||||
<footer class="footer">
|
||||
<div class="footer-inner-wraper">
|
||||
<div class="d-sm-flex justify-content-center justify-content-sm-between">
|
||||
<span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © bootstrapdash.com 2020</span>
|
||||
<span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center"> Free <a href="https://www.bootstrapdash.com/" target="_blank">Bootstrap dashboard templates</a> from Bootstrapdash.com</span>
|
||||
<div class="row">
|
||||
<div class="col-sm-4 grid-margin stretch-card">
|
||||
<div class="card card-danger-gradient">
|
||||
<div class="card-body mb-4">
|
||||
<h4 class="card-title text-white">Account Retention</h4>
|
||||
<canvas id="account-retension"></canvas>
|
||||
</div>
|
||||
<div class="card-body bg-white pt-4">
|
||||
<div class="row pt-4">
|
||||
<div class="col-sm-6">
|
||||
<div class="text-center border-right border-md-0">
|
||||
<h4>Conversion</h4>
|
||||
<h1 class="text-dark font-weight-bold mb-md-3">$306</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="text-center">
|
||||
<h4>Cancellation</h4>
|
||||
<h1 class="text-dark font-weight-bold">$1,520</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-xl-flex justify-content-between mb-2">
|
||||
<h4 class="card-title">Page views analytics</h4>
|
||||
<div class="graph-custom-legend primary-dot" id="pageViewAnalyticLengend"></div>
|
||||
</div>
|
||||
<canvas id="page-view-analytic"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- partial -->
|
||||
</div> #}
|
||||
|
||||
<div class="col-lg-12 grid-margin stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">Turnover Table</h4>
|
||||
</p>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th> User </th>
|
||||
<th> Last name </th>
|
||||
<th> Email </th>
|
||||
<th> Orders </th>
|
||||
<th> Amount </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{# <tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-1.png" alt="image" />
|
||||
</td>
|
||||
<td> Herman Beck </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $ 77.99 </td>
|
||||
<td> May 15, 2015 </td>
|
||||
</tr> #}
|
||||
|
||||
{% for (id, user) in users.pairs() %}
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-1.png" alt="image" />
|
||||
</td>
|
||||
{# <td> {{user.lastName}} </td> #}
|
||||
<td>
|
||||
<a href="/admin/{{user.id}}/show">
|
||||
{{user.lastName}}
|
||||
</a>
|
||||
</td>
|
||||
<td> {{user.email}} </td>
|
||||
<td> {{user.totalQuantity}} </td>
|
||||
<td> ₹ {{user.totalPrice}} </td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
|
||||
{# <tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-2.png" alt="image" />
|
||||
</td>
|
||||
<td> Messsy Adam </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-danger" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $245.30 </td>
|
||||
<td> July 1, 2015 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-3.png" alt="image" />
|
||||
</td>
|
||||
<td> John Richards </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-warning" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $138.00 </td>
|
||||
<td> Apr 12, 2015 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-4.png" alt="image" />
|
||||
</td>
|
||||
<td> Peter Meggik </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-primary" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $ 77.99 </td>
|
||||
<td> May 15, 2015 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-1.png" alt="image" />
|
||||
</td>
|
||||
<td> Edward </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-danger" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $ 160.25 </td>
|
||||
<td> May 03, 2015 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-2.png" alt="image" />
|
||||
</td>
|
||||
<td> John Doe </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-info" role="progressbar" style="width: 65%" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $ 123.21 </td>
|
||||
<td> April 05, 2015 </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="py-1">
|
||||
<img src="/a3b/admin/images/faces-clipart/pic-3.png" alt="image" />
|
||||
</td>
|
||||
<td> Henry Tom </td>
|
||||
<td>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-warning" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td> $ 150.00 </td>
|
||||
<td> June 16, 2015 </td>
|
||||
</tr> #}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- main-panel ends -->
|
||||
</div>
|
||||
<!-- page-body-wrapper ends -->
|
||||
</div>
|
||||
<!-- container-scroller -->
|
||||
<!-- plugins:js -->
|
||||
<script src="/a3b/admin/vendors/js/vendor.bundle.base.js"></script>
|
||||
<!-- endinject -->
|
||||
<!-- Plugin js for this page -->
|
||||
<script src="/a3b/admin/vendors/chart.js/Chart.min.js"></script>
|
||||
<script src="/a3b/admin/vendors/jquery-circle-progress/js/circle-progress.min.js"></script>
|
||||
<!-- End plugin js for this page -->
|
||||
<!-- inject:js -->
|
||||
<script src="/a3b/admin/js/off-canvas.js"></script>
|
||||
<script src="/a3b/admin/js/hoverable-collapse.js"></script>
|
||||
<script src="/a3b/admin/js/misc.js"></script>
|
||||
<!-- endinject -->
|
||||
<!-- Custom js for this page -->
|
||||
<script src="/a3b/admin/js/dashboard.js"></script>
|
||||
<!-- End custom js for this page -->
|
||||
</body>
|
||||
</html>
|
||||
</div>
|
||||
<!-- content-wrapper ends -->
|
||||
<!-- partial:partials/_footer.html -->
|
||||
|
||||
{% endblock %}
|
||||
0
src/a3a/admin/show.html
Normal file
0
src/a3a/admin/show.html
Normal file
@ -10,3 +10,6 @@ proc admin*(ctx: Context): string=
|
||||
users = db.getOrderAdmin()
|
||||
|
||||
compileTemplateFile(getScriptDir() / "a3a" / "admin" / "index.html")
|
||||
|
||||
proc adminShow*(ctx: Context): string=
|
||||
compileTemplateFile(getScriptDir() / "a3a" / "admin" / "show.html")
|
||||
|
||||
Loading…
Reference in New Issue
Block a user