admin-lte 4.0.0-alpha2 → 4.0.0-beta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.bundlewatch.config.json +6 -6
- package/.cache/.eslintcache +1 -1
- package/.cache/.stylelintcache +1 -1
- package/.gitpod.yml +1 -1
- package/README.md +9 -4
- package/dist/assets/img/AdminLTEFullLogo.png +0 -0
- package/dist/css/adminlte.css +879 -418
- package/dist/css/adminlte.css.map +1 -1
- package/dist/css/adminlte.min.css +2 -2
- package/dist/css/adminlte.min.css.map +1 -1
- package/dist/css/adminlte.rtl.css +886 -416
- package/dist/css/adminlte.rtl.css.map +1 -1
- package/dist/css/adminlte.rtl.min.css +2 -2
- package/dist/css/adminlte.rtl.min.css.map +1 -1
- package/dist/js/adminlte.js +178 -96
- package/dist/js/adminlte.js.map +1 -1
- package/dist/js/adminlte.min.js +3 -3
- package/dist/js/adminlte.min.js.map +1 -1
- package/dist/pages/UI/general.html +895 -0
- package/dist/pages/UI/timeline.html +309 -515
- package/dist/pages/docs/browser-support.html +265 -433
- package/dist/pages/docs/color-mode.html +482 -615
- package/dist/pages/docs/components/main-header.html +516 -703
- package/dist/pages/docs/components/main-sidebar.html +550 -0
- package/dist/pages/docs/faq.html +433 -0
- package/dist/pages/docs/how-to-contribute.html +474 -0
- package/dist/pages/docs/introduction.html +463 -0
- package/dist/pages/docs/javascript/treeview.html +453 -0
- package/dist/pages/docs/layout.html +293 -433
- package/dist/pages/docs/license.html +436 -0
- package/dist/pages/examples/lockscreen.html +69 -0
- package/dist/pages/examples/login-v2.html +88 -0
- package/dist/pages/examples/login.html +49 -100
- package/dist/pages/examples/register-v2.html +90 -0
- package/dist/pages/examples/register.html +50 -103
- package/dist/pages/forms/general.html +430 -454
- package/dist/pages/index.html +466 -740
- package/dist/pages/index2.html +672 -1041
- package/dist/pages/index3.html +371 -629
- package/dist/pages/layout/collapsed-sidebar.html +441 -0
- package/dist/pages/layout/fixed-complete.html +541 -0
- package/dist/pages/layout/fixed-sidebar.html +263 -446
- package/dist/pages/layout/layout-rtl.html +263 -445
- package/dist/pages/layout/logo-switch.html +234 -0
- package/dist/pages/layout/sidebar-mini.html +263 -445
- package/dist/pages/layout/unfixed-sidebar.html +263 -445
- package/dist/pages/tables/simple.html +314 -499
- package/dist/pages/widgets/cards.html +326 -629
- package/dist/pages/widgets/info-box.html +348 -674
- package/dist/pages/widgets/small-box.html +279 -465
- package/index.html +6 -10
- package/package.json +34 -30
- package/src/assets/img/AdminLTEFullLogo.png +0 -0
- package/src/config/astro.config.mjs +3 -1
- package/src/html/.prettierrc.js +11 -0
- package/src/html/components/_head.astro +32 -26
- package/src/html/components/_scripts.astro +27 -28
- package/src/html/components/dashboard/_footer.astro +14 -8
- package/src/html/components/dashboard/_sidenav.astro +352 -113
- package/src/html/components/dashboard/_topbar.astro +99 -50
- package/src/html/components/docs/{browser-support/index.md → browser-support.mdx} +2 -1
- package/src/html/components/docs/color-mode.mdx +169 -0
- package/src/html/components/docs/components/{main-header-1.md → main-header.mdx} +60 -21
- package/src/html/components/docs/components/main-sidebar.mdx +129 -0
- package/src/html/components/docs/faq.mdx +11 -0
- package/src/html/components/docs/how-to-contribute.mdx +34 -0
- package/src/html/components/docs/{introduction/index.md → introduction.mdx} +30 -5
- package/src/html/components/docs/license.mdx +9 -0
- package/src/html/components/javascript/treeview.mdx +39 -0
- package/src/html/pages/UI/general.astro +1451 -0
- package/src/html/pages/UI/timeline.astro +111 -48
- package/src/html/pages/docs/browser-support.astro +24 -11
- package/src/html/pages/docs/color-mode.astro +91 -42
- package/src/html/pages/docs/components/main-header.astro +134 -46
- package/src/html/pages/docs/components/main-sidebar.astro +71 -0
- package/src/html/pages/docs/faq.astro +71 -0
- package/src/html/pages/docs/how-to-contribute.astro +71 -0
- package/src/html/pages/docs/{index.astro → introduction.astro} +24 -11
- package/src/html/pages/docs/javascript/treeview.astro +71 -0
- package/src/html/pages/docs/layout.astro +62 -19
- package/src/html/pages/docs/license.astro +71 -0
- package/src/html/pages/examples/lockscreen.astro +63 -0
- package/src/html/pages/examples/login-v2.astro +109 -0
- package/src/html/pages/examples/login.astro +34 -16
- package/src/html/pages/examples/register-v2.astro +116 -0
- package/src/html/pages/examples/register.astro +36 -18
- package/src/html/pages/forms/general.astro +568 -37
- package/src/html/pages/index.astro +403 -157
- package/src/html/pages/index2.astro +715 -255
- package/src/html/pages/index3.astro +298 -197
- package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
- package/src/html/pages/layout/fixed-complete.astro +209 -0
- package/src/html/pages/layout/fixed-sidebar.astro +52 -27
- package/src/html/pages/layout/layout-rtl.astro +53 -28
- package/src/html/pages/layout/logo-switch.astro +212 -0
- package/src/html/pages/layout/sidebar-mini.astro +53 -28
- package/src/html/pages/layout/unfixed-sidebar.astro +51 -27
- package/src/html/pages/tables/simple.astro +226 -86
- package/src/html/pages/widgets/cards.astro +137 -72
- package/src/html/pages/widgets/info-box.astro +96 -41
- package/src/html/pages/widgets/small-box.astro +93 -32
- package/src/scss/_app-content.scss +52 -0
- package/src/scss/_app-footer.scss +1 -1
- package/src/scss/_app-main.scss +6 -5
- package/src/scss/_app-sidebar.scss +244 -70
- package/src/scss/_bootstrap-variables.scss +26 -22
- package/src/scss/_callouts.scss +6 -0
- package/src/scss/_cards.scss +32 -7
- package/src/scss/_compact-mode.scss +79 -0
- package/src/scss/_direct-chat.scss +5 -0
- package/src/scss/_dropdown.scss +1 -0
- package/src/scss/_info-box.scss +2 -10
- package/src/scss/_small-box.scss +0 -3
- package/src/scss/_timeline.scss +1 -0
- package/src/scss/_toasts.scss +33 -0
- package/src/scss/_variables.scss +32 -9
- package/src/scss/adminlte.scss +1 -2
- package/src/scss/mixins/_animations.scss +0 -5
- package/src/scss/pages/_lockscreen.scss +75 -0
- package/src/scss/pages/_login_and_register.scss +1 -3
- package/src/scss/parts/_core.scss +2 -0
- package/src/scss/parts/_extra-components.scss +1 -0
- package/src/scss/parts/_pages.scss +1 -0
- package/src/ts/adminlte.ts +3 -1
- package/src/ts/card-widget.ts +20 -52
- package/src/ts/direct-chat.ts +5 -4
- package/src/ts/fullscreen.ts +110 -0
- package/src/ts/layout.ts +5 -4
- package/src/ts/push-menu.ts +6 -22
- package/src/ts/treeview.ts +34 -11
- package/src/ts/util/index.ts +15 -13
- package/src/utils/index.js +20 -3
- package/.idea/AdminLTE.iml +0 -12
- package/.idea/codeStyles/Project.xml +0 -29
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/inspectionProfiles/Project_Default.xml +0 -7
- package/.idea/modules.xml +0 -8
- package/.idea/php.xml +0 -28
- package/.idea/vcs.xml +0 -6
- package/dist/pages/docs.html +0 -617
- package/src/html/components/docs/color-mode/navbar-html.md +0 -80
- package/src/html/components/docs/color-mode/toggle-script.md +0 -48
package/dist/pages/index3.html
CHANGED
|
@@ -1,529 +1,372 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
2
|
+
<html lang="en"> <!--begin::Head-->
|
|
3
3
|
|
|
4
4
|
<head>
|
|
5
5
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
6
|
-
|
|
7
|
-
<title>AdminLTE | Dashboard v3</title>
|
|
6
|
+
<title>AdminLTE | Dashboard v3</title><!--begin::Primary Meta Tags-->
|
|
8
7
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
9
8
|
<meta name="title" content="AdminLTE | Dashboard v3">
|
|
10
9
|
<meta name="author" content="ColorlibHQ">
|
|
11
10
|
<meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS.">
|
|
12
|
-
<meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
18
|
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
19
|
-
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
|
|
20
|
-
|
|
21
|
-
<!-- overlayscrollbars -->
|
|
22
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/styles/overlayscrollbars.min.css" integrity="sha256-LWLZPJ7X1jJLI5OG5695qDemW1qQ7lNdbTfQ64ylbUY=" crossorigin="anonymous">
|
|
23
|
-
|
|
24
|
-
<!-- @fortawesome/fontawesome-free -->
|
|
25
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.3.0/css/all.min.css" integrity="sha256-/4UQcSmErDzPCMAiuOiWPVVsNN2s3ZY/NsmXNcj0IFc=" crossorigin="anonymous">
|
|
26
|
-
|
|
27
|
-
<!-- REQUIRED LINKS -->
|
|
28
|
-
|
|
29
|
-
<!-- Theme style -->
|
|
30
|
-
<link rel="stylesheet" href="../../dist/css/adminlte.css">
|
|
31
|
-
|
|
32
|
-
<!-- apexcharts -->
|
|
11
|
+
<meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"><!--end::Primary Meta Tags--><!--begin::Fonts-->
|
|
12
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css" integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" crossorigin="anonymous"><!--end::Fonts--><!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
13
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css" integrity="sha256-dSokZseQNT08wYEWiz5iLI8QPlKxG+TswNRD8k35cpg=" crossorigin="anonymous"><!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Third Party Plugin(Bootstrap Icons)-->
|
|
14
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css" integrity="sha256-Qsx5lrStHZyR9REqhUF8iQt73X06c8LGIUPzpOhwRrI=" crossorigin="anonymous"><!--end::Third Party Plugin(Bootstrap Icons)--><!--begin::Required Plugin(AdminLTE)-->
|
|
15
|
+
<link rel="stylesheet" href="../../dist/css/adminlte.css"><!--end::Required Plugin(AdminLTE)--><!-- apexcharts -->
|
|
33
16
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css" integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0=" crossorigin="anonymous">
|
|
34
17
|
</head>
|
|
35
18
|
|
|
36
|
-
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
37
|
-
<div class="app-wrapper">
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
<div class="container-fluid">
|
|
41
|
-
<!-- Start navbar links -->
|
|
19
|
+
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
|
|
20
|
+
<div class="app-wrapper"> <!--begin::Header-->
|
|
21
|
+
<nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
|
|
22
|
+
<div class="container-fluid"> <!--begin::Start Navbar Links-->
|
|
42
23
|
<ul class="navbar-nav">
|
|
43
|
-
<li class="nav-item">
|
|
44
|
-
|
|
45
|
-
</li>
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
</li>
|
|
49
|
-
<li class="nav-item
|
|
50
|
-
<a href="#" class="
|
|
51
|
-
</li>
|
|
52
|
-
</ul>
|
|
53
|
-
<!-- End navbar links -->
|
|
54
|
-
|
|
55
|
-
<ul class="navbar-nav ms-auto">
|
|
56
|
-
<!-- Navbar Search -->
|
|
57
|
-
<li class="nav-item">
|
|
58
|
-
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
|
59
|
-
<i class="fa-solid fa-search"></i>
|
|
60
|
-
</a>
|
|
61
|
-
</li>
|
|
62
|
-
|
|
63
|
-
<!-- Messages Dropdown Menu -->
|
|
64
|
-
<li class="nav-item dropdown">
|
|
65
|
-
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
|
66
|
-
<i class="fa-regular fa-comments"></i>
|
|
67
|
-
<span class="navbar-badge badge text-bg-danger">3</span>
|
|
68
|
-
</a>
|
|
69
|
-
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
70
|
-
<a href="#" class="dropdown-item">
|
|
71
|
-
<!-- Message Start -->
|
|
24
|
+
<li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
|
|
25
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Home</a> </li>
|
|
26
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contact</a> </li>
|
|
27
|
+
</ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
|
|
28
|
+
<ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
|
|
29
|
+
<li class="nav-item"> <a class="nav-link" data-widget="navbar-search" href="#" role="button"> <i class="bi bi-search"></i> </a> </li> <!--end::Navbar Search--> <!--begin::Messages Dropdown Menu-->
|
|
30
|
+
<li class="nav-item dropdown"> <a class="nav-link" data-bs-toggle="dropdown" href="#"> <i class="bi bi-chat-text"></i> <span class="navbar-badge badge text-bg-danger">3</span> </a>
|
|
31
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
72
32
|
<div class="d-flex">
|
|
73
|
-
<div class="flex-shrink-0">
|
|
74
|
-
<img src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
75
|
-
</div>
|
|
33
|
+
<div class="flex-shrink-0"> <img src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
76
34
|
<div class="flex-grow-1">
|
|
77
35
|
<h3 class="dropdown-item-title">
|
|
78
36
|
Brad Diesel
|
|
79
|
-
<span class="float-end fs-7 text-danger"><i class="
|
|
37
|
+
<span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
|
|
80
38
|
</h3>
|
|
81
39
|
<p class="fs-7">Call me whenever you can...</p>
|
|
82
|
-
<p class="fs-7 text-secondary"
|
|
40
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
41
|
+
</p>
|
|
83
42
|
</div>
|
|
84
|
-
</div>
|
|
85
|
-
<!-- Message End -->
|
|
43
|
+
</div> <!--end::Message-->
|
|
86
44
|
</a>
|
|
87
|
-
<div class="dropdown-divider"></div>
|
|
88
|
-
<a href="#" class="dropdown-item">
|
|
89
|
-
<!-- Message Start -->
|
|
45
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
90
46
|
<div class="d-flex">
|
|
91
|
-
<div class="flex-shrink-0">
|
|
92
|
-
<img src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
93
|
-
</div>
|
|
47
|
+
<div class="flex-shrink-0"> <img src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
94
48
|
<div class="flex-grow-1">
|
|
95
49
|
<h3 class="dropdown-item-title">
|
|
96
50
|
John Pierce
|
|
97
|
-
<span class="float-end fs-7 text-secondary"
|
|
51
|
+
<span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
|
|
98
52
|
</h3>
|
|
99
53
|
<p class="fs-7">I got your message bro</p>
|
|
100
|
-
<p class="fs-7 text-secondary"
|
|
54
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
55
|
+
</p>
|
|
101
56
|
</div>
|
|
102
|
-
</div>
|
|
103
|
-
<!-- Message End -->
|
|
57
|
+
</div> <!--end::Message-->
|
|
104
58
|
</a>
|
|
105
|
-
<div class="dropdown-divider"></div>
|
|
106
|
-
<a href="#" class="dropdown-item">
|
|
107
|
-
<!-- Message Start -->
|
|
59
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
108
60
|
<div class="d-flex">
|
|
109
|
-
<div class="flex-shrink-0">
|
|
110
|
-
<img src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
111
|
-
</div>
|
|
61
|
+
<div class="flex-shrink-0"> <img src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
112
62
|
<div class="flex-grow-1">
|
|
113
63
|
<h3 class="dropdown-item-title">
|
|
114
64
|
Nora Silvester
|
|
115
|
-
<span class="float-end fs-7 text-warning"
|
|
65
|
+
<span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
|
|
116
66
|
</h3>
|
|
117
67
|
<p class="fs-7">The subject goes here</p>
|
|
118
|
-
<p class="fs-7 text-secondary"
|
|
68
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
69
|
+
</p>
|
|
119
70
|
</div>
|
|
120
|
-
</div>
|
|
121
|
-
<!-- Message End -->
|
|
71
|
+
</div> <!--end::Message-->
|
|
122
72
|
</a>
|
|
123
|
-
<div class="dropdown-divider"></div>
|
|
124
|
-
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
73
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
125
74
|
</div>
|
|
126
|
-
</li>
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
<
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
<div class="dropdown-divider"></div>
|
|
136
|
-
|
|
137
|
-
<i class="fa-solid fa-envelope me-2"></i> 4 new messages
|
|
138
|
-
<span class="float-end text-secondary fs-7">3 mins</span>
|
|
139
|
-
</a>
|
|
140
|
-
<div class="dropdown-divider"></div>
|
|
141
|
-
<a href="#" class="dropdown-item">
|
|
142
|
-
<i class="fa-solid fa-users me-2"></i> 8 friend requests
|
|
143
|
-
<span class="float-end text-secondary fs-7">12 hours</span>
|
|
144
|
-
</a>
|
|
145
|
-
<div class="dropdown-divider"></div>
|
|
146
|
-
<a href="#" class="dropdown-item">
|
|
147
|
-
<i class="fa-solid fa-file me-2"></i> 3 new reports
|
|
148
|
-
<span class="float-end text-secondary fs-7">2 days</span>
|
|
75
|
+
</li> <!--end::Messages Dropdown Menu--> <!--begin::Notifications Dropdown Menu-->
|
|
76
|
+
<li class="nav-item dropdown"> <a class="nav-link" data-bs-toggle="dropdown" href="#"> <i class="bi bi-bell-fill"></i> <span class="navbar-badge badge text-bg-warning">15</span> </a>
|
|
77
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
78
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-envelope me-2"></i> 4 new messages
|
|
79
|
+
<span class="float-end text-secondary fs-7">3 mins</span> </a>
|
|
80
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
81
|
+
<span class="float-end text-secondary fs-7">12 hours</span> </a>
|
|
82
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
83
|
+
<span class="float-end text-secondary fs-7">2 days</span> </a>
|
|
84
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
|
|
85
|
+
See All Notifications
|
|
149
86
|
</a>
|
|
150
|
-
<div class="dropdown-divider"></div>
|
|
151
|
-
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
|
152
87
|
</div>
|
|
153
|
-
</li>
|
|
154
|
-
<li class="nav-item
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
<
|
|
158
|
-
</a>
|
|
159
|
-
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
160
|
-
<!-- User image -->
|
|
161
|
-
<li class="user-header text-bg-primary">
|
|
162
|
-
<img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
163
|
-
|
|
88
|
+
</li> <!--end::Notifications Dropdown Menu--> <!--begin::Fullscreen Toggle-->
|
|
89
|
+
<li class="nav-item"> <a class="nav-link" href="#" data-lte-toggle="fullscreen"> <i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i> <i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none;"></i> </a> </li> <!--end::Fullscreen Toggle--> <!--begin::User Menu Dropdown-->
|
|
90
|
+
<li class="nav-item dropdown user-menu"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"> <img src="../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image"> <span class="d-none d-md-inline">Alexander Pierce</span> </a>
|
|
91
|
+
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
|
|
92
|
+
<li class="user-header text-bg-primary"> <img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
164
93
|
<p>
|
|
165
94
|
Alexander Pierce - Web Developer
|
|
166
95
|
<small>Member since Nov. 2023</small>
|
|
167
96
|
</p>
|
|
168
|
-
</li>
|
|
169
|
-
|
|
170
|
-
<li class="user-body">
|
|
97
|
+
</li> <!--end::User Image--> <!--begin::Menu Body-->
|
|
98
|
+
<li class="user-body"> <!--begin::Row-->
|
|
171
99
|
<div class="row">
|
|
172
|
-
<div class="col-4 text-center">
|
|
173
|
-
|
|
174
|
-
</div>
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
<div class="col-4 text-center">
|
|
179
|
-
<a href="#">Friends</a>
|
|
180
|
-
</div>
|
|
181
|
-
</div>
|
|
182
|
-
<!-- /.row -->
|
|
183
|
-
</li>
|
|
184
|
-
<!-- Menu Footer-->
|
|
185
|
-
<li class="user-footer">
|
|
186
|
-
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
|
187
|
-
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
|
188
|
-
</li>
|
|
100
|
+
<div class="col-4 text-center"> <a href="#">Followers</a> </div>
|
|
101
|
+
<div class="col-4 text-center"> <a href="#">Sales</a> </div>
|
|
102
|
+
<div class="col-4 text-center"> <a href="#">Friends</a> </div>
|
|
103
|
+
</div> <!--end::Row-->
|
|
104
|
+
</li> <!--end::Menu Body--> <!--begin::Menu Footer-->
|
|
105
|
+
<li class="user-footer"> <a href="#" class="btn btn-default btn-flat">Profile</a> <a href="#" class="btn btn-default btn-flat float-end">Sign out</a> </li> <!--end::Menu Footer-->
|
|
189
106
|
</ul>
|
|
190
|
-
</li>
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
</li>
|
|
197
|
-
<li class="nav-item">
|
|
198
|
-
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
|
|
199
|
-
<i class="fa-solid fa-th-large"></i>
|
|
200
|
-
</a>
|
|
201
|
-
</li> -->
|
|
202
|
-
</ul>
|
|
203
|
-
</div>
|
|
204
|
-
</nav>
|
|
205
|
-
<!-- /.navbar -->
|
|
206
|
-
<!-- Sidebar Container -->
|
|
207
|
-
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
|
208
|
-
<div class="sidebar-brand">
|
|
209
|
-
<a href="../index.html" class="brand-link">
|
|
210
|
-
<img src="../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
|
|
211
|
-
<span class="brand-text fw-light">AdminLTE 4</span>
|
|
212
|
-
</a>
|
|
213
|
-
</div>
|
|
214
|
-
<!-- Sidebar -->
|
|
107
|
+
</li> <!--end::User Menu Dropdown-->
|
|
108
|
+
</ul> <!--end::End Navbar Links-->
|
|
109
|
+
</div> <!--end::Container-->
|
|
110
|
+
</nav> <!--end::Header--> <!--begin::Sidebar-->
|
|
111
|
+
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
|
|
112
|
+
<div class="sidebar-brand"> <!--begin::Brand Link--> <a href="./index.html" class="brand-link"> <!--begin::Brand Image--> <img src="../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow"> <!--end::Brand Image--> <!--begin::Brand Text--> <span class="brand-text fw-light">AdminLTE 4</span> <!--end::Brand Text--> </a> <!--end::Brand Link--> </div> <!--end::Sidebar Brand--> <!--begin::Sidebar Wrapper-->
|
|
215
113
|
<div class="sidebar-wrapper">
|
|
216
|
-
<nav class="mt-2">
|
|
217
|
-
<!-- Sidebar Menu -->
|
|
114
|
+
<nav class="mt-2"> <!--begin::Sidebar Menu-->
|
|
218
115
|
<ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
|
|
219
|
-
<li class="nav-item menu-open">
|
|
220
|
-
<a href="javascript:;" class="nav-link active">
|
|
221
|
-
<i class="nav-icon fa-solid fa-gauge-high"></i>
|
|
116
|
+
<li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-speedometer"></i>
|
|
222
117
|
<p>
|
|
223
118
|
Dashboard
|
|
224
|
-
<i class="nav-arrow
|
|
119
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
225
120
|
</p>
|
|
226
121
|
</a>
|
|
227
122
|
<ul class="nav nav-treeview">
|
|
228
|
-
<li class="nav-item">
|
|
229
|
-
<a href="../index.html" class="nav-link">
|
|
230
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
123
|
+
<li class="nav-item"> <a href="./index.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
231
124
|
<p>Dashboard v1</p>
|
|
232
|
-
</a>
|
|
233
|
-
|
|
234
|
-
<li class="nav-item">
|
|
235
|
-
<a href="../index2.html" class="nav-link">
|
|
236
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
125
|
+
</a> </li>
|
|
126
|
+
<li class="nav-item"> <a href="./index2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
237
127
|
<p>Dashboard v2</p>
|
|
238
|
-
</a>
|
|
239
|
-
|
|
240
|
-
<li class="nav-item">
|
|
241
|
-
<a href="../index3.html" class="nav-link active">
|
|
242
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
128
|
+
</a> </li>
|
|
129
|
+
<li class="nav-item"> <a href="./index3.html" class="nav-link active"> <i class="nav-icon bi bi-circle"></i>
|
|
243
130
|
<p>Dashboard v3</p>
|
|
244
|
-
</a>
|
|
245
|
-
</li>
|
|
131
|
+
</a> </li>
|
|
246
132
|
</ul>
|
|
247
133
|
</li>
|
|
248
|
-
<li class="nav-item">
|
|
249
|
-
<a href="javascript:;" class="nav-link">
|
|
250
|
-
<i class="nav-icon fa-solid fa-box-open"></i>
|
|
134
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
|
|
251
135
|
<p>
|
|
252
136
|
Widgets
|
|
253
|
-
<i class="nav-arrow
|
|
137
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
254
138
|
</p>
|
|
255
139
|
</a>
|
|
256
140
|
<ul class="nav nav-treeview">
|
|
257
|
-
<li class="nav-item">
|
|
258
|
-
<a href="../widgets/small-box.html" class="nav-link">
|
|
259
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
141
|
+
<li class="nav-item"> <a href="./widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
260
142
|
<p>Small Box</p>
|
|
261
|
-
</a>
|
|
262
|
-
|
|
263
|
-
<li class="nav-item">
|
|
264
|
-
<a href="../widgets/info-box.html" class="nav-link">
|
|
265
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
143
|
+
</a> </li>
|
|
144
|
+
<li class="nav-item"> <a href="./widgets/info-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
266
145
|
<p>info Box</p>
|
|
267
|
-
</a>
|
|
268
|
-
|
|
269
|
-
<li class="nav-item">
|
|
270
|
-
<a href="../widgets/cards.html" class="nav-link">
|
|
271
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
146
|
+
</a> </li>
|
|
147
|
+
<li class="nav-item"> <a href="./widgets/cards.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
272
148
|
<p>Cards</p>
|
|
273
|
-
</a>
|
|
274
|
-
</li>
|
|
149
|
+
</a> </li>
|
|
275
150
|
</ul>
|
|
276
151
|
</li>
|
|
277
|
-
|
|
278
|
-
<li class="nav-item">
|
|
279
|
-
<a href="javascript:;" class="nav-link">
|
|
280
|
-
<i class="nav-icon fa-solid fa-copy"></i>
|
|
152
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-clipboard-fill"></i>
|
|
281
153
|
<p>
|
|
282
154
|
Layout Options
|
|
283
|
-
<span class="nav-badge badge text-bg-secondary
|
|
284
|
-
<i class="nav-arrow fa-solid fa-angle-right"></i>
|
|
155
|
+
<span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
|
|
285
156
|
</p>
|
|
286
157
|
</a>
|
|
287
158
|
<ul class="nav nav-treeview">
|
|
288
|
-
<li class="nav-item">
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
</a>
|
|
293
|
-
</li>
|
|
294
|
-
<li class="nav-item">
|
|
295
|
-
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
|
296
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
159
|
+
<li class="nav-item"> <a href="./layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
160
|
+
<p>Default Sidebar</p>
|
|
161
|
+
</a> </li>
|
|
162
|
+
<li class="nav-item"> <a href="./layout/fixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
297
163
|
<p>Fixed Sidebar</p>
|
|
298
|
-
</a>
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
164
|
+
</a> </li>
|
|
165
|
+
<li class="nav-item"> <a href="./layout/fixed-complete.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
166
|
+
<p>Fixed Complete</p>
|
|
167
|
+
</a> </li>
|
|
168
|
+
<li class="nav-item"> <a href="./layout/sidebar-mini.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
303
169
|
<p>Sidebar Mini</p>
|
|
304
|
-
</a>
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
170
|
+
</a> </li>
|
|
171
|
+
<li class="nav-item"> <a href="./layout/collapsed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
172
|
+
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
|
173
|
+
</a> </li>
|
|
174
|
+
<li class="nav-item"> <a href="./layout/logo-switch.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
175
|
+
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
|
176
|
+
</a> </li>
|
|
177
|
+
<li class="nav-item"> <a href="./layout/layout-rtl.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
309
178
|
<p>Layout RTL</p>
|
|
310
|
-
</a>
|
|
311
|
-
</li>
|
|
179
|
+
</a> </li>
|
|
312
180
|
</ul>
|
|
313
181
|
</li>
|
|
314
|
-
<li class="nav-item">
|
|
315
|
-
<a href="javascript:;" class="nav-link">
|
|
316
|
-
<i class="nav-icon fa-solid fa-tree"></i>
|
|
182
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-tree-fill"></i>
|
|
317
183
|
<p>
|
|
318
184
|
UI Elements
|
|
319
|
-
<i class="nav-arrow
|
|
185
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
320
186
|
</p>
|
|
321
187
|
</a>
|
|
322
188
|
<ul class="nav nav-treeview">
|
|
323
|
-
<li class="nav-item">
|
|
324
|
-
|
|
325
|
-
|
|
189
|
+
<li class="nav-item"> <a href="./UI/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
190
|
+
<p>General</p>
|
|
191
|
+
</a> </li>
|
|
192
|
+
<li class="nav-item"> <a href="./UI/timeline.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
326
193
|
<p>Timeline</p>
|
|
327
|
-
</a>
|
|
328
|
-
</li>
|
|
194
|
+
</a> </li>
|
|
329
195
|
</ul>
|
|
330
196
|
</li>
|
|
331
|
-
<li class="nav-item">
|
|
332
|
-
<a href="javascript:;" class="nav-link">
|
|
333
|
-
<i class="nav-icon fa-solid fa-pen-to-square"></i>
|
|
197
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
|
|
334
198
|
<p>
|
|
335
199
|
Forms
|
|
336
|
-
<i class="nav-arrow
|
|
200
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
337
201
|
</p>
|
|
338
202
|
</a>
|
|
339
203
|
<ul class="nav nav-treeview">
|
|
340
|
-
<li class="nav-item">
|
|
341
|
-
<a href="../forms/general.html" class="nav-link">
|
|
342
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
204
|
+
<li class="nav-item"> <a href="./forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
343
205
|
<p>General Elements</p>
|
|
344
|
-
</a>
|
|
345
|
-
</li>
|
|
206
|
+
</a> </li>
|
|
346
207
|
</ul>
|
|
347
208
|
</li>
|
|
348
|
-
<li class="nav-item">
|
|
349
|
-
<a href="javascript:;" class="nav-link">
|
|
350
|
-
<i class="nav-icon fa-solid fa-table"></i>
|
|
209
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-table"></i>
|
|
351
210
|
<p>
|
|
352
211
|
Tables
|
|
353
|
-
<i class="nav-arrow
|
|
212
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
354
213
|
</p>
|
|
355
214
|
</a>
|
|
356
215
|
<ul class="nav nav-treeview">
|
|
357
|
-
<li class="nav-item">
|
|
358
|
-
<a href="../tables/simple.html" class="nav-link">
|
|
359
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
216
|
+
<li class="nav-item"> <a href="./tables/simple.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
360
217
|
<p>Simple Tables</p>
|
|
361
|
-
</a>
|
|
362
|
-
</li>
|
|
218
|
+
</a> </li>
|
|
363
219
|
</ul>
|
|
364
220
|
</li>
|
|
365
|
-
|
|
366
221
|
<li class="nav-header">EXAMPLES</li>
|
|
367
|
-
<li class="nav-item">
|
|
368
|
-
<a href="javascript:;" class="nav-link">
|
|
369
|
-
<i class="nav-icon fa-solid fa-arrow-right-to-bracket"></i>
|
|
222
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
370
223
|
<p>
|
|
371
|
-
|
|
372
|
-
<i class="nav-arrow
|
|
224
|
+
Auth
|
|
225
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
373
226
|
</p>
|
|
374
227
|
</a>
|
|
375
228
|
<ul class="nav nav-treeview">
|
|
376
|
-
<li class="nav-item">
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
229
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
230
|
+
<p>
|
|
231
|
+
Version 1
|
|
232
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
233
|
+
</p>
|
|
380
234
|
</a>
|
|
235
|
+
<ul class="nav nav-treeview">
|
|
236
|
+
<li class="nav-item"> <a href="./examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
237
|
+
<p>Login</p>
|
|
238
|
+
</a> </li>
|
|
239
|
+
<li class="nav-item"> <a href="./examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
240
|
+
<p>Register</p>
|
|
241
|
+
</a> </li>
|
|
242
|
+
</ul>
|
|
381
243
|
</li>
|
|
382
|
-
<li class="nav-item">
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
244
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
245
|
+
<p>
|
|
246
|
+
Version 2
|
|
247
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
248
|
+
</p>
|
|
386
249
|
</a>
|
|
250
|
+
<ul class="nav nav-treeview">
|
|
251
|
+
<li class="nav-item"> <a href="./examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
252
|
+
<p>Login</p>
|
|
253
|
+
</a> </li>
|
|
254
|
+
<li class="nav-item"> <a href="./examples/register-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
255
|
+
<p>Register</p>
|
|
256
|
+
</a> </li>
|
|
257
|
+
</ul>
|
|
387
258
|
</li>
|
|
259
|
+
<li class="nav-item"> <a href="./examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
260
|
+
<p>Lockscreen</p>
|
|
261
|
+
</a> </li>
|
|
388
262
|
</ul>
|
|
389
263
|
</li>
|
|
390
|
-
|
|
391
264
|
<li class="nav-header">DOCUMENTATIONS</li>
|
|
392
|
-
<li class="nav-item">
|
|
393
|
-
<a href="../docs/index.html" class="nav-link">
|
|
394
|
-
<i class="nav-icon fa-solid fa-download"></i>
|
|
265
|
+
<li class="nav-item"> <a href="./docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
|
|
395
266
|
<p>Installation</p>
|
|
396
|
-
</a>
|
|
397
|
-
|
|
398
|
-
<li class="nav-item">
|
|
399
|
-
<a href="../docs/layout.html" class="nav-link">
|
|
400
|
-
<i class="nav-icon fa-solid fa-grip"></i>
|
|
267
|
+
</a> </li>
|
|
268
|
+
<li class="nav-item"> <a href="./docs/layout.html" class="nav-link"> <i class="nav-icon bi bi-grip-horizontal"></i>
|
|
401
269
|
<p>Layout</p>
|
|
402
|
-
</a>
|
|
403
|
-
|
|
404
|
-
<li class="nav-item">
|
|
405
|
-
<a href="../docs/color-mode.html" class="nav-link">
|
|
406
|
-
<i class="nav-icon fa-solid fa-star-half-stroke"></i>
|
|
270
|
+
</a> </li>
|
|
271
|
+
<li class="nav-item"> <a href="./docs/color-mode.html" class="nav-link"> <i class="nav-icon bi bi-star-half"></i>
|
|
407
272
|
<p>Color Mode</p>
|
|
408
|
-
</a>
|
|
409
|
-
|
|
410
|
-
<li class="nav-item">
|
|
411
|
-
<a href="javascript:;" class="nav-link">
|
|
412
|
-
<i class="nav-icon fa-solid fa-swatchbook"></i>
|
|
273
|
+
</a> </li>
|
|
274
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
413
275
|
<p>
|
|
414
276
|
Components
|
|
415
|
-
<i class="nav-arrow
|
|
277
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
416
278
|
</p>
|
|
417
279
|
</a>
|
|
418
280
|
<ul class="nav nav-treeview">
|
|
419
|
-
<li class="nav-item">
|
|
420
|
-
<a href="../docs/components/main-header.html" class="nav-link">
|
|
421
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
281
|
+
<li class="nav-item"> <a href="./docs/components/main-header.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
422
282
|
<p>Main Header</p>
|
|
423
|
-
</a>
|
|
424
|
-
|
|
283
|
+
</a> </li>
|
|
284
|
+
<li class="nav-item"> <a href="./docs/components/main-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
285
|
+
<p>Main Sidebar</p>
|
|
286
|
+
</a> </li>
|
|
425
287
|
</ul>
|
|
426
288
|
</li>
|
|
427
|
-
<li class="nav-item">
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
289
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
|
|
290
|
+
<p>
|
|
291
|
+
Javascript
|
|
292
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
293
|
+
</p>
|
|
431
294
|
</a>
|
|
295
|
+
<ul class="nav nav-treeview">
|
|
296
|
+
<li class="nav-item"> <a href="./docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
297
|
+
<p>Treeview</p>
|
|
298
|
+
</a> </li>
|
|
299
|
+
</ul>
|
|
432
300
|
</li>
|
|
433
|
-
|
|
301
|
+
<li class="nav-item"> <a href="./docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
|
|
302
|
+
<p>Browser Support</p>
|
|
303
|
+
</a> </li>
|
|
304
|
+
<li class="nav-item"> <a href="./docs/how-to-contribute.html" class="nav-link"> <i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
|
305
|
+
<p>How To Contribute</p>
|
|
306
|
+
</a> </li>
|
|
307
|
+
<li class="nav-item"> <a href="./docs/faq.html" class="nav-link"> <i class="nav-icon bi bi-question-circle-fill"></i>
|
|
308
|
+
<p>FAQ</p>
|
|
309
|
+
</a> </li>
|
|
310
|
+
<li class="nav-item"> <a href="./docs/license.html" class="nav-link"> <i class="nav-icon bi bi-patch-check-fill"></i>
|
|
311
|
+
<p>License</p>
|
|
312
|
+
</a> </li>
|
|
434
313
|
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
|
435
|
-
<li class="nav-item">
|
|
436
|
-
<a href="javascript:;" class="nav-link">
|
|
437
|
-
<i class="nav-icon fa-solid fa-circle"></i>
|
|
314
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
438
315
|
<p>Level 1</p>
|
|
439
|
-
</a>
|
|
440
|
-
|
|
441
|
-
<li class="nav-item">
|
|
442
|
-
<a href="javascript:;" class="nav-link">
|
|
443
|
-
<i class="nav-icon fa-solid fa-circle"></i>
|
|
316
|
+
</a> </li>
|
|
317
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
444
318
|
<p>
|
|
445
319
|
Level 1
|
|
446
|
-
<i class="nav-arrow
|
|
320
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
447
321
|
</p>
|
|
448
322
|
</a>
|
|
449
323
|
<ul class="nav nav-treeview">
|
|
450
|
-
<li class="nav-item">
|
|
451
|
-
<a href="javascript:;" class="nav-link">
|
|
452
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
324
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
453
325
|
<p>Level 2</p>
|
|
454
|
-
</a>
|
|
455
|
-
|
|
456
|
-
<li class="nav-item">
|
|
457
|
-
<a href="javascript:;" class="nav-link">
|
|
458
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
326
|
+
</a> </li>
|
|
327
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
459
328
|
<p>
|
|
460
329
|
Level 2
|
|
461
|
-
<i class="nav-arrow
|
|
330
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
462
331
|
</p>
|
|
463
332
|
</a>
|
|
464
333
|
<ul class="nav nav-treeview">
|
|
465
|
-
<li class="nav-item">
|
|
466
|
-
<a href="javascript:;" class="nav-link">
|
|
467
|
-
<i class="nav-icon fa-regular fa-dot-circle"></i>
|
|
334
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
468
335
|
<p>Level 3</p>
|
|
469
|
-
</a>
|
|
470
|
-
|
|
471
|
-
<li class="nav-item">
|
|
472
|
-
<a href="javascript:;" class="nav-link">
|
|
473
|
-
<i class="nav-icon fa-regular fa-dot-circle"></i>
|
|
336
|
+
</a> </li>
|
|
337
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
474
338
|
<p>Level 3</p>
|
|
475
|
-
</a>
|
|
476
|
-
|
|
477
|
-
<li class="nav-item">
|
|
478
|
-
<a href="javascript:;" class="nav-link">
|
|
479
|
-
<i class="nav-icon fa-regular fa-dot-circle"></i>
|
|
339
|
+
</a> </li>
|
|
340
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
480
341
|
<p>Level 3</p>
|
|
481
|
-
</a>
|
|
482
|
-
</li>
|
|
342
|
+
</a> </li>
|
|
483
343
|
</ul>
|
|
484
344
|
</li>
|
|
485
|
-
<li class="nav-item">
|
|
486
|
-
<a href="javascript:;" class="nav-link">
|
|
487
|
-
<i class="nav-icon fa-regular fa-circle"></i>
|
|
345
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
488
346
|
<p>Level 2</p>
|
|
489
|
-
</a>
|
|
490
|
-
</li>
|
|
347
|
+
</a> </li>
|
|
491
348
|
</ul>
|
|
492
349
|
</li>
|
|
493
|
-
<li class="nav-item">
|
|
494
|
-
<a href="javascript:;" class="nav-link">
|
|
495
|
-
<i class="nav-icon fa-solid fa-circle"></i>
|
|
350
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
496
351
|
<p>Level 1</p>
|
|
497
|
-
</a>
|
|
498
|
-
</li>
|
|
352
|
+
</a> </li>
|
|
499
353
|
<li class="nav-header">LABELS</li>
|
|
500
|
-
<li class="nav-item">
|
|
501
|
-
<a href="javascript:;" class="nav-link">
|
|
502
|
-
<i class="nav-icon fa-regular fa-circle text-danger"></i>
|
|
354
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
|
|
503
355
|
<p class="text">Important</p>
|
|
504
|
-
</a>
|
|
505
|
-
|
|
506
|
-
<li class="nav-item">
|
|
507
|
-
<a href="javascript:;" class="nav-link">
|
|
508
|
-
<i class="nav-icon fa-regular fa-circle text-warning"></i>
|
|
356
|
+
</a> </li>
|
|
357
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-warning"></i>
|
|
509
358
|
<p>Warning</p>
|
|
510
|
-
</a>
|
|
511
|
-
|
|
512
|
-
<li class="nav-item">
|
|
513
|
-
<a href="javascript:;" class="nav-link">
|
|
514
|
-
<i class="nav-icon fa-regular fa-circle text-info"></i>
|
|
359
|
+
</a> </li>
|
|
360
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-info"></i>
|
|
515
361
|
<p>Informational</p>
|
|
516
|
-
</a>
|
|
517
|
-
|
|
518
|
-
</ul>
|
|
362
|
+
</a> </li>
|
|
363
|
+
</ul> <!--end::Sidebar Menu-->
|
|
519
364
|
</nav>
|
|
520
|
-
</div>
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
<div class="app-content-header">
|
|
526
|
-
<div class="container-fluid">
|
|
365
|
+
</div> <!--end::Sidebar Wrapper-->
|
|
366
|
+
</aside> <!--end::Sidebar--> <!--begin::App Main-->
|
|
367
|
+
<main class="app-main"> <!--begin::App Content Header-->
|
|
368
|
+
<div class="app-content-header"> <!--begin::Container-->
|
|
369
|
+
<div class="container-fluid"> <!--begin::Row-->
|
|
527
370
|
<div class="row">
|
|
528
371
|
<div class="col-sm-6">
|
|
529
372
|
<h3 class="mb-0">Dashboard v3</h3>
|
|
@@ -531,66 +374,42 @@
|
|
|
531
374
|
<div class="col-sm-6">
|
|
532
375
|
<ol class="breadcrumb float-sm-end">
|
|
533
376
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
|
534
|
-
<li class="breadcrumb-item active" aria-current="page">
|
|
377
|
+
<li class="breadcrumb-item active" aria-current="page">
|
|
378
|
+
Dashboard v3
|
|
379
|
+
</li>
|
|
535
380
|
</ol>
|
|
536
381
|
</div>
|
|
537
|
-
</div>
|
|
538
|
-
</div>
|
|
382
|
+
</div> <!--end::Row-->
|
|
383
|
+
</div> <!--end::Container-->
|
|
539
384
|
</div>
|
|
540
|
-
<div class="app-content">
|
|
541
|
-
<div class="container-fluid">
|
|
385
|
+
<div class="app-content"> <!--begin::Container-->
|
|
386
|
+
<div class="container-fluid"> <!--begin::Row-->
|
|
542
387
|
<div class="row">
|
|
543
388
|
<div class="col-lg-6">
|
|
544
|
-
<div class="card">
|
|
389
|
+
<div class="card mb-4">
|
|
545
390
|
<div class="card-header border-0">
|
|
546
391
|
<div class="d-flex justify-content-between">
|
|
547
|
-
<h3 class="card-title">Online Store Visitors</h3>
|
|
548
|
-
<a href="javascript:void(0);">View Report</a>
|
|
392
|
+
<h3 class="card-title">Online Store Visitors</h3> <a href="javascript:void(0);" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">View Report</a>
|
|
549
393
|
</div>
|
|
550
394
|
</div>
|
|
551
395
|
<div class="card-body">
|
|
552
396
|
<div class="d-flex">
|
|
553
|
-
<p class="d-flex flex-column">
|
|
554
|
-
|
|
555
|
-
<span>
|
|
556
|
-
|
|
557
|
-
<p class="ms-auto d-flex flex-column text-end">
|
|
558
|
-
<span class="text-success">
|
|
559
|
-
<i class="fa-solid fa-arrow-up"></i> 12.5%
|
|
560
|
-
</span>
|
|
561
|
-
<span class="text-secondary">Since last week</span>
|
|
562
|
-
</p>
|
|
563
|
-
</div>
|
|
564
|
-
<!-- /.d-flex -->
|
|
565
|
-
|
|
397
|
+
<p class="d-flex flex-column"> <span class="fw-bold fs-5">820</span> <span>Visitors Over Time</span> </p>
|
|
398
|
+
<p class="ms-auto d-flex flex-column text-end"> <span class="text-success"> <i class="bi bi-arrow-up"></i> 12.5%
|
|
399
|
+
</span> <span class="text-secondary">Since last week</span> </p>
|
|
400
|
+
</div> <!-- /.d-flex -->
|
|
566
401
|
<div class="position-relative mb-4">
|
|
567
402
|
<div id="visitors-chart"></div>
|
|
568
403
|
</div>
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
<i class="fa-solid fa-square text-primary"></i> This Week
|
|
573
|
-
</span>
|
|
574
|
-
|
|
575
|
-
<span>
|
|
576
|
-
<i class="fa-solid fa-square text-secondary"></i> Last Week
|
|
577
|
-
</span>
|
|
578
|
-
</div>
|
|
404
|
+
<div class="d-flex flex-row justify-content-end"> <span class="me-2"> <i class="bi bi-square-fill text-primary"></i> This Week
|
|
405
|
+
</span> <span> <i class="bi bi-square-fill text-secondary"></i> Last Week
|
|
406
|
+
</span> </div>
|
|
579
407
|
</div>
|
|
580
|
-
</div>
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
<div class="card">
|
|
408
|
+
</div> <!-- /.card -->
|
|
409
|
+
<div class="card mb-4">
|
|
584
410
|
<div class="card-header border-0">
|
|
585
411
|
<h3 class="card-title">Products</h3>
|
|
586
|
-
<div class="card-tools">
|
|
587
|
-
<a href="#" class="btn btn-tool btn-sm">
|
|
588
|
-
<i class="fa-solid fa-download"></i>
|
|
589
|
-
</a>
|
|
590
|
-
<a href="#" class="btn btn-tool btn-sm">
|
|
591
|
-
<i class="fa-solid fa-bars"></i>
|
|
592
|
-
</a>
|
|
593
|
-
</div>
|
|
412
|
+
<div class="card-tools"> <a href="#" class="btn btn-tool btn-sm"> <i class="bi bi-download"></i> </a> <a href="#" class="btn btn-tool btn-sm"> <i class="bi bi-list"></i> </a> </div>
|
|
594
413
|
</div>
|
|
595
414
|
<div class="card-body table-responsive p-0">
|
|
596
415
|
<table class="table table-striped align-middle">
|
|
@@ -604,347 +423,270 @@
|
|
|
604
423
|
</thead>
|
|
605
424
|
<tbody>
|
|
606
425
|
<tr>
|
|
607
|
-
<td>
|
|
608
|
-
<img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
426
|
+
<td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
609
427
|
Some Product
|
|
610
428
|
</td>
|
|
611
429
|
<td>$13 USD</td>
|
|
612
|
-
<td>
|
|
613
|
-
<small class="text-success me-1">
|
|
614
|
-
<i class="fa-solid fa-arrow-up"></i>
|
|
430
|
+
<td> <small class="text-success me-1"> <i class="bi bi-arrow-up"></i>
|
|
615
431
|
12%
|
|
616
432
|
</small>
|
|
617
433
|
12,000 Sold
|
|
618
434
|
</td>
|
|
619
|
-
<td>
|
|
620
|
-
<a href="#" class="text-secondary">
|
|
621
|
-
<i class="fa-solid fa-search"></i>
|
|
622
|
-
</a>
|
|
623
|
-
</td>
|
|
435
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
624
436
|
</tr>
|
|
625
437
|
<tr>
|
|
626
|
-
<td>
|
|
627
|
-
<img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
438
|
+
<td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
628
439
|
Another Product
|
|
629
440
|
</td>
|
|
630
441
|
<td>$29 USD</td>
|
|
631
|
-
<td>
|
|
632
|
-
<small class="text-warning me-1">
|
|
633
|
-
<i class="fa-solid fa-arrow-down"></i>
|
|
442
|
+
<td> <small class="text-info me-1"> <i class="bi bi-arrow-down"></i>
|
|
634
443
|
0.5%
|
|
635
444
|
</small>
|
|
636
445
|
123,234 Sold
|
|
637
446
|
</td>
|
|
638
|
-
<td>
|
|
639
|
-
<a href="#" class="text-secondary">
|
|
640
|
-
<i class="fa-solid fa-search"></i>
|
|
641
|
-
</a>
|
|
642
|
-
</td>
|
|
447
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
643
448
|
</tr>
|
|
644
449
|
<tr>
|
|
645
|
-
<td>
|
|
646
|
-
<img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
450
|
+
<td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
647
451
|
Amazing Product
|
|
648
452
|
</td>
|
|
649
453
|
<td>$1,230 USD</td>
|
|
650
|
-
<td>
|
|
651
|
-
<small class="text-danger me-1">
|
|
652
|
-
<i class="fa-solid fa-arrow-down"></i>
|
|
454
|
+
<td> <small class="text-danger me-1"> <i class="bi bi-arrow-down"></i>
|
|
653
455
|
3%
|
|
654
456
|
</small>
|
|
655
457
|
198 Sold
|
|
656
458
|
</td>
|
|
657
|
-
<td>
|
|
658
|
-
<a href="#" class="text-secondary">
|
|
659
|
-
<i class="fa-solid fa-search"></i>
|
|
660
|
-
</a>
|
|
661
|
-
</td>
|
|
459
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
662
460
|
</tr>
|
|
663
461
|
<tr>
|
|
664
|
-
<td>
|
|
665
|
-
<img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
462
|
+
<td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
666
463
|
Perfect Item
|
|
667
464
|
<span class="badge text-bg-danger">NEW</span>
|
|
668
465
|
</td>
|
|
669
466
|
<td>$199 USD</td>
|
|
670
|
-
<td>
|
|
671
|
-
<small class="text-success me-1">
|
|
672
|
-
<i class="fa-solid fa-arrow-up"></i>
|
|
467
|
+
<td> <small class="text-success me-1"> <i class="bi bi-arrow-up"></i>
|
|
673
468
|
63%
|
|
674
469
|
</small>
|
|
675
470
|
87 Sold
|
|
676
471
|
</td>
|
|
677
|
-
<td>
|
|
678
|
-
<a href="#" class="text-secondary">
|
|
679
|
-
<i class="fa-solid fa-search"></i>
|
|
680
|
-
</a>
|
|
681
|
-
</td>
|
|
472
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
682
473
|
</tr>
|
|
683
474
|
</tbody>
|
|
684
475
|
</table>
|
|
685
476
|
</div>
|
|
686
|
-
</div>
|
|
687
|
-
|
|
688
|
-
</div>
|
|
689
|
-
<!-- /.col-md-6 -->
|
|
477
|
+
</div> <!-- /.card -->
|
|
478
|
+
</div> <!-- /.col-md-6 -->
|
|
690
479
|
<div class="col-lg-6">
|
|
691
|
-
<div class="card">
|
|
480
|
+
<div class="card mb-4">
|
|
692
481
|
<div class="card-header border-0">
|
|
693
482
|
<div class="d-flex justify-content-between">
|
|
694
|
-
<h3 class="card-title">Sales</h3>
|
|
695
|
-
<a href="javascript:void(0);">View Report</a>
|
|
483
|
+
<h3 class="card-title">Sales</h3> <a href="javascript:void(0);" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">View Report</a>
|
|
696
484
|
</div>
|
|
697
485
|
</div>
|
|
698
486
|
<div class="card-body">
|
|
699
487
|
<div class="d-flex">
|
|
700
|
-
<p class="d-flex flex-column">
|
|
701
|
-
|
|
702
|
-
<span>
|
|
703
|
-
|
|
704
|
-
<p class="ms-auto d-flex flex-column text-end">
|
|
705
|
-
<span class="text-success">
|
|
706
|
-
<i class="fa-solid fa-arrow-up"></i> 33.1%
|
|
707
|
-
</span>
|
|
708
|
-
<span class="text-secondary">Since Past Year</span>
|
|
709
|
-
</p>
|
|
710
|
-
</div>
|
|
711
|
-
<!-- /.d-flex -->
|
|
712
|
-
|
|
488
|
+
<p class="d-flex flex-column"> <span class="fw-bold fs-5">$18,230.00</span> <span>Sales Over Time</span> </p>
|
|
489
|
+
<p class="ms-auto d-flex flex-column text-end"> <span class="text-success"> <i class="bi bi-arrow-up"></i> 33.1%
|
|
490
|
+
</span> <span class="text-secondary">Since Past Year</span> </p>
|
|
491
|
+
</div> <!-- /.d-flex -->
|
|
713
492
|
<div class="position-relative mb-4">
|
|
714
493
|
<div id="sales-chart"></div>
|
|
715
494
|
</div>
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
<i class="fa-solid fa-square text-primary"></i> This year
|
|
720
|
-
</span>
|
|
721
|
-
|
|
722
|
-
<span>
|
|
723
|
-
<i class="fa-solid fa-square text-secondary"></i> Last year
|
|
724
|
-
</span>
|
|
725
|
-
</div>
|
|
495
|
+
<div class="d-flex flex-row justify-content-end"> <span class="me-2"> <i class="bi bi-square-fill text-primary"></i> This year
|
|
496
|
+
</span> <span> <i class="bi bi-square-fill text-secondary"></i> Last year
|
|
497
|
+
</span> </div>
|
|
726
498
|
</div>
|
|
727
|
-
</div>
|
|
728
|
-
<!-- /.card -->
|
|
729
|
-
|
|
499
|
+
</div> <!-- /.card -->
|
|
730
500
|
<div class="card">
|
|
731
501
|
<div class="card-header border-0">
|
|
732
502
|
<h3 class="card-title">Online Store Overview</h3>
|
|
733
|
-
<div class="card-tools">
|
|
734
|
-
<a href="#" class="btn btn-sm btn-tool">
|
|
735
|
-
<i class="fa-solid fa-download"></i>
|
|
736
|
-
</a>
|
|
737
|
-
<a href="#" class="btn btn-sm btn-tool">
|
|
738
|
-
<i class="fa-solid fa-bars"></i>
|
|
739
|
-
</a>
|
|
740
|
-
</div>
|
|
503
|
+
<div class="card-tools"> <a href="#" class="btn btn-sm btn-tool"> <i class="bi bi-download"></i> </a> <a href="#" class="btn btn-sm btn-tool"> <i class="bi bi-list"></i> </a> </div>
|
|
741
504
|
</div>
|
|
742
505
|
<div class="card-body">
|
|
743
506
|
<div class="d-flex justify-content-between align-items-center border-bottom mb-3">
|
|
744
|
-
<p class="text-success fs-2">
|
|
745
|
-
<svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
507
|
+
<p class="text-success fs-2"> <svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
746
508
|
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 00-3.7-3.7 48.678 48.678 0 00-7.324 0 4.006 4.006 0 00-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3l-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 003.7 3.7 48.656 48.656 0 007.324 0 4.006 4.006 0 003.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3l-3 3"></path>
|
|
747
|
-
</svg>
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
<i class="ion ion-android-arrow-up text-success"></i> 12%
|
|
752
|
-
</span>
|
|
753
|
-
<span class="text-secondary">CONVERSION RATE</span>
|
|
754
|
-
</p>
|
|
755
|
-
</div>
|
|
756
|
-
<!-- /.d-flex -->
|
|
509
|
+
</svg> </p>
|
|
510
|
+
<p class="d-flex flex-column text-end"> <span class="fw-bold"> <i class="bi bi-graph-up-arrow text-success"></i> 12%
|
|
511
|
+
</span> <span class="text-secondary">CONVERSION RATE</span> </p>
|
|
512
|
+
</div> <!-- /.d-flex -->
|
|
757
513
|
<div class="d-flex justify-content-between align-items-center border-bottom mb-3">
|
|
758
|
-
<p class="text-
|
|
759
|
-
<svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
514
|
+
<p class="text-info fs-2"> <svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
760
515
|
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"></path>
|
|
761
|
-
</svg>
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
<i class="ion ion-android-arrow-up text-warning"></i> 0.8%
|
|
766
|
-
</span>
|
|
767
|
-
<span class="text-secondary">SALES RATE</span>
|
|
768
|
-
</p>
|
|
769
|
-
</div>
|
|
770
|
-
<!-- /.d-flex -->
|
|
516
|
+
</svg> </p>
|
|
517
|
+
<p class="d-flex flex-column text-end"> <span class="fw-bold"> <i class="bi bi-graph-up-arrow text-info"></i> 0.8%
|
|
518
|
+
</span> <span class="text-secondary">SALES RATE</span> </p>
|
|
519
|
+
</div> <!-- /.d-flex -->
|
|
771
520
|
<div class="d-flex justify-content-between align-items-center mb-0">
|
|
772
|
-
<p class="text-danger fs-2">
|
|
773
|
-
<svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
521
|
+
<p class="text-danger fs-2"> <svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
774
522
|
<path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z"></path>
|
|
775
|
-
</svg>
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
<span class="
|
|
779
|
-
|
|
780
|
-
</span>
|
|
781
|
-
<span class="text-secondary">REGISTRATION RATE</span>
|
|
782
|
-
</p>
|
|
783
|
-
</div>
|
|
784
|
-
<!-- /.d-flex -->
|
|
523
|
+
</svg> </p>
|
|
524
|
+
<p class="d-flex flex-column text-end"> <span class="fw-bold"> <i class="bi bi-graph-down-arrow text-danger"></i>
|
|
525
|
+
1%
|
|
526
|
+
</span> <span class="text-secondary">REGISTRATION RATE</span> </p>
|
|
527
|
+
</div> <!-- /.d-flex -->
|
|
785
528
|
</div>
|
|
786
529
|
</div>
|
|
787
|
-
</div>
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
<!--
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
</div>
|
|
806
|
-
<!-- ./app-wrapper -->
|
|
807
|
-
|
|
808
|
-
<!-- OPTIONAL SCRIPTS --><!-- overlayscrollbars -->
|
|
809
|
-
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
|
|
810
|
-
|
|
811
|
-
<!-- @popperjs for Bootstrap 5 -->
|
|
812
|
-
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
|
|
813
|
-
|
|
814
|
-
<!-- Bootstrap 5 -->
|
|
815
|
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
|
|
816
|
-
|
|
817
|
-
<!-- REQUIRED SCRIPTS --><!-- AdminLTE App -->
|
|
818
|
-
<script src="../../dist/js/adminlte.js"></script>
|
|
819
|
-
|
|
820
|
-
<!-- OPTIONAL SCRIPTS -->
|
|
530
|
+
</div> <!-- /.col-md-6 -->
|
|
531
|
+
</div> <!--end::Row-->
|
|
532
|
+
</div> <!--end::Container-->
|
|
533
|
+
</div> <!--end::App Content-->
|
|
534
|
+
</main> <!--end::App Main--> <!--begin::Footer-->
|
|
535
|
+
<footer class="app-footer"> <!--begin::To the end-->
|
|
536
|
+
<div class="float-end d-none d-sm-inline">Anything you want</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
|
|
537
|
+
Copyright © 2014-2024
|
|
538
|
+
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
|
539
|
+
</strong>
|
|
540
|
+
All rights reserved.
|
|
541
|
+
<!--end::Copyright-->
|
|
542
|
+
</footer> <!--end::Footer-->
|
|
543
|
+
</div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
544
|
+
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-H2VM7BKda+v2Z4+DRy69uknwxjyDRhszjXFhsL4gD3w=" crossorigin="anonymous"></script> <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
|
545
|
+
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha256-whL0tQWoY1Ku1iskqPFvmZ+CHsvmRWx/PIoEvIeWh4I=" crossorigin="anonymous"></script> <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
|
546
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha256-YMa+wAM6QkVyz999odX7lPRxkoYAan8suedu4k2Zur8=" crossorigin="anonymous"></script> <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
|
547
|
+
<script src="../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
821
548
|
<script>
|
|
822
|
-
const SELECTOR_SIDEBAR_WRAPPER =
|
|
549
|
+
const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
|
|
823
550
|
const Default = {
|
|
824
|
-
scrollbarTheme:
|
|
825
|
-
scrollbarAutoHide:
|
|
826
|
-
scrollbarClickScroll: true
|
|
827
|
-
}
|
|
828
|
-
|
|
551
|
+
scrollbarTheme: "os-theme-light",
|
|
552
|
+
scrollbarAutoHide: "leave",
|
|
553
|
+
scrollbarClickScroll: true,
|
|
554
|
+
};
|
|
829
555
|
document.addEventListener("DOMContentLoaded", function() {
|
|
830
|
-
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER)
|
|
831
|
-
if (
|
|
556
|
+
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
|
557
|
+
if (
|
|
558
|
+
sidebarWrapper &&
|
|
559
|
+
typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== "undefined"
|
|
560
|
+
) {
|
|
832
561
|
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
|
833
562
|
scrollbars: {
|
|
834
563
|
theme: Default.scrollbarTheme,
|
|
835
564
|
autoHide: Default.scrollbarAutoHide,
|
|
836
|
-
clickScroll: Default.scrollbarClickScroll
|
|
837
|
-
}
|
|
838
|
-
})
|
|
565
|
+
clickScroll: Default.scrollbarClickScroll,
|
|
566
|
+
},
|
|
567
|
+
});
|
|
839
568
|
}
|
|
840
|
-
})
|
|
841
|
-
</script>
|
|
842
|
-
|
|
843
|
-
<!-- OPTIONAL SCRIPTS -->
|
|
844
|
-
|
|
845
|
-
<!-- apexcharts -->
|
|
569
|
+
});
|
|
570
|
+
</script> <!--end::OverlayScrollbars Configure--> <!-- OPTIONAL SCRIPTS --> <!-- apexcharts -->
|
|
846
571
|
<script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script>
|
|
847
|
-
|
|
848
572
|
<script>
|
|
849
573
|
// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
|
|
850
574
|
// IT'S ALL JUST JUNK FOR DEMO
|
|
851
575
|
// ++++++++++++++++++++++++++++++++++++++++++
|
|
852
576
|
|
|
853
|
-
|
|
577
|
+
const visitors_chart_options = {
|
|
854
578
|
series: [{
|
|
855
579
|
name: "High - 2023",
|
|
856
|
-
data: [100, 120, 170, 167, 180, 177, 160]
|
|
580
|
+
data: [100, 120, 170, 167, 180, 177, 160],
|
|
857
581
|
},
|
|
858
582
|
{
|
|
859
583
|
name: "Low - 2023",
|
|
860
|
-
data: [60, 80, 70, 67, 80, 77, 100]
|
|
861
|
-
}
|
|
584
|
+
data: [60, 80, 70, 67, 80, 77, 100],
|
|
585
|
+
},
|
|
862
586
|
],
|
|
863
587
|
chart: {
|
|
864
588
|
height: 200,
|
|
865
|
-
type:
|
|
589
|
+
type: "line",
|
|
866
590
|
toolbar: {
|
|
867
|
-
show: false
|
|
868
|
-
}
|
|
591
|
+
show: false,
|
|
592
|
+
},
|
|
869
593
|
},
|
|
870
|
-
colors: [
|
|
594
|
+
colors: ["#0d6efd", "#adb5bd"],
|
|
871
595
|
stroke: {
|
|
872
|
-
curve:
|
|
596
|
+
curve: "smooth",
|
|
873
597
|
},
|
|
874
598
|
grid: {
|
|
875
|
-
borderColor:
|
|
599
|
+
borderColor: "#e7e7e7",
|
|
876
600
|
row: {
|
|
877
|
-
colors: [
|
|
878
|
-
opacity: 0.5
|
|
601
|
+
colors: ["#f3f3f3", "transparent"], // takes an array which will be repeated on columns
|
|
602
|
+
opacity: 0.5,
|
|
879
603
|
},
|
|
880
604
|
},
|
|
881
605
|
legend: {
|
|
882
|
-
show: false
|
|
606
|
+
show: false,
|
|
883
607
|
},
|
|
884
608
|
markers: {
|
|
885
|
-
size: 1
|
|
609
|
+
size: 1,
|
|
886
610
|
},
|
|
887
611
|
xaxis: {
|
|
888
|
-
categories: [
|
|
612
|
+
categories: ["22th", "23th", "24th", "25th", "26th", "27th", "28th"],
|
|
889
613
|
},
|
|
890
614
|
};
|
|
891
615
|
|
|
892
|
-
|
|
616
|
+
const visitors_chart = new ApexCharts(
|
|
617
|
+
document.querySelector("#visitors-chart"),
|
|
618
|
+
visitors_chart_options
|
|
619
|
+
);
|
|
893
620
|
visitors_chart.render();
|
|
894
621
|
|
|
895
|
-
|
|
896
|
-
var sales_chart_options = {
|
|
622
|
+
const sales_chart_options = {
|
|
897
623
|
series: [{
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
624
|
+
name: "Net Profit",
|
|
625
|
+
data: [44, 55, 57, 56, 61, 58, 63, 60, 66],
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
name: "Revenue",
|
|
629
|
+
data: [76, 85, 101, 98, 87, 105, 91, 114, 94],
|
|
630
|
+
},
|
|
631
|
+
{
|
|
632
|
+
name: "Free Cash Flow",
|
|
633
|
+
data: [35, 41, 36, 26, 45, 48, 52, 53, 41],
|
|
634
|
+
},
|
|
635
|
+
],
|
|
907
636
|
chart: {
|
|
908
|
-
type:
|
|
909
|
-
height: 200
|
|
637
|
+
type: "bar",
|
|
638
|
+
height: 200,
|
|
910
639
|
},
|
|
911
640
|
plotOptions: {
|
|
912
641
|
bar: {
|
|
913
642
|
horizontal: false,
|
|
914
|
-
columnWidth:
|
|
915
|
-
endingShape:
|
|
643
|
+
columnWidth: "55%",
|
|
644
|
+
endingShape: "rounded",
|
|
916
645
|
},
|
|
917
646
|
},
|
|
918
647
|
legend: {
|
|
919
|
-
show: false
|
|
648
|
+
show: false,
|
|
920
649
|
},
|
|
921
|
-
colors: [
|
|
650
|
+
colors: ["#0d6efd", "#20c997", "#ffc107"],
|
|
922
651
|
dataLabels: {
|
|
923
|
-
enabled: false
|
|
652
|
+
enabled: false,
|
|
924
653
|
},
|
|
925
654
|
stroke: {
|
|
926
655
|
show: true,
|
|
927
656
|
width: 2,
|
|
928
|
-
colors: [
|
|
657
|
+
colors: ["transparent"],
|
|
929
658
|
},
|
|
930
659
|
xaxis: {
|
|
931
|
-
categories: [
|
|
660
|
+
categories: [
|
|
661
|
+
"Feb",
|
|
662
|
+
"Mar",
|
|
663
|
+
"Apr",
|
|
664
|
+
"May",
|
|
665
|
+
"Jun",
|
|
666
|
+
"Jul",
|
|
667
|
+
"Aug",
|
|
668
|
+
"Sep",
|
|
669
|
+
"Oct",
|
|
670
|
+
],
|
|
932
671
|
},
|
|
933
672
|
fill: {
|
|
934
|
-
opacity: 1
|
|
673
|
+
opacity: 1,
|
|
935
674
|
},
|
|
936
675
|
tooltip: {
|
|
937
676
|
y: {
|
|
938
677
|
formatter: function(val) {
|
|
939
|
-
return "$ " + val + " thousands"
|
|
940
|
-
}
|
|
941
|
-
}
|
|
942
|
-
}
|
|
678
|
+
return "$ " + val + " thousands";
|
|
679
|
+
},
|
|
680
|
+
},
|
|
681
|
+
},
|
|
943
682
|
};
|
|
944
683
|
|
|
945
|
-
|
|
684
|
+
const sales_chart = new ApexCharts(
|
|
685
|
+
document.querySelector("#sales-chart"),
|
|
686
|
+
sales_chart_options
|
|
687
|
+
);
|
|
946
688
|
sales_chart.render();
|
|
947
|
-
</script>
|
|
948
|
-
</body
|
|
689
|
+
</script> <!--end::Script-->
|
|
690
|
+
</body><!--end::Body-->
|
|
949
691
|
|
|
950
692
|
</html>
|