TIF_E41201027/public/Backend/tinydash-master/light/index-horizontal.html

1240 lines
65 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>Tiny Dashboard - A Bootstrap Dashboard Template</title>
<!-- Simple bar CSS -->
<link rel="stylesheet" href="css/simplebar.css">
<!-- Fonts CSS -->
<link href="https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Icons CSS -->
<link rel="stylesheet" href="css/feather.css">
<link rel="stylesheet" href="css/select2.css">
<link rel="stylesheet" href="css/dropzone.css">
<link rel="stylesheet" href="css/uppy.min.css">
<link rel="stylesheet" href="css/jquery.steps.css">
<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/quill.snow.css">
<!-- Date Range Picker CSS -->
<link rel="stylesheet" href="css/daterangepicker.css">
<!-- App CSS -->
<link rel="stylesheet" href="css/app-light.css" id="lightTheme">
<link rel="stylesheet" href="css/app-dark.css" id="darkTheme" disabled>
</head>
<body class="horizontal light ">
<div class="wrapper">
<nav class="navbar navbar-expand-lg navbar-light bg-white flex-row border-bottom shadow">
<div class="container-fluid">
<a class="navbar-brand mx-lg-1 mr-0" href="./index.html">
<svg version="1.1" id="logo" class="navbar-brand-img brand-sm" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 120 120" xml:space="preserve">
<g>
<polygon class="st0" points="78,105 15,105 24,87 87,87 " />
<polygon class="st0" points="96,69 33,69 42,51 105,51 " />
<polygon class="st0" points="78,33 15,33 24,15 87,15 " />
</g>
</svg>
</a>
<button class="navbar-toggler mt-2 mr-auto toggle-sidebar text-muted">
<i class="fe fe-menu navbar-toggler-icon"></i>
</button>
<div class="navbar-slide bg-white ml-lg-4" id="navbarSupportedContent">
<a href="#" class="btn toggle-sidebar d-lg-none text-muted ml-2 mt-3" data-toggle="toggle">
<i class="fe fe-x"><span class="sr-only"></span></i>
</a>
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a href="#" id="dashboardDropdown" class="dropdown-toggle nav-link" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-lg-2">Dashboard</span><span class="sr-only">(current)</span>
</a>
<div class="dropdown-menu" aria-labelledby="dashboardDropdown">
<a class="nav-link pl-lg-2" href="./index.html"><span class="ml-1">Default</span></a>
<a class="nav-link pl-lg-2" href="./dashboard-analytics.html"><span class="ml-1">Analytics</span></a>
<a class="nav-link pl-lg-2" href="./dashboard-sales.html"><span class="ml-1">E-commerce</span></a>
<a class="nav-link pl-lg-2" href="./dashboard-saas.html"><span class="ml-1">Saas Dashboard</span></a>
<a class="nav-link pl-lg-2" href="./dashboard-system.html"><span class="ml-1">Systems</span></a>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" id="ui-elementsDropdown" class="dropdown-toggle nav-link" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-lg-2">UI elements</span>
</a>
<div class="dropdown-menu" aria-labelledby="ui-elementsDropdown">
<a class="nav-link pl-lg-2" href="./ui-color.html"><span class="ml-1">Colors</span></a>
<a class="nav-link pl-lg-2" href="./ui-typograpy.html"><span class="ml-1">Typograpy</span></a>
<a class="nav-link pl-lg-2" href="./ui-icons.html"><span class="ml-1">Icons</span></a>
<a class="nav-link pl-lg-2" href="./ui-buttons.html"><span class="ml-1">Buttons</span></a>
<a class="nav-link pl-lg-2" href="./ui-notification.html"><span class="ml-1">Notifications</span></a>
<a class="nav-link pl-lg-2" href="./ui-modals.html"><span class="ml-1">Modals</span></a>
<a class="nav-link pl-lg-2" href="./ui-tabs-accordion.html"><span class="ml-1">Tabs & Accordion</span></a>
<a class="nav-link pl-lg-2" href="./ui-progress.html"><span class="ml-1">Progress</span></a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="widgets.html">
<span class="ml-lg-2">Widgets</span>
<span class="badge badge-pill badge-primary">New</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="#" id="formsDropdown" class="dropdown-toggle nav-link" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-lg-2">Forms</span>
</a>
<div class="dropdown-menu" aria-labelledby="formsDropdown">
<a class="nav-link pl-lg-2" href="./form_elements.html"><span class="ml-1">Basic Elements</span></a>
<a class="nav-link pl-lg-2" href="./form_advanced.html"><span class="ml-1">Advanced Elements</span></a>
<a class="nav-link pl-lg-2" href="./form_validation.html"><span class="ml-1">Validation</span></a>
<a class="nav-link pl-lg-2" href="./form_layouts.html"><span class="ml-1">Layouts</span></a>
<a class="nav-link pl-lg-2" href="./form_upload.html"><span class="ml-1">File upload</span></a>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" id="tablesDropdown" class="dropdown-toggle nav-link" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-lg-2">Tables</span>
</a>
<div class="dropdown-menu" aria-labelledby="tablesDropdown">
<a class="nav-link pl-lg-2" href="./table_basic.html"><span class="ml-1">Basic Tables</span></a>
<a class="nav-link pl-lg-2" href="./table_advanced.html"><span class="ml-1">Advanced Tables</span></a>
<a class="nav-link pl-lg-2" href="./table_datatables.html"><span class="ml-1">Data Tables</span></a>
</div>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-3" href="#" id="chartsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Charts </a>
<ul class="dropdown-menu" aria-labelledby="chartsDropdown">
<a class="nav-link pl-lg-2" href="./chart-inline.html"><span class="ml-1">Inline Chart</span></a>
<a class="nav-link pl-lg-2" href="./chart-chartjs.html"><span class="ml-1">Chartjs</span></a>
<a class="nav-link pl-lg-2" href="./chart-apexcharts.html"><span class="ml-1">ApexCharts</span></a>
<a class="nav-link pl-lg-2" href="./datamaps.html"><span class="ml-1">Datamaps</span></a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-3" href="#" id="appsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Apps </a>
<ul class="dropdown-menu" aria-labelledby="appsDropdown">
<li class="nav-item">
<a class="nav-link pl-lg-2" href="./calendar.html">
<span class="ml-1">Calendar</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" id="contactDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-1">Contacts</span>
</a>
<ul class="dropdown-menu" aria-labelledby="contactDropdown">
<a class="nav-link pl-lg-2" href="./contacts-list.html"><span class="ml-1">Contact List</span></a>
<a class="nav-link pl-lg-2" href="./contacts-grid.html"><span class="ml-1">Contact Grid</span></a>
<a class="nav-link pl-lg-2" href="./contacts-new.html"><span class="ml-1">New Contact</span></a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="profileDropdown" aria-expanded="false">
<span class="ml-1">Profile</span>
</a>
<ul class="dropdown-menu" aria-labelledby="profileDropdown">
<a class="nav-link pl-lg-2" href="./profile.html"><span class="ml-1">Overview</span></a>
<a class="nav-link pl-lg-2" href="./profile-settings.html"><span class="ml-1">Settings</span></a>
<a class="nav-link pl-lg-2" href="./profile-security.html"><span class="ml-1">Security</span></a>
<a class="nav-link pl-lg-2" href="./profile-notification.html"><span class="ml-1">Notifications</span></a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="fileDropdown" aria-expanded="false">
<span class="ml-1">File Manager</span>
</a>
<ul class="dropdown-menu" aria-labelledby="fileDropdown">
<a class="nav-link pl-lg-2" href="./files-list.html"><span class="ml-1">Files List</span></a>
<a class="nav-link pl-lg-2" href="./files-grid.html"><span class="ml-1">Files Grid</span></a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="supportDropdown" aria-expanded="false">
<span class="ml-1">Help Desk</span>
</a>
<ul class="dropdown-menu" aria-labelledby="supportDropdown">
<a class="nav-link pl-lg-2" href="./support-center.html"><span class="ml-1">Home</span></a>
<a class="nav-link pl-lg-2" href="./support-tickets.html"><span class="ml-1">Tickets</span></a>
<a class="nav-link pl-lg-2" href="./support-ticket-detail.html"><span class="ml-1">Ticket Detail</span></a>
<a class="nav-link pl-lg-2" href="./support-faqs.html"><span class="ml-1">FAQs</span></a>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown more">
<a class="dropdown-toggle more-horizontal nav-link" href="#" id="moreDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-2 sr-only">More</span>
</a>
<ul class="dropdown-menu" aria-labelledby="moreDropdown">
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="pagesDropdown" aria-expanded="false">
<span class="ml-1">Pages</span>
</a>
<ul class="dropdown-menu" aria-labelledby="pagesDropdown">
<a class="nav-link pl-lg-2" href="./page-orders.html">
<span class="ml-1">Orders</span>
</a>
<a class="nav-link pl-lg-2" href="./page-timeline.html">
<span class="ml-1">Timeline</span>
</a>
<a class="nav-link pl-lg-2" href="./page-invoice.html">
<span class="ml-1">Invoice</span>
</a>
<a class="nav-link pl-lg-2" href="./page-404.html">
<span class="ml-1">Page 404</span>
</a>
<a class="nav-link pl-lg-2" href="./page-500.html">
<span class="ml-1">Page 500</span>
</a>
<a class="nav-link pl-lg-2" href="./page-blank.html">
<span class="ml-1">Blank</span>
</a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="authDropdown" aria-expanded="false">
<span class="ml-1">Authentication</span>
</a>
<ul class="dropdown-menu" aria-labelledby="authDropdown">
<a class="nav-link pl-lg-2" href="./auth-login.html"><span class="ml-1">Login 1</span></a>
<a class="nav-link pl-lg-2" href="./auth-login-half.html"><span class="ml-1">Login 2</span></a>
<a class="nav-link pl-lg-2" href="./auth-register.html"><span class="ml-1">Register</span></a>
<a class="nav-link pl-lg-2" href="./auth-resetpw.html"><span class="ml-1">Reset Password</span></a>
<a class="nav-link pl-lg-2" href="./auth-confirm.html"><span class="ml-1">Confirm Password</span></a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="layoutsDropdown" aria-expanded="false">
<span class="ml-1">Layouts</span>
</a>
<ul class="dropdown-menu" aria-labelledby="layoutsDropdown">
<a class="nav-link pl-lg-2" href="./index.html"><span class="ml-1">Default</span></a>
<a class="nav-link pl-lg-2" href="./index-horizontal.html"><span class="ml-1">Top Navigation</span></a>
<a class="nav-link pl-lg-2" href="./index-boxed.html"><span class="ml-1">Boxed</span></a>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<form class="form-inline ml-md-auto d-none d-lg-flex searchform text-muted">
<input class="form-control mr-sm-2 bg-transparent border-0 pl-4 text-muted" type="search" placeholder="Type something..." aria-label="Search">
</form>
<ul class="navbar-nav d-flex flex-row">
<li class="nav-item">
<a class="nav-link text-muted my-2" href="./#" id="modeSwitcher" data-mode="light">
<i class="fe fe-sun fe-16"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-muted my-2" href="./#" data-toggle="modal" data-target=".modal-shortcut">
<i class="fe fe-grid fe-16"></i>
</a>
</li>
<li class="nav-item nav-notif">
<a class="nav-link text-muted my-2" href="./#" data-toggle="modal" data-target=".modal-notif">
<i class="fe fe-bell fe-16"></i>
<span class="dot dot-md bg-success"></span>
</a>
</li>
<li class="nav-item dropdown ml-lg-0">
<a class="nav-link dropdown-toggle text-muted" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="avatar avatar-sm mt-2">
<img src="./assets/avatars/face-1.jpg" alt="..." class="avatar-img rounded-circle">
</span>
</a>
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
<li class="nav-item">
<a class="nav-link pl-3" href="#">Settings</a>
</li>
<li class="nav-item">
<a class="nav-link pl-3" href="#">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link pl-3" href="#">Activities</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<!-- <nav class="navbar navbar-expand-lg navbar-light bg-white flex-row border-bottom shadow">
<div class="container-fluid">
<a class="navbar-brand mx-lg-1 mr-0" href="./index.html">
<svg version="1.1" id="logo" class="navbar-brand-img brand-sm" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 120 120" xml:space="preserve">
<g>
<polygon class="st0" points="78,105 15,105 24,87 87,87 "/>
<polygon class="st0" points="96,69 33,69 42,51 105,51 "/>
<polygon class="st0" points="78,33 15,33 24,15 87,15 "/>
</g>
</svg>
</a>
<button class="navbar-toggler mt-2 mr-auto toggle-sidebar text-muted">
<i class="fe fe-menu navbar-toggler-icon"></i>
</button>
<div class="navbar-slide bg-white ml-lg-4" id="navbarSupportedContent">
<a href="#" class="btn toggle-sidebar d-lg-none text-muted ml-2 mt-3" data-toggle="toggle">
<i class="fe fe-x"><span class="sr-only"></span></i>
</a>
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a href="#" id="dashboardDropdown" class="dropdown-toggle nav-link" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-lg-2">Dashboard</span><span class="sr-only">(current)</span>
</a>
<div class="dropdown-menu" aria-labelledby="dashboardDropdown">
<a class="nav-link pl-lg-2" href="./index.html"><span class="ml-1">Default</span></a>
<a class="nav-link pl-lg-2" href="./dashboard-analytics.html"><span class="ml-1">Analytics</span></a>
<a class="nav-link pl-lg-2" href="./dashboard-sales.html"><span class="ml-1">E-commerce</span></a>
<a class="nav-link pl-lg-2" href="./dashboard-saas.html"><span class="ml-1">Saas Dashboard</span></a>
<a class="nav-link pl-lg-2" href="./dashboard-system.html"><span class="ml-1">Systems</span></a>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" id="ui-elementsDropdown" class="dropdown-toggle nav-link" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-lg-2">UI elements</span>
</a>
<div class="dropdown-menu" aria-labelledby="ui-elementsDropdown">
<a class="nav-link pl-lg-2" href="./ui-color.html"><span class="ml-1">Colors</span></a>
<a class="nav-link pl-lg-2" href="./ui-typograpy.html"><span class="ml-1">Typograpy</span></a>
<a class="nav-link pl-lg-2" href="./ui-icons.html"><span class="ml-1">Icons</span></a>
<a class="nav-link pl-lg-2" href="./ui-buttons.html"><span class="ml-1">Buttons</span></a>
<a class="nav-link pl-lg-2" href="./ui-notification.html"><span class="ml-1">Notifications</span></a>
<a class="nav-link pl-lg-2" href="./ui-modals.html"><span class="ml-1">Modals</span></a>
<a class="nav-link pl-lg-2" href="./ui-tabs-accordion.html"><span class="ml-1">Tabs & Accordion</span></a>
<a class="nav-link pl-lg-2" href="./ui-progress.html"><span class="ml-1">Progress</span></a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="widgets.html">
<span class="ml-lg-2">Widgets</span>
<span class="badge badge-pill badge-primary">New</span>
</a>
</li>
<li class="nav-item dropdown">
<a href="#" id="formsDropdown" class="dropdown-toggle nav-link" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-lg-2">Forms</span>
</a>
<div class="dropdown-menu" aria-labelledby="formsDropdown">
<a class="nav-link pl-lg-2" href="./form_elements.html"><span class="ml-1">Basic Elements</span></a>
<a class="nav-link pl-lg-2" href="./form_advanced.html"><span class="ml-1">Advanced Elements</span></a>
<a class="nav-link pl-lg-2" href="./form_validation.html"><span class="ml-1">Validation</span></a>
<a class="nav-link pl-lg-2" href="./form_layouts.html"><span class="ml-1">Layouts</span></a>
<a class="nav-link pl-lg-2" href="./form_upload.html"><span class="ml-1">File upload</span></a>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" id="tablesDropdown" class="dropdown-toggle nav-link" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-lg-2">Tables</span>
</a>
<div class="dropdown-menu" aria-labelledby="tablesDropdown">
<a class="nav-link pl-lg-2" href="./table_basic.html"><span class="ml-1">Basic Tables</span></a>
<a class="nav-link pl-lg-2" href="./table_advanced.html"><span class="ml-1">Advanced Tables</span></a>
<a class="nav-link pl-lg-2" href="./table_datatables.html"><span class="ml-1">Data Tables</span></a>
</div>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-3" href="#" id="chartsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Charts
</a>
<ul class="dropdown-menu" aria-labelledby="chartsDropdown">
<a class="nav-link pl-lg-2" href="./chart-inline.html"><span class="ml-1">Inline Chart</span></a>
<a class="nav-link pl-lg-2" href="./chart-chartjs.html"><span class="ml-1">Chartjs</span></a>
<a class="nav-link pl-lg-2" href="./chart-apexcharts.html"><span class="ml-1">ApexCharts</span></a>
<a class="nav-link pl-lg-2" href="./datamaps.html"><span class="ml-1">Datamaps</span></a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-3" href="#" id="appsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Apps
</a>
<ul class="dropdown-menu" aria-labelledby="appsDropdown">
<li class="nav-item">
<a class="nav-link pl-lg-2" href="./calendar.html">
<span class="ml-1">Calendar</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" id="contactDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-1">Contacts</span>
</a>
<ul class="dropdown-menu" aria-labelledby="contactDropdown">
<a class="nav-link pl-lg-2" href="./contacts-list.html"><span class="ml-1">Contact List</span></a>
<a class="nav-link pl-lg-2" href="./contacts-grid.html"><span class="ml-1">Contact Grid</span></a>
<a class="nav-link pl-lg-2" href="./contacts-new.html"><span class="ml-1">New Contact</span></a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="profileDropdown" aria-expanded="false">
<span class="ml-1">Profile</span>
</a>
<ul class="dropdown-menu" aria-labelledby="profileDropdown">
<a class="nav-link pl-lg-2" href="./profile.html"><span class="ml-1">Overview</span></a>
<a class="nav-link pl-lg-2" href="./profile-settings.html"><span class="ml-1">Settings</span></a>
<a class="nav-link pl-lg-2" href="./profile-security.html"><span class="ml-1">Security</span></a>
<a class="nav-link pl-lg-2" href="./profile-notification.html"><span class="ml-1">Notifications</span></a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="fileDropdown" aria-expanded="false">
<span class="ml-1">File Manager</span>
</a>
<ul class="dropdown-menu" aria-labelledby="fileDropdown">
<a class="nav-link pl-lg-2" href="./files-list.html"><span class="ml-1">Files List</span></a>
<a class="nav-link pl-lg-2" href="./files-grid.html"><span class="ml-1">Files Grid</span></a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="supportDropdown" aria-expanded="false">
<span class="ml-1">Help Desk</span>
</a>
<ul class="dropdown-menu" aria-labelledby="supportDropdown">
<a class="nav-link pl-lg-2" href="./support-center.html"><span class="ml-1">Home</span></a>
<a class="nav-link pl-lg-2" href="./support-tickets.html"><span class="ml-1">Tickets</span></a>
<a class="nav-link pl-lg-2" href="./support-ticket-detail.html"><span class="ml-1">Ticket Detail</span></a>
<a class="nav-link pl-lg-2" href="./support-faqs.html"><span class="ml-1">FAQs</span></a>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown more">
<a class="dropdown-toggle more-horizontal nav-link" href="#" id="moreDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="ml-2 sr-only">More</span>
</a>
<ul class="dropdown-menu" aria-labelledby="moreDropdown">
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="pagesDropdown" aria-expanded="false">
<span class="ml-1">Pages</span>
</a>
<ul class="dropdown-menu" aria-labelledby="pagesDropdown">
<a class="nav-link pl-lg-2" href="./page-orders.html">
<span class="ml-1">Orders</span>
</a>
<a class="nav-link pl-lg-2" href="./page-timeline.html">
<span class="ml-1">Timeline</span>
</a>
<a class="nav-link pl-lg-2" href="./page-invoice.html">
<span class="ml-1">Invoice</span>
</a>
<a class="nav-link pl-lg-2" href="./page-404.html">
<span class="ml-1">Page 404</span>
</a>
<a class="nav-link pl-lg-2" href="./page-500.html">
<span class="ml-1">Page 500</span>
</a>
<a class="nav-link pl-lg-2" href="./page-blank.html">
<span class="ml-1">Blank</span>
</a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="authDropdown" aria-expanded="false">
<span class="ml-1">Authentication</span>
</a>
<ul class="dropdown-menu" aria-labelledby="authDropdown">
<a class="nav-link pl-lg-2" href="./auth-login.html"><span class="ml-1">Login 1</span></a>
<a class="nav-link pl-lg-2" href="./auth-login-half.html"><span class="ml-1">Login 2</span></a>
<a class="nav-link pl-lg-2" href="./auth-register.html"><span class="ml-1">Register</span></a>
<a class="nav-link pl-lg-2" href="./auth-resetpw.html"><span class="ml-1">Reset Password</span></a>
<a class="nav-link pl-lg-2" href="./auth-confirm.html"><span class="ml-1">Confirm Password</span></a>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link pl-lg-2" href="#" data-toggle="collapse" id="layoutsDropdown" aria-expanded="false">
<span class="ml-1">Layouts</span>
</a>
<ul class="dropdown-menu" aria-labelledby="layoutsDropdown">
<a class="nav-link pl-lg-2" href="./index.html"><span class="ml-1">Default</span></a>
<a class="nav-link pl-lg-2" href="./index-horizontal.html"><span class="ml-1">Top Navigation</span></a>
<a class="nav-link pl-lg-2" href="./index-boxed.html"><span class="ml-1">Boxed</span></a>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<form class="form-inline ml-md-auto d-none d-lg-flex searchform text-muted">
<input class="form-control mr-sm-2 bg-transparent border-0 pl-4 text-muted" type="search" placeholder="Type something..." aria-label="Search">
</form>
<ul class="navbar-nav d-flex flex-row">
<li class="nav-item">
<a class="nav-link text-muted my-2" href="./#" id="modeSwitcher" data-mode="light">
<i class="fe fe-sun fe-16"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-muted my-2" href="./#" data-toggle="modal" data-target=".modal-shortcut">
<i class="fe fe-grid fe-16"></i>
</a>
</li>
<li class="nav-item nav-notif">
<a class="nav-link text-muted my-2" href="./#" data-toggle="modal" data-target=".modal-notif">
<i class="fe fe-bell fe-16"></i>
<span class="dot dot-md bg-success"></span>
</a>
</li>
<li class="nav-item dropdown ml-lg-0">
<a class="nav-link dropdown-toggle text-muted" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="avatar avatar-sm mt-2">
<img src="./assets/avatars/face-1.jpg" alt="..." class="avatar-img rounded-circle">
</span>
</a>
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
<li class="nav-item">
<a class="nav-link pl-3" href="#">Settings</a>
</li>
<li class="nav-item">
<a class="nav-link pl-3" href="#">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link pl-3" href="#">Activities</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
-->
<main role="main" class="main-content">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12">
<div class="row align-items-center mb-2">
<div class="col">
<h2 class="h5 page-title">Welcome!</h2>
</div>
<div class="col-auto">
<form class="form-inline">
<div class="form-group d-none d-lg-inline">
<label for="reportrange" class="sr-only">Date Ranges</label>
<div id="reportrange" class="px-2 py-2 text-muted">
<span class="small"></span>
</div>
</div>
<div class="form-group">
<button type="button" class="btn btn-sm"><span class="fe fe-refresh-ccw fe-16 text-muted"></span></button>
<button type="button" class="btn btn-sm mr-2"><span class="fe fe-filter fe-16 text-muted"></span></button>
</div>
</form>
</div>
</div>
<div class="mb-2 align-items-center">
<div class="card shadow mb-4">
<div class="card-body">
<div class="row mt-1 align-items-center">
<div class="col-12 col-lg-4 text-left pl-4">
<p class="mb-1 small text-muted">Balance</p>
<span class="h3">$12,600</span>
<span class="small text-muted">+20%</span>
<span class="fe fe-arrow-up text-success fe-12"></span>
<p class="text-muted"> Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui </p>
</div>
<div class="col-6 col-lg-2 text-center py-4">
<p class="mb-1 small text-muted">Today</p>
<span class="h3">$2600</span><br />
<span class="small text-muted">+20%</span>
<span class="fe fe-arrow-up text-success fe-12"></span>
</div>
<div class="col-6 col-lg-2 text-center py-4 mb-2">
<p class="mb-1 small text-muted">Goal Value</p>
<span class="h3">$260</span><br />
<span class="small text-muted">+6%</span>
<span class="fe fe-arrow-up text-success fe-12"></span>
</div>
<div class="col-6 col-lg-2 text-center py-4">
<p class="mb-1 small text-muted">Completions</p>
<span class="h3">26</span><br />
<span class="small text-muted">+20%</span>
<span class="fe fe-arrow-up text-success fe-12"></span>
</div>
<div class="col-6 col-lg-2 text-center py-4">
<p class="mb-1 small text-muted">Conversion</p>
<span class="h3">6%</span><br />
<span class="small text-muted">-2%</span>
<span class="fe fe-arrow-down text-danger fe-12"></span>
</div>
</div>
<div class="map-box">
<div id="areaChart"></div>
</div>
</div> <!-- .card-body -->
</div> <!-- .card -->
</div>
<div class="row items-align-baseline">
<div class="col-md-12 col-lg-4">
<div class="card shadow eq-card mb-4">
<div class="card-body mb-n3">
<div class="row items-align-baseline h-100">
<div class="col-md-6 my-3">
<p class="mb-0"><strong class="mb-0 text-uppercase text-muted">Earning</strong></p>
<h3>$2,562</h3>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="col-md-6 my-4 text-center">
<div lass="chart-box mx-4">
<div id="radialbarWidget"></div>
</div>
</div>
<div class="col-md-6 border-top py-3">
<p class="mb-1"><strong class="text-muted">Cost</strong></p>
<h4 class="mb-0">108</h4>
<p class="small text-muted mb-0"><span>37.7% Last week</span></p>
</div> <!-- .col -->
<div class="col-md-6 border-top py-3">
<p class="mb-1"><strong class="text-muted">Revenue</strong></p>
<h4 class="mb-0">1168</h4>
<p class="small text-muted mb-0"><span>-18.9% Last week</span></p>
</div> <!-- .col -->
</div>
</div> <!-- .card-body -->
</div> <!-- .card -->
</div> <!-- .col -->
<div class="col-md-12 col-lg-4">
<div class="card shadow eq-card mb-4">
<div class="card-body">
<div class="chart-widget mb-2">
<div id="radialbar"></div>
</div>
<div class="row items-align-center">
<div class="col-4 text-center">
<p class="text-muted mb-1">Cost</p>
<h6 class="mb-1">$1,823</h6>
<p class="text-muted mb-0">+12%</p>
</div>
<div class="col-4 text-center">
<p class="text-muted mb-1">Revenue</p>
<h6 class="mb-1">$6,830</h6>
<p class="text-muted mb-0">+8%</p>
</div>
<div class="col-4 text-center">
<p class="text-muted mb-1">Earning</p>
<h6 class="mb-1">$4,830</h6>
<p class="text-muted mb-0">+8%</p>
</div>
</div>
</div> <!-- .card-body -->
</div> <!-- .card -->
</div> <!-- .col -->
<div class="col-md-12 col-lg-4">
<div class="card shadow eq-card mb-4">
<div class="card-body">
<div class="d-flex mt-3 mb-4">
<div class="flex-fill pt-2">
<p class="mb-0 text-muted">Total</p>
<h4 class="mb-0">108</h4>
<span class="small text-muted">+37.7%</span>
</div>
<div class="flex-fill chart-box mt-n2">
<div id="barChartWidget"></div>
</div>
</div> <!-- .d-flex -->
<div class="row border-top">
<div class="col-md-6 pt-4">
<h6 class="mb-0">108 <span class="small text-muted">+37.7%</span></h6>
<p class="mb-0 text-muted">Cost</p>
</div>
<div class="col-md-6 pt-4">
<h6 class="mb-0">1168 <span class="small text-muted">-18.9%</span></h6>
<p class="mb-0 text-muted">Revenue</p>
</div>
</div> <!-- .row -->
</div> <!-- .card-body -->
</div> <!-- .card -->
</div> <!-- .col-md -->
</div> <!-- .row -->
<div class="row">
<!-- Recent Activity -->
<div class="col-md-12 col-lg-4 mb-4">
<div class="card timeline shadow">
<div class="card-header">
<strong class="card-title">Recent Activity</strong>
<a class="float-right small text-muted" href="#!">View all</a>
</div>
<div class="card-body" data-simplebar style="height:355px; overflow-y: auto; overflow-x: hidden;">
<h6 class="text-uppercase text-muted mb-4">Today</h6>
<div class="pb-3 timeline-item item-primary">
<div class="pl-5">
<div class="mb-1"><strong>@Brown Asher</strong><span class="text-muted small mx-2">Just create new layout Index, form, table</span><strong>Tiny Admin</strong></div>
<p class="small text-muted">Creative Design <span class="badge badge-light">1h ago</span>
</p>
</div>
</div>
<div class="pb-3 timeline-item item-warning">
<div class="pl-5">
<div class="mb-3"><strong>@Hester Nissim</strong><span class="text-muted small mx-2">has upload new files to</span><strong>Tiny Admin</strong></div>
<div class="row mb-3">
<div class="col"><img src="./assets/products/p1.jpg" alt="..." class="img-fluid rounded"></div>
<div class="col"><img src="./assets/products/p2.jpg" alt="..." class="img-fluid rounded"></div>
<div class="col"><img src="./assets/products/p3.jpg" alt="..." class="img-fluid rounded"></div>
<div class="col"><img src="./assets/products/p4.jpg" alt="..." class="img-fluid rounded"></div>
</div>
<p class="small text-muted">Front-End Development <span class="badge badge-light">1h ago</span>
</p>
</div>
</div>
<div class="pb-3 timeline-item item-success">
<div class="pl-5">
<div class="mb-3"><strong>@Kelley Sonya</strong><span class="text-muted small mx-2">has commented on</span><strong>Advanced table</strong></div>
<div class="card d-inline-flex mb-2">
<div class="card-body bg-light py-2 px-3"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dignissim nulla eu quam cursus placerat. Vivamus non odio ullamcorper, lacinia ante nec, blandit leo. </div>
</div>
<p class="small text-muted">Back-End Development <span class="badge badge-light">1h ago</span>
</p>
</div>
</div>
<h6 class="text-uppercase text-muted mb-4">Yesterday</h6>
<div class="pb-3 timeline-item item-warning">
<div class="pl-5">
<div class="mb-3"><strong>@Fletcher Everett</strong><span class="text-muted small mx-2">created new group for</span><strong>Tiny Admin</strong></div>
<ul class="avatars-list mb-3">
<li>
<a href="#!" class="avatar avatar-sm">
<img alt="..." class="avatar-img rounded-circle" src="./assets/avatars/face-1.jpg">
</a>
</li>
<li>
<a href="#!" class="avatar avatar-sm">
<img alt="..." class="avatar-img rounded-circle" src="./assets/avatars/face-4.jpg">
</a>
</li>
<li>
<a href="#!" class="avatar avatar-sm">
<img alt="..." class="avatar-img rounded-circle" src="./assets/avatars/face-3.jpg">
</a>
</li>
</ul>
<p class="small text-muted">Front-End Development <span class="badge badge-light">1h ago</span>
</p>
</div>
</div>
<div class="pb-3 timeline-item item-success">
<div class="pl-5">
<div class="mb-3"><strong>@Bertha Ball</strong><span class="text-muted small mx-2">has commented on</span><strong>Advanced table</strong></div>
<div class="card d-inline-flex mb-2">
<div class="card-body bg-light py-2 px-3"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dignissim nulla eu quam cursus placerat. Vivamus non odio ullamcorper, lacinia ante nec, blandit leo. </div>
</div>
<p class="small text-muted">Back-End Development <span class="badge badge-light">1h ago</span>
</p>
</div>
</div>
<div class="pb-3 timeline-item item-danger">
<div class="pl-5">
<div class="mb-3"><strong>@Lillith Joseph</strong><span class="text-muted small mx-2">has upload new files to</span><strong>Tiny Admin</strong></div>
<div class="row mb-3">
<div class="col-1"><img src="./assets/products/p4.jpg" alt="..." class="img-fluid rounded"></div>
<div class="col-1"><img src="./assets/products/p1.jpg" alt="..." class="img-fluid rounded"></div>
<div class="col-1"><img src="./assets/products/p2.jpg" alt="..." class="img-fluid rounded"></div>
</div>
<p class="small text-muted">Front-End Development <span class="badge badge-light">1h ago</span>
</p>
</div>
</div>
</div> <!-- / .card-body -->
</div> <!-- / .card -->
</div> <!-- / .col-md-6 -->
<!-- Striped rows -->
<div class="col-md-12 col-lg-8">
<div class="card shadow">
<div class="card-header">
<strong class="card-title">Recent Data</strong>
<a class="float-right small text-muted" href="#!">View all</a>
</div>
<div class="card-body my-n2">
<table class="table table-striped table-hover table-borderless">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Address</th>
<th>Phone</th>
<th>Date</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>2474</td>
<th scope="col">Brown, Asher D.</th>
<td>Ap #331-7123 Lobortis Avenue</td>
<td>(958) 421-0798</td>
<td>13/09/2020</td>
<td>
<div class="dropdown">
<button class="btn btn-sm dropdown-toggle more-vertical" type="button" id="dr1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="text-muted sr-only">Action</span>
</button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dr1">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Remove</a>
<a class="dropdown-item" href="#">Assign</a>
</div>
</div>
</td>
</tr>
<tr>
<td>2786</td>
<th scope="col">Leblanc, Yoshio V.</th>
<td>287-8300 Nisl. St.</td>
<td>(899) 881-3833</td>
<td>04/05/2019</td>
<td>
<div class="dropdown">
<button class="btn btn-sm dropdown-toggle more-vertical" type="button" id="dr2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="text-muted sr-only">Action</span>
</button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dr2">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Remove</a>
<a class="dropdown-item" href="#">Assign</a>
</div>
</div>
</td>
</tr>
<tr>
<td>2747</td>
<th scope="col">Hester, Nissim L.</th>
<td>4577 Cras St.</td>
<td>(977) 220-6518</td>
<td>04/06/2019</td>
<td>
<div class="dropdown">
<button class="btn btn-sm dropdown-toggle more-vertical" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="text-muted sr-only">Action</span>
</button>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Remove</a>
<a class="dropdown-item" href="#">Assign</a>
</div>
</div>
</td>
</tr>
<tr>
<td>2639</td>
<th scope="col">Gardner, Leigh S.</th>
<td>P.O. Box 228, 7512 Lectus Ave</td>
<td>(537) 315-1481</td>
<td>04/08/2019</td>
<td>
<div class="dropdown">
<button class="btn btn-sm dropdown-toggle more-vertical" type="button" id="dr4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="text-muted sr-only">Action</span>
</button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dr4">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Remove</a>
<a class="dropdown-item" href="#">Assign</a>
</div>
</div>
</td>
</tr>
<tr>
<td>2238</td>
<th scope="col">Higgins, Uriah L.</th>
<td>Ap #377-5357 Sed Road</td>
<td>(238) 386-0247</td>
<td>04/01/2019</td>
<td>
<div class="dropdown">
<button class="btn btn-sm dropdown-toggle more-vertical" type="button" id="dr5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="text-muted sr-only">Action</span>
</button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dr5">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Remove</a>
<a class="dropdown-item" href="#">Assign</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div> <!-- Striped rows -->
</div> <!-- .row-->
</div> <!-- .col-12 -->
</div> <!-- .row -->
</div> <!-- .container-fluid -->
<div class="modal fade modal-notif modal-slide" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="defaultModalLabel">Notifications</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="list-group list-group-flush my-n3">
<div class="list-group-item bg-transparent">
<div class="row align-items-center">
<div class="col-auto">
<span class="fe fe-box fe-24"></span>
</div>
<div class="col">
<small><strong>Package has uploaded successfull</strong></small>
<div class="my-0 text-muted small">Package is zipped and uploaded</div>
<small class="badge badge-pill badge-light text-muted">1m ago</small>
</div>
</div>
</div>
<div class="list-group-item bg-transparent">
<div class="row align-items-center">
<div class="col-auto">
<span class="fe fe-download fe-24"></span>
</div>
<div class="col">
<small><strong>Widgets are updated successfull</strong></small>
<div class="my-0 text-muted small">Just create new layout Index, form, table</div>
<small class="badge badge-pill badge-light text-muted">2m ago</small>
</div>
</div>
</div>
<div class="list-group-item bg-transparent">
<div class="row align-items-center">
<div class="col-auto">
<span class="fe fe-inbox fe-24"></span>
</div>
<div class="col">
<small><strong>Notifications have been sent</strong></small>
<div class="my-0 text-muted small">Fusce dapibus, tellus ac cursus commodo</div>
<small class="badge badge-pill badge-light text-muted">30m ago</small>
</div>
</div> <!-- / .row -->
</div>
<div class="list-group-item bg-transparent">
<div class="row align-items-center">
<div class="col-auto">
<span class="fe fe-link fe-24"></span>
</div>
<div class="col">
<small><strong>Link was attached to menu</strong></small>
<div class="my-0 text-muted small">New layout has been attached to the menu</div>
<small class="badge badge-pill badge-light text-muted">1h ago</small>
</div>
</div>
</div> <!-- / .row -->
</div> <!-- / .list-group -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Clear All</button>
</div>
</div>
</div>
</div>
<div class="modal fade modal-shortcut modal-slide" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="defaultModalLabel">Shortcuts</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body px-5">
<div class="row align-items-center">
<div class="col-6 text-center">
<div class="squircle bg-success justify-content-center">
<i class="fe fe-cpu fe-32 align-self-center text-white"></i>
</div>
<p>Control area</p>
</div>
<div class="col-6 text-center">
<div class="squircle bg-primary justify-content-center">
<i class="fe fe-activity fe-32 align-self-center text-white"></i>
</div>
<p>Activity</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-6 text-center">
<div class="squircle bg-primary justify-content-center">
<i class="fe fe-droplet fe-32 align-self-center text-white"></i>
</div>
<p>Droplet</p>
</div>
<div class="col-6 text-center">
<div class="squircle bg-primary justify-content-center">
<i class="fe fe-upload-cloud fe-32 align-self-center text-white"></i>
</div>
<p>Upload</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-6 text-center">
<div class="squircle bg-primary justify-content-center">
<i class="fe fe-users fe-32 align-self-center text-white"></i>
</div>
<p>Users</p>
</div>
<div class="col-6 text-center">
<div class="squircle bg-primary justify-content-center">
<i class="fe fe-settings fe-32 align-self-center text-white"></i>
</div>
<p>Settings</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main> <!-- main -->
</div> <!-- .wrapper -->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/simplebar.min.js"></script>
<script src='js/daterangepicker.js'></script>
<script src='js/jquery.stickOnScroll.js'></script>
<script src="js/tinycolor-min.js"></script>
<script src="js/config.js"></script>
<script src="js/d3.min.js"></script>
<script src="js/topojson.min.js"></script>
<script src="js/datamaps.all.min.js"></script>
<script src="js/datamaps-zoomto.js"></script>
<script src="js/datamaps.custom.js"></script>
<script src="js/Chart.min.js"></script>
<script>
/* defind global options */
Chart.defaults.global.defaultFontFamily = base.defaultFontFamily;
Chart.defaults.global.defaultFontColor = colors.mutedColor;
</script>
<script src="js/gauge.min.js"></script>
<script src="js/jquery.sparkline.min.js"></script>
<script src="js/apexcharts.min.js"></script>
<script src="js/apexcharts.custom.js"></script>
<script src='js/jquery.mask.min.js'></script>
<script src='js/select2.min.js'></script>
<script src='js/jquery.steps.min.js'></script>
<script src='js/jquery.validate.min.js'></script>
<script src='js/jquery.timepicker.js'></script>
<script src='js/dropzone.min.js'></script>
<script src='js/uppy.min.js'></script>
<script src='js/quill.min.js'></script>
<script>
$('.select2').select2(
{
theme: 'bootstrap4',
});
$('.select2-multi').select2(
{
multiple: true,
theme: 'bootstrap4',
});
$('.drgpicker').daterangepicker(
{
singleDatePicker: true,
timePicker: false,
showDropdowns: true,
locale:
{
format: 'MM/DD/YYYY'
}
});
$('.time-input').timepicker(
{
'scrollDefault': 'now',
'zindex': '9999' /* fix modal open */
});
/** date range picker */
if ($('.datetimes').length)
{
$('.datetimes').daterangepicker(
{
timePicker: true,
startDate: moment().startOf('hour'),
endDate: moment().startOf('hour').add(32, 'hour'),
locale:
{
format: 'M/DD hh:mm A'
}
});
}
var start = moment().subtract(29, 'days');
var end = moment();
function cb(start, end)
{
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
}
$('#reportrange').daterangepicker(
{
startDate: start,
endDate: end,
ranges:
{
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}
}, cb);
cb(start, end);
$('.input-placeholder').mask("00/00/0000",
{
placeholder: "__/__/____"
});
$('.input-zip').mask('00000-000',
{
placeholder: "____-___"
});
$('.input-money').mask("#.##0,00",
{
reverse: true
});
$('.input-phoneus').mask('(000) 000-0000');
$('.input-mixed').mask('AAA 000-S0S');
$('.input-ip').mask('0ZZ.0ZZ.0ZZ.0ZZ',
{
translation:
{
'Z':
{
pattern: /[0-9]/,
optional: true
}
},
placeholder: "___.___.___.___"
});
// editor
var editor = document.getElementById('editor');
if (editor)
{
var toolbarOptions = [
[
{
'font': []
}],
[
{
'header': [1, 2, 3, 4, 5, 6, false]
}],
['bold', 'italic', 'underline', 'strike'],
['blockquote', 'code-block'],
[
{
'header': 1
},
{
'header': 2
}],
[
{
'list': 'ordered'
},
{
'list': 'bullet'
}],
[
{
'script': 'sub'
},
{
'script': 'super'
}],
[
{
'indent': '-1'
},
{
'indent': '+1'
}], // outdent/indent
[
{
'direction': 'rtl'
}], // text direction
[
{
'color': []
},
{
'background': []
}], // dropdown with defaults from theme
[
{
'align': []
}],
['clean'] // remove formatting button
];
var quill = new Quill(editor,
{
modules:
{
toolbar: toolbarOptions
},
theme: 'snow'
});
}
// Example starter JavaScript for disabling form submissions if there are invalid fields
(function()
{
'use strict';
window.addEventListener('load', function()
{
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.getElementsByClassName('needs-validation');
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(forms, function(form)
{
form.addEventListener('submit', function(event)
{
if (form.checkValidity() === false)
{
event.preventDefault();
event.stopPropagation();
}
form.classList.add('was-validated');
}, false);
});
}, false);
})();
</script>
<script>
var uptarg = document.getElementById('drag-drop-area');
if (uptarg)
{
var uppy = Uppy.Core().use(Uppy.Dashboard,
{
inline: true,
target: uptarg,
proudlyDisplayPoweredByUppy: false,
theme: 'dark',
width: 770,
height: 210,
plugins: ['Webcam']
}).use(Uppy.Tus,
{
endpoint: 'https://master.tus.io/files/'
});
uppy.on('complete', (result) =>
{
console.log('Upload complete! Weve uploaded these files:', result.successful)
});
}
</script>
<script src="js/apps.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-56159088-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag()
{
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-56159088-1');
</script>
</body>
</html>