admin-lte 4.0.0-alpha3 → 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/.cache/.eslintcache +1 -1
- package/.cache/.stylelintcache +1 -1
- package/README.md +6 -1
- package/dist/css/adminlte.css +191 -107
- 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 +198 -105
- 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 +138 -36
- 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 +221 -598
- package/dist/pages/docs/browser-support.html +199 -508
- package/dist/pages/docs/color-mode.html +339 -684
- package/dist/pages/docs/components/main-header.html +428 -826
- package/dist/pages/docs/components/main-sidebar.html +301 -609
- package/dist/pages/docs/faq.html +187 -497
- package/dist/pages/docs/how-to-contribute.html +189 -498
- package/dist/pages/docs/introduction.html +208 -512
- package/dist/pages/docs/javascript/treeview.html +197 -506
- package/dist/pages/docs/layout.html +187 -498
- package/dist/pages/docs/license.html +187 -497
- package/dist/pages/examples/lockscreen.html +21 -59
- package/dist/pages/examples/login-v2.html +35 -95
- package/dist/pages/examples/login.html +33 -89
- package/dist/pages/examples/register-v2.html +37 -102
- package/dist/pages/examples/register.html +34 -92
- package/dist/pages/forms/general.html +279 -765
- package/dist/pages/index.html +303 -806
- package/dist/pages/index2.html +495 -1188
- package/dist/pages/index3.html +243 -662
- package/dist/pages/layout/collapsed-sidebar.html +194 -519
- package/dist/pages/layout/fixed-complete.html +193 -519
- package/dist/pages/layout/fixed-sidebar.html +194 -520
- package/dist/pages/layout/layout-rtl.html +194 -519
- package/dist/pages/layout/logo-switch.html +111 -310
- package/dist/pages/layout/sidebar-mini.html +194 -519
- package/dist/pages/layout/unfixed-sidebar.html +193 -517
- package/dist/pages/tables/simple.html +261 -650
- package/dist/pages/widgets/cards.html +256 -704
- package/dist/pages/widgets/info-box.html +278 -787
- package/dist/pages/widgets/small-box.html +210 -547
- package/package.json +33 -32
- package/src/html/components/_head.astro +5 -15
- package/src/html/components/_scripts.astro +5 -17
- package/src/html/components/dashboard/_footer.astro +2 -2
- package/src/html/components/dashboard/_sidenav.astro +12 -3
- package/src/html/components/dashboard/_topbar.astro +9 -1
- package/src/html/components/docs/introduction.mdx +5 -5
- package/src/html/pages/UI/general.astro +1451 -0
- package/src/html/pages/docs/color-mode.astro +4 -2
- package/src/html/pages/docs/components/main-header.astro +3 -2
- package/src/html/pages/docs/layout.astro +1 -1
- package/src/html/pages/examples/lockscreen.astro +3 -3
- package/src/html/pages/forms/general.astro +8 -8
- package/src/html/pages/index.astro +32 -23
- package/src/html/pages/index2.astro +100 -72
- package/src/html/pages/index3.astro +12 -12
- package/src/html/pages/tables/simple.astro +20 -20
- package/src/html/pages/widgets/cards.astro +3 -3
- package/src/html/pages/widgets/small-box.astro +1 -1
- package/src/scss/_app-main.scss +4 -0
- package/src/scss/_app-sidebar.scss +2 -2
- package/src/scss/_bootstrap-variables.scss +26 -22
- package/src/scss/_callouts.scss +6 -0
- package/src/scss/_cards.scss +1 -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/_timeline.scss +1 -0
- package/src/scss/_toasts.scss +33 -0
- package/src/scss/_variables.scss +11 -5
- package/src/scss/adminlte.scss +1 -2
- package/src/scss/pages/_lockscreen.scss +1 -0
- package/src/scss/pages/_login_and_register.scss +1 -0
- package/src/scss/parts/_extra-components.scss +1 -0
- package/src/ts/adminlte.ts +3 -1
- package/src/ts/card-widget.ts +3 -2
- package/src/ts/direct-chat.ts +3 -2
- package/src/ts/fullscreen.ts +110 -0
- package/src/ts/layout.ts +3 -2
- package/src/ts/push-menu.ts +3 -2
- package/src/ts/treeview.ts +20 -3
- package/src/ts/util/index.ts +1 -1
- package/.idea/AdminLTE.iml +0 -16
- package/.idea/codeStyles/Project.xml +0 -53
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/dbnavigator.xml +0 -421
- package/.idea/git_toolbox_prj.xml +0 -15
- package/.idea/inspectionProfiles/Project_Default.xml +0 -7
- package/.idea/jsLibraryMappings.xml +0 -6
- package/.idea/jsLinters/eslint.xml +0 -6
- package/.idea/modules.xml +0 -8
- package/.idea/php.xml +0 -28
- package/.idea/vcs.xml +0 -12
package/dist/pages/index3.html
CHANGED
|
@@ -1,658 +1,372 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<!--begin::Head-->
|
|
2
|
+
<html lang="en"> <!--begin::Head-->
|
|
4
3
|
|
|
5
4
|
<head>
|
|
6
5
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
7
|
-
<title>AdminLTE | Dashboard v3</title
|
|
8
|
-
<!--begin::Primary Meta Tags-->
|
|
6
|
+
<title>AdminLTE | Dashboard v3</title><!--begin::Primary Meta Tags-->
|
|
9
7
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
10
8
|
<meta name="title" content="AdminLTE | Dashboard v3">
|
|
11
9
|
<meta name="author" content="ColorlibHQ">
|
|
12
10
|
<meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS.">
|
|
13
|
-
<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"
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<link rel="
|
|
17
|
-
<link rel="
|
|
18
|
-
<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">
|
|
19
|
-
<!--end::Fonts-->
|
|
20
|
-
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
21
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/styles/overlayscrollbars.min.css" integrity="sha256-LWLZPJ7X1jJLI5OG5695qDemW1qQ7lNdbTfQ64ylbUY=" crossorigin="anonymous">
|
|
22
|
-
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
|
23
|
-
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
|
24
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.min.css" integrity="sha256-BicZsQAhkGHIoR//IB2amPN5SrRb3fHB8tFsnqRAwnk=" crossorigin="anonymous">
|
|
25
|
-
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
|
26
|
-
<!--begin::Required Plugin(AdminLTE)-->
|
|
27
|
-
<link rel="stylesheet" href="../../dist/css/adminlte.css">
|
|
28
|
-
<!--end::Required Plugin(AdminLTE)-->
|
|
29
|
-
|
|
30
|
-
<!-- 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 -->
|
|
31
16
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css" integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0=" crossorigin="anonymous">
|
|
32
17
|
</head>
|
|
33
18
|
|
|
34
|
-
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
35
|
-
<!--begin::
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
<nav class="app-header navbar navbar-expand bg-body">
|
|
39
|
-
<!--begin::Container-->
|
|
40
|
-
<div class="container-fluid">
|
|
41
|
-
<!--begin::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
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
<li class="nav-item
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
<li class="nav-item d-none d-md-block">
|
|
52
|
-
<a href="#" class="nav-link">Contact</a>
|
|
53
|
-
</li>
|
|
54
|
-
</ul>
|
|
55
|
-
<!--end::Start Navbar Links-->
|
|
56
|
-
|
|
57
|
-
<!--begin::End Navbar Links-->
|
|
58
|
-
<ul class="navbar-nav ms-auto">
|
|
59
|
-
<!--begin::Navbar Search-->
|
|
60
|
-
<li class="nav-item">
|
|
61
|
-
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
|
62
|
-
<i class="bi bi-search"></i>
|
|
63
|
-
</a>
|
|
64
|
-
</li>
|
|
65
|
-
<!--end::Navbar Search-->
|
|
66
|
-
|
|
67
|
-
<!--begin::Messages Dropdown Menu-->
|
|
68
|
-
<li class="nav-item dropdown">
|
|
69
|
-
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
|
70
|
-
<i class="bi bi-chat-text"></i>
|
|
71
|
-
<span class="navbar-badge badge text-bg-danger">3</span>
|
|
72
|
-
</a>
|
|
73
|
-
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
74
|
-
<a href="#" class="dropdown-item">
|
|
75
|
-
<!--begin::Message-->
|
|
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-->
|
|
76
32
|
<div class="d-flex">
|
|
77
|
-
<div class="flex-shrink-0">
|
|
78
|
-
<img src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
79
|
-
</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>
|
|
80
34
|
<div class="flex-grow-1">
|
|
81
35
|
<h3 class="dropdown-item-title">
|
|
82
36
|
Brad Diesel
|
|
83
37
|
<span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
|
|
84
38
|
</h3>
|
|
85
39
|
<p class="fs-7">Call me whenever you can...</p>
|
|
86
|
-
<p class="fs-7 text-secondary">
|
|
87
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
40
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
88
41
|
</p>
|
|
89
42
|
</div>
|
|
90
|
-
</div>
|
|
91
|
-
<!--end::Message-->
|
|
43
|
+
</div> <!--end::Message-->
|
|
92
44
|
</a>
|
|
93
|
-
<div class="dropdown-divider"></div>
|
|
94
|
-
<a href="#" class="dropdown-item">
|
|
95
|
-
<!--begin::Message-->
|
|
45
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
96
46
|
<div class="d-flex">
|
|
97
|
-
<div class="flex-shrink-0">
|
|
98
|
-
<img src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
99
|
-
</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>
|
|
100
48
|
<div class="flex-grow-1">
|
|
101
49
|
<h3 class="dropdown-item-title">
|
|
102
50
|
John Pierce
|
|
103
|
-
<span class="float-end fs-7 text-secondary">
|
|
104
|
-
<i class="bi bi-star-fill"></i>
|
|
105
|
-
</span>
|
|
51
|
+
<span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
|
|
106
52
|
</h3>
|
|
107
53
|
<p class="fs-7">I got your message bro</p>
|
|
108
|
-
<p class="fs-7 text-secondary">
|
|
109
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
54
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
110
55
|
</p>
|
|
111
56
|
</div>
|
|
112
|
-
</div>
|
|
113
|
-
<!--end::Message-->
|
|
57
|
+
</div> <!--end::Message-->
|
|
114
58
|
</a>
|
|
115
|
-
<div class="dropdown-divider"></div>
|
|
116
|
-
<a href="#" class="dropdown-item">
|
|
117
|
-
<!--begin::Message-->
|
|
59
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
118
60
|
<div class="d-flex">
|
|
119
|
-
<div class="flex-shrink-0">
|
|
120
|
-
<img src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
121
|
-
</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>
|
|
122
62
|
<div class="flex-grow-1">
|
|
123
63
|
<h3 class="dropdown-item-title">
|
|
124
64
|
Nora Silvester
|
|
125
|
-
<span class="float-end fs-7 text-warning">
|
|
126
|
-
<i class="bi bi-star-fill"></i>
|
|
127
|
-
</span>
|
|
65
|
+
<span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
|
|
128
66
|
</h3>
|
|
129
67
|
<p class="fs-7">The subject goes here</p>
|
|
130
|
-
<p class="fs-7 text-secondary">
|
|
131
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
68
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
132
69
|
</p>
|
|
133
70
|
</div>
|
|
134
|
-
</div>
|
|
135
|
-
<!--end::Message-->
|
|
71
|
+
</div> <!--end::Message-->
|
|
136
72
|
</a>
|
|
137
|
-
<div class="dropdown-divider"></div>
|
|
138
|
-
<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>
|
|
139
74
|
</div>
|
|
140
|
-
</li>
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
<
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
151
|
-
<div class="dropdown-divider"></div>
|
|
152
|
-
<a href="#" class="dropdown-item">
|
|
153
|
-
<i class="bi bi-envelope me-2"></i> 4 new messages
|
|
154
|
-
<span class="float-end text-secondary fs-7">3 mins</span>
|
|
155
|
-
</a>
|
|
156
|
-
<div class="dropdown-divider"></div>
|
|
157
|
-
<a href="#" class="dropdown-item">
|
|
158
|
-
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
159
|
-
<span class="float-end text-secondary fs-7">12 hours</span>
|
|
160
|
-
</a>
|
|
161
|
-
<div class="dropdown-divider"></div>
|
|
162
|
-
<a href="#" class="dropdown-item">
|
|
163
|
-
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
164
|
-
<span class="float-end text-secondary fs-7">2 days</span>
|
|
165
|
-
</a>
|
|
166
|
-
<div class="dropdown-divider"></div>
|
|
167
|
-
<a href="#" class="dropdown-item dropdown-footer">
|
|
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">
|
|
168
85
|
See All Notifications
|
|
169
86
|
</a>
|
|
170
87
|
</div>
|
|
171
|
-
</li>
|
|
172
|
-
<!--end::
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
|
177
|
-
<img src="../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image">
|
|
178
|
-
<span class="d-none d-md-inline">Alexander Pierce</span>
|
|
179
|
-
</a>
|
|
180
|
-
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
181
|
-
<!--begin::User Image-->
|
|
182
|
-
<li class="user-header text-bg-primary">
|
|
183
|
-
<img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
184
|
-
|
|
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">
|
|
185
93
|
<p>
|
|
186
94
|
Alexander Pierce - Web Developer
|
|
187
95
|
<small>Member since Nov. 2023</small>
|
|
188
96
|
</p>
|
|
189
|
-
</li>
|
|
190
|
-
<!--
|
|
191
|
-
<!--begin::Menu Body-->
|
|
192
|
-
<li class="user-body">
|
|
193
|
-
<!--begin::Row-->
|
|
97
|
+
</li> <!--end::User Image--> <!--begin::Menu Body-->
|
|
98
|
+
<li class="user-body"> <!--begin::Row-->
|
|
194
99
|
<div class="row">
|
|
195
|
-
<div class="col-4 text-center">
|
|
196
|
-
|
|
197
|
-
</div>
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
<div class="col-4 text-center">
|
|
202
|
-
<a href="#">Friends</a>
|
|
203
|
-
</div>
|
|
204
|
-
</div>
|
|
205
|
-
<!--end::Row-->
|
|
206
|
-
</li>
|
|
207
|
-
<!--end::Menu Body-->
|
|
208
|
-
<!--begin::Menu Footer-->
|
|
209
|
-
<li class="user-footer">
|
|
210
|
-
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
|
211
|
-
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
|
212
|
-
</li>
|
|
213
|
-
<!--end::Menu Footer-->
|
|
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-->
|
|
214
106
|
</ul>
|
|
215
|
-
</li>
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
<!--end::
|
|
221
|
-
</nav>
|
|
222
|
-
<!--end::Header-->
|
|
223
|
-
<!--begin::Sidebar-->
|
|
224
|
-
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
|
225
|
-
<!--begin::Sidebar Brand-->
|
|
226
|
-
<div class="sidebar-brand">
|
|
227
|
-
<!--begin::Brand Link-->
|
|
228
|
-
<a href="./index.html" class="brand-link">
|
|
229
|
-
<!--begin::Brand Image-->
|
|
230
|
-
<img src="../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
|
|
231
|
-
<!--end::Brand Image-->
|
|
232
|
-
<!--begin::Brand Text-->
|
|
233
|
-
<span class="brand-text fw-light">AdminLTE 4</span>
|
|
234
|
-
<!--end::Brand Text-->
|
|
235
|
-
</a>
|
|
236
|
-
<!--end::Brand Link-->
|
|
237
|
-
</div>
|
|
238
|
-
<!--end::Sidebar Brand-->
|
|
239
|
-
<!--begin::Sidebar Wrapper-->
|
|
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-->
|
|
240
113
|
<div class="sidebar-wrapper">
|
|
241
|
-
<nav class="mt-2">
|
|
242
|
-
<!--begin::Sidebar Menu-->
|
|
114
|
+
<nav class="mt-2"> <!--begin::Sidebar Menu-->
|
|
243
115
|
<ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
|
|
244
|
-
<li class="nav-item menu-open">
|
|
245
|
-
<a href="#" class="nav-link active">
|
|
246
|
-
<i class="nav-icon bi bi-speedometer"></i>
|
|
116
|
+
<li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-speedometer"></i>
|
|
247
117
|
<p>
|
|
248
118
|
Dashboard
|
|
249
119
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
250
120
|
</p>
|
|
251
121
|
</a>
|
|
252
122
|
<ul class="nav nav-treeview">
|
|
253
|
-
<li class="nav-item">
|
|
254
|
-
<a href="./index.html" class="nav-link">
|
|
255
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
123
|
+
<li class="nav-item"> <a href="./index.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
256
124
|
<p>Dashboard v1</p>
|
|
257
|
-
</a>
|
|
258
|
-
|
|
259
|
-
<li class="nav-item">
|
|
260
|
-
<a href="./index2.html" class="nav-link">
|
|
261
|
-
<i class="nav-icon bi bi-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>
|
|
262
127
|
<p>Dashboard v2</p>
|
|
263
|
-
</a>
|
|
264
|
-
|
|
265
|
-
<li class="nav-item">
|
|
266
|
-
<a href="./index3.html" class="nav-link active">
|
|
267
|
-
<i class="nav-icon bi bi-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>
|
|
268
130
|
<p>Dashboard v3</p>
|
|
269
|
-
</a>
|
|
270
|
-
</li>
|
|
131
|
+
</a> </li>
|
|
271
132
|
</ul>
|
|
272
133
|
</li>
|
|
273
|
-
<li class="nav-item">
|
|
274
|
-
<a href="#" class="nav-link">
|
|
275
|
-
<i class="nav-icon bi bi-box-seam-fill"></i>
|
|
134
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
|
|
276
135
|
<p>
|
|
277
136
|
Widgets
|
|
278
137
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
279
138
|
</p>
|
|
280
139
|
</a>
|
|
281
140
|
<ul class="nav nav-treeview">
|
|
282
|
-
<li class="nav-item">
|
|
283
|
-
<a href="./widgets/small-box.html" class="nav-link">
|
|
284
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
141
|
+
<li class="nav-item"> <a href="./widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
285
142
|
<p>Small Box</p>
|
|
286
|
-
</a>
|
|
287
|
-
|
|
288
|
-
<li class="nav-item">
|
|
289
|
-
<a href="./widgets/info-box.html" class="nav-link">
|
|
290
|
-
<i class="nav-icon bi bi-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>
|
|
291
145
|
<p>info Box</p>
|
|
292
|
-
</a>
|
|
293
|
-
|
|
294
|
-
<li class="nav-item">
|
|
295
|
-
<a href="./widgets/cards.html" class="nav-link">
|
|
296
|
-
<i class="nav-icon bi bi-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>
|
|
297
148
|
<p>Cards</p>
|
|
298
|
-
</a>
|
|
299
|
-
</li>
|
|
149
|
+
</a> </li>
|
|
300
150
|
</ul>
|
|
301
151
|
</li>
|
|
302
|
-
<li class="nav-item">
|
|
303
|
-
<a href="#" class="nav-link">
|
|
304
|
-
<i class="nav-icon bi bi-clipboard-fill"></i>
|
|
152
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-clipboard-fill"></i>
|
|
305
153
|
<p>
|
|
306
154
|
Layout Options
|
|
307
|
-
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
|
308
|
-
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
155
|
+
<span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
|
|
309
156
|
</p>
|
|
310
157
|
</a>
|
|
311
158
|
<ul class="nav nav-treeview">
|
|
312
|
-
<li class="nav-item">
|
|
313
|
-
<a href="./layout/unfixed-sidebar.html" class="nav-link">
|
|
314
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
159
|
+
<li class="nav-item"> <a href="./layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
315
160
|
<p>Default Sidebar</p>
|
|
316
|
-
</a>
|
|
317
|
-
|
|
318
|
-
<li class="nav-item">
|
|
319
|
-
<a href="./layout/fixed-sidebar.html" class="nav-link">
|
|
320
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
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>
|
|
321
163
|
<p>Fixed Sidebar</p>
|
|
322
|
-
</a>
|
|
323
|
-
|
|
324
|
-
<li class="nav-item">
|
|
325
|
-
<a href="./layout/fixed-complete.html" class="nav-link">
|
|
326
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
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>
|
|
327
166
|
<p>Fixed Complete</p>
|
|
328
|
-
</a>
|
|
329
|
-
|
|
330
|
-
<li class="nav-item">
|
|
331
|
-
<a href="./layout/sidebar-mini.html" class="nav-link">
|
|
332
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
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>
|
|
333
169
|
<p>Sidebar Mini</p>
|
|
334
|
-
</a>
|
|
335
|
-
|
|
336
|
-
<li class="nav-item">
|
|
337
|
-
<a href="./layout/collapsed-sidebar.html" class="nav-link">
|
|
338
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
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>
|
|
339
172
|
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
|
340
|
-
</a>
|
|
341
|
-
|
|
342
|
-
<li class="nav-item">
|
|
343
|
-
<a href="./layout/logo-switch.html" class="nav-link">
|
|
344
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
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>
|
|
345
175
|
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
|
346
|
-
</a>
|
|
347
|
-
|
|
348
|
-
<li class="nav-item">
|
|
349
|
-
<a href="./layout/layout-rtl.html" class="nav-link">
|
|
350
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
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>
|
|
351
178
|
<p>Layout RTL</p>
|
|
352
|
-
</a>
|
|
353
|
-
</li>
|
|
179
|
+
</a> </li>
|
|
354
180
|
</ul>
|
|
355
181
|
</li>
|
|
356
|
-
<li class="nav-item">
|
|
357
|
-
<a href="#" class="nav-link">
|
|
358
|
-
<i class="nav-icon bi bi-tree-fill"></i>
|
|
182
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-tree-fill"></i>
|
|
359
183
|
<p>
|
|
360
184
|
UI Elements
|
|
361
185
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
362
186
|
</p>
|
|
363
187
|
</a>
|
|
364
188
|
<ul class="nav nav-treeview">
|
|
365
|
-
<li class="nav-item">
|
|
366
|
-
|
|
367
|
-
|
|
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>
|
|
368
193
|
<p>Timeline</p>
|
|
369
|
-
</a>
|
|
370
|
-
</li>
|
|
194
|
+
</a> </li>
|
|
371
195
|
</ul>
|
|
372
196
|
</li>
|
|
373
|
-
<li class="nav-item">
|
|
374
|
-
<a href="#" class="nav-link">
|
|
375
|
-
<i class="nav-icon bi bi-pencil-square"></i>
|
|
197
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
|
|
376
198
|
<p>
|
|
377
199
|
Forms
|
|
378
200
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
379
201
|
</p>
|
|
380
202
|
</a>
|
|
381
203
|
<ul class="nav nav-treeview">
|
|
382
|
-
<li class="nav-item">
|
|
383
|
-
<a href="./forms/general.html" class="nav-link">
|
|
384
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
204
|
+
<li class="nav-item"> <a href="./forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
385
205
|
<p>General Elements</p>
|
|
386
|
-
</a>
|
|
387
|
-
</li>
|
|
206
|
+
</a> </li>
|
|
388
207
|
</ul>
|
|
389
208
|
</li>
|
|
390
|
-
<li class="nav-item">
|
|
391
|
-
<a href="#" class="nav-link">
|
|
392
|
-
<i class="nav-icon bi bi-table"></i>
|
|
209
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-table"></i>
|
|
393
210
|
<p>
|
|
394
211
|
Tables
|
|
395
212
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
396
213
|
</p>
|
|
397
214
|
</a>
|
|
398
215
|
<ul class="nav nav-treeview">
|
|
399
|
-
<li class="nav-item">
|
|
400
|
-
<a href="./tables/simple.html" class="nav-link">
|
|
401
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
216
|
+
<li class="nav-item"> <a href="./tables/simple.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
402
217
|
<p>Simple Tables</p>
|
|
403
|
-
</a>
|
|
404
|
-
</li>
|
|
218
|
+
</a> </li>
|
|
405
219
|
</ul>
|
|
406
220
|
</li>
|
|
407
|
-
|
|
408
221
|
<li class="nav-header">EXAMPLES</li>
|
|
409
|
-
<li class="nav-item">
|
|
410
|
-
<a href="#" class="nav-link">
|
|
411
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
222
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
412
223
|
<p>
|
|
413
224
|
Auth
|
|
414
225
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
415
226
|
</p>
|
|
416
227
|
</a>
|
|
417
228
|
<ul class="nav nav-treeview">
|
|
418
|
-
<li class="nav-item">
|
|
419
|
-
<a href="#" class="nav-link">
|
|
420
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
229
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
421
230
|
<p>
|
|
422
231
|
Version 1
|
|
423
232
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
424
233
|
</p>
|
|
425
234
|
</a>
|
|
426
235
|
<ul class="nav nav-treeview">
|
|
427
|
-
<li class="nav-item">
|
|
428
|
-
<a href="./examples/login.html" class="nav-link">
|
|
429
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
236
|
+
<li class="nav-item"> <a href="./examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
430
237
|
<p>Login</p>
|
|
431
|
-
</a>
|
|
432
|
-
|
|
433
|
-
<li class="nav-item">
|
|
434
|
-
<a href="./examples/register.html" class="nav-link">
|
|
435
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
238
|
+
</a> </li>
|
|
239
|
+
<li class="nav-item"> <a href="./examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
436
240
|
<p>Register</p>
|
|
437
|
-
</a>
|
|
438
|
-
</li>
|
|
241
|
+
</a> </li>
|
|
439
242
|
</ul>
|
|
440
243
|
</li>
|
|
441
|
-
<li class="nav-item">
|
|
442
|
-
<a href="#" class="nav-link">
|
|
443
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
244
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
444
245
|
<p>
|
|
445
246
|
Version 2
|
|
446
247
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
447
248
|
</p>
|
|
448
249
|
</a>
|
|
449
250
|
<ul class="nav nav-treeview">
|
|
450
|
-
<li class="nav-item">
|
|
451
|
-
<a href="./examples/login-v2.html" class="nav-link">
|
|
452
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
251
|
+
<li class="nav-item"> <a href="./examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
453
252
|
<p>Login</p>
|
|
454
|
-
</a>
|
|
455
|
-
|
|
456
|
-
<li class="nav-item">
|
|
457
|
-
<a href="./examples/register-v2.html" class="nav-link">
|
|
458
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
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>
|
|
459
255
|
<p>Register</p>
|
|
460
|
-
</a>
|
|
461
|
-
</li>
|
|
256
|
+
</a> </li>
|
|
462
257
|
</ul>
|
|
463
258
|
</li>
|
|
464
|
-
<li class="nav-item">
|
|
465
|
-
<a href="./examples/lockscreen.html" class="nav-link">
|
|
466
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
259
|
+
<li class="nav-item"> <a href="./examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
467
260
|
<p>Lockscreen</p>
|
|
468
|
-
</a>
|
|
469
|
-
</li>
|
|
261
|
+
</a> </li>
|
|
470
262
|
</ul>
|
|
471
263
|
</li>
|
|
472
|
-
|
|
473
264
|
<li class="nav-header">DOCUMENTATIONS</li>
|
|
474
|
-
<li class="nav-item">
|
|
475
|
-
<a href="./docs/introduction.html" class="nav-link">
|
|
476
|
-
<i class="nav-icon bi bi-download"></i>
|
|
265
|
+
<li class="nav-item"> <a href="./docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
|
|
477
266
|
<p>Installation</p>
|
|
478
|
-
</a>
|
|
479
|
-
|
|
480
|
-
<li class="nav-item">
|
|
481
|
-
<a href="./docs/layout.html" class="nav-link">
|
|
482
|
-
<i class="nav-icon bi bi-grip-horizontal"></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>
|
|
483
269
|
<p>Layout</p>
|
|
484
|
-
</a>
|
|
485
|
-
|
|
486
|
-
<li class="nav-item">
|
|
487
|
-
<a href="./docs/color-mode.html" class="nav-link">
|
|
488
|
-
<i class="nav-icon bi bi-star-half"></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>
|
|
489
272
|
<p>Color Mode</p>
|
|
490
|
-
</a>
|
|
491
|
-
|
|
492
|
-
<li class="nav-item">
|
|
493
|
-
<a href="#" class="nav-link">
|
|
494
|
-
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
273
|
+
</a> </li>
|
|
274
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
495
275
|
<p>
|
|
496
276
|
Components
|
|
497
277
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
498
278
|
</p>
|
|
499
279
|
</a>
|
|
500
280
|
<ul class="nav nav-treeview">
|
|
501
|
-
<li class="nav-item">
|
|
502
|
-
<a href="./docs/components/main-header.html" class="nav-link">
|
|
503
|
-
<i class="nav-icon bi bi-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>
|
|
504
282
|
<p>Main Header</p>
|
|
505
|
-
</a>
|
|
506
|
-
|
|
507
|
-
<li class="nav-item">
|
|
508
|
-
<a href="./docs/components/main-sidebar.html" class="nav-link">
|
|
509
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
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>
|
|
510
285
|
<p>Main Sidebar</p>
|
|
511
|
-
</a>
|
|
512
|
-
</li>
|
|
286
|
+
</a> </li>
|
|
513
287
|
</ul>
|
|
514
288
|
</li>
|
|
515
|
-
<li class="nav-item">
|
|
516
|
-
<a href="#" class="nav-link">
|
|
517
|
-
<i class="nav-icon bi bi-filetype-js"></i>
|
|
289
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
|
|
518
290
|
<p>
|
|
519
291
|
Javascript
|
|
520
292
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
521
293
|
</p>
|
|
522
294
|
</a>
|
|
523
295
|
<ul class="nav nav-treeview">
|
|
524
|
-
<li class="nav-item">
|
|
525
|
-
<a href="./docs/javascript/treeview.html" class="nav-link">
|
|
526
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
296
|
+
<li class="nav-item"> <a href="./docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
527
297
|
<p>Treeview</p>
|
|
528
|
-
</a>
|
|
529
|
-
</li>
|
|
298
|
+
</a> </li>
|
|
530
299
|
</ul>
|
|
531
300
|
</li>
|
|
532
|
-
<li class="nav-item">
|
|
533
|
-
<a href="./docs/browser-support.html" class="nav-link">
|
|
534
|
-
<i class="nav-icon bi bi-browser-edge"></i>
|
|
301
|
+
<li class="nav-item"> <a href="./docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
|
|
535
302
|
<p>Browser Support</p>
|
|
536
|
-
</a>
|
|
537
|
-
|
|
538
|
-
<li class="nav-item">
|
|
539
|
-
<a href="./docs/how-to-contribute.html" class="nav-link">
|
|
540
|
-
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
|
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>
|
|
541
305
|
<p>How To Contribute</p>
|
|
542
|
-
</a>
|
|
543
|
-
|
|
544
|
-
<li class="nav-item">
|
|
545
|
-
<a href="./docs/faq.html" class="nav-link">
|
|
546
|
-
<i class="nav-icon bi bi-question-circle-fill"></i>
|
|
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>
|
|
547
308
|
<p>FAQ</p>
|
|
548
|
-
</a>
|
|
549
|
-
|
|
550
|
-
<li class="nav-item">
|
|
551
|
-
<a href="./docs/license.html" class="nav-link">
|
|
552
|
-
<i class="nav-icon bi bi-patch-check-fill"></i>
|
|
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>
|
|
553
311
|
<p>License</p>
|
|
554
|
-
</a>
|
|
555
|
-
</li>
|
|
556
|
-
|
|
312
|
+
</a> </li>
|
|
557
313
|
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
|
558
|
-
<li class="nav-item">
|
|
559
|
-
<a href="#" class="nav-link">
|
|
560
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
314
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
561
315
|
<p>Level 1</p>
|
|
562
|
-
</a>
|
|
563
|
-
|
|
564
|
-
<li class="nav-item">
|
|
565
|
-
<a href="#" class="nav-link">
|
|
566
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
316
|
+
</a> </li>
|
|
317
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
567
318
|
<p>
|
|
568
319
|
Level 1
|
|
569
320
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
570
321
|
</p>
|
|
571
322
|
</a>
|
|
572
323
|
<ul class="nav nav-treeview">
|
|
573
|
-
<li class="nav-item">
|
|
574
|
-
<a href="#" class="nav-link">
|
|
575
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
324
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
576
325
|
<p>Level 2</p>
|
|
577
|
-
</a>
|
|
578
|
-
|
|
579
|
-
<li class="nav-item">
|
|
580
|
-
<a href="#" class="nav-link">
|
|
581
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
326
|
+
</a> </li>
|
|
327
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
582
328
|
<p>
|
|
583
329
|
Level 2
|
|
584
330
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
585
331
|
</p>
|
|
586
332
|
</a>
|
|
587
333
|
<ul class="nav nav-treeview">
|
|
588
|
-
<li class="nav-item">
|
|
589
|
-
<a href="#" class="nav-link">
|
|
590
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
334
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
591
335
|
<p>Level 3</p>
|
|
592
|
-
</a>
|
|
593
|
-
|
|
594
|
-
<li class="nav-item">
|
|
595
|
-
<a href="#" class="nav-link">
|
|
596
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
336
|
+
</a> </li>
|
|
337
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
597
338
|
<p>Level 3</p>
|
|
598
|
-
</a>
|
|
599
|
-
|
|
600
|
-
<li class="nav-item">
|
|
601
|
-
<a href="#" class="nav-link">
|
|
602
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
339
|
+
</a> </li>
|
|
340
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
603
341
|
<p>Level 3</p>
|
|
604
|
-
</a>
|
|
605
|
-
</li>
|
|
342
|
+
</a> </li>
|
|
606
343
|
</ul>
|
|
607
344
|
</li>
|
|
608
|
-
<li class="nav-item">
|
|
609
|
-
<a href="#" class="nav-link">
|
|
610
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
345
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
611
346
|
<p>Level 2</p>
|
|
612
|
-
</a>
|
|
613
|
-
</li>
|
|
347
|
+
</a> </li>
|
|
614
348
|
</ul>
|
|
615
349
|
</li>
|
|
616
|
-
<li class="nav-item">
|
|
617
|
-
<a href="#" class="nav-link">
|
|
618
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
350
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
619
351
|
<p>Level 1</p>
|
|
620
|
-
</a>
|
|
621
|
-
</li>
|
|
622
|
-
|
|
352
|
+
</a> </li>
|
|
623
353
|
<li class="nav-header">LABELS</li>
|
|
624
|
-
<li class="nav-item">
|
|
625
|
-
<a href="#" class="nav-link">
|
|
626
|
-
<i class="nav-icon bi bi-circle text-danger"></i>
|
|
354
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
|
|
627
355
|
<p class="text">Important</p>
|
|
628
|
-
</a>
|
|
629
|
-
|
|
630
|
-
<li class="nav-item">
|
|
631
|
-
<a href="#" class="nav-link">
|
|
632
|
-
<i class="nav-icon bi bi-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>
|
|
633
358
|
<p>Warning</p>
|
|
634
|
-
</a>
|
|
635
|
-
|
|
636
|
-
<li class="nav-item">
|
|
637
|
-
<a href="#" class="nav-link">
|
|
638
|
-
<i class="nav-icon bi bi-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>
|
|
639
361
|
<p>Informational</p>
|
|
640
|
-
</a>
|
|
641
|
-
|
|
642
|
-
</ul>
|
|
643
|
-
<!--end::Sidebar Menu-->
|
|
362
|
+
</a> </li>
|
|
363
|
+
</ul> <!--end::Sidebar Menu-->
|
|
644
364
|
</nav>
|
|
645
|
-
</div>
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
<main class="app-main">
|
|
651
|
-
<!--begin::App Content Header-->
|
|
652
|
-
<div class="app-content-header">
|
|
653
|
-
<!--begin::Container-->
|
|
654
|
-
<div class="container-fluid">
|
|
655
|
-
<!--begin::Row-->
|
|
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-->
|
|
656
370
|
<div class="row">
|
|
657
371
|
<div class="col-sm-6">
|
|
658
372
|
<h3 class="mb-0">Dashboard v3</h3>
|
|
@@ -665,67 +379,37 @@
|
|
|
665
379
|
</li>
|
|
666
380
|
</ol>
|
|
667
381
|
</div>
|
|
668
|
-
</div>
|
|
669
|
-
|
|
670
|
-
</div>
|
|
671
|
-
<!--end::Container-->
|
|
382
|
+
</div> <!--end::Row-->
|
|
383
|
+
</div> <!--end::Container-->
|
|
672
384
|
</div>
|
|
673
|
-
<div class="app-content">
|
|
674
|
-
<!--begin::
|
|
675
|
-
<div class="container-fluid">
|
|
676
|
-
<!--begin::Row-->
|
|
385
|
+
<div class="app-content"> <!--begin::Container-->
|
|
386
|
+
<div class="container-fluid"> <!--begin::Row-->
|
|
677
387
|
<div class="row">
|
|
678
388
|
<div class="col-lg-6">
|
|
679
389
|
<div class="card mb-4">
|
|
680
390
|
<div class="card-header border-0">
|
|
681
391
|
<div class="d-flex justify-content-between">
|
|
682
|
-
<h3 class="card-title">Online Store Visitors</h3>
|
|
683
|
-
<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>
|
|
684
393
|
</div>
|
|
685
394
|
</div>
|
|
686
395
|
<div class="card-body">
|
|
687
396
|
<div class="d-flex">
|
|
688
|
-
<p class="d-flex flex-column">
|
|
689
|
-
|
|
690
|
-
<span>
|
|
691
|
-
|
|
692
|
-
<p class="ms-auto d-flex flex-column text-end">
|
|
693
|
-
<span class="text-success">
|
|
694
|
-
<i class="bi bi-arrow-up"></i> 12.5%
|
|
695
|
-
</span>
|
|
696
|
-
<span class="text-secondary">Since last week</span>
|
|
697
|
-
</p>
|
|
698
|
-
</div>
|
|
699
|
-
<!-- /.d-flex -->
|
|
700
|
-
|
|
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 -->
|
|
701
401
|
<div class="position-relative mb-4">
|
|
702
402
|
<div id="visitors-chart"></div>
|
|
703
403
|
</div>
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
<i class="bi bi-square-fill text-primary"></i> This Week
|
|
708
|
-
</span>
|
|
709
|
-
|
|
710
|
-
<span>
|
|
711
|
-
<i class="bi bi-square-fill text-secondary"></i> Last Week
|
|
712
|
-
</span>
|
|
713
|
-
</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>
|
|
714
407
|
</div>
|
|
715
|
-
</div>
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
<div class="card">
|
|
408
|
+
</div> <!-- /.card -->
|
|
409
|
+
<div class="card mb-4">
|
|
719
410
|
<div class="card-header border-0">
|
|
720
411
|
<h3 class="card-title">Products</h3>
|
|
721
|
-
<div class="card-tools">
|
|
722
|
-
<a href="#" class="btn btn-tool btn-sm">
|
|
723
|
-
<i class="bi bi-download"></i>
|
|
724
|
-
</a>
|
|
725
|
-
<a href="#" class="btn btn-tool btn-sm">
|
|
726
|
-
<i class="bi bi-list"></i>
|
|
727
|
-
</a>
|
|
728
|
-
</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>
|
|
729
413
|
</div>
|
|
730
414
|
<div class="card-body table-responsive p-0">
|
|
731
415
|
<table class="table table-striped align-middle">
|
|
@@ -739,223 +423,128 @@
|
|
|
739
423
|
</thead>
|
|
740
424
|
<tbody>
|
|
741
425
|
<tr>
|
|
742
|
-
<td>
|
|
743
|
-
<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">
|
|
744
427
|
Some Product
|
|
745
428
|
</td>
|
|
746
429
|
<td>$13 USD</td>
|
|
747
|
-
<td>
|
|
748
|
-
<small class="text-success me-1">
|
|
749
|
-
<i class="bi bi-arrow-up"></i>
|
|
430
|
+
<td> <small class="text-success me-1"> <i class="bi bi-arrow-up"></i>
|
|
750
431
|
12%
|
|
751
432
|
</small>
|
|
752
433
|
12,000 Sold
|
|
753
434
|
</td>
|
|
754
|
-
<td>
|
|
755
|
-
<a href="#" class="text-secondary">
|
|
756
|
-
<i class="bi bi-search"></i>
|
|
757
|
-
</a>
|
|
758
|
-
</td>
|
|
435
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
759
436
|
</tr>
|
|
760
437
|
<tr>
|
|
761
|
-
<td>
|
|
762
|
-
<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">
|
|
763
439
|
Another Product
|
|
764
440
|
</td>
|
|
765
441
|
<td>$29 USD</td>
|
|
766
|
-
<td>
|
|
767
|
-
<small class="text-warning me-1">
|
|
768
|
-
<i class="bi bi-arrow-down"></i>
|
|
442
|
+
<td> <small class="text-info me-1"> <i class="bi bi-arrow-down"></i>
|
|
769
443
|
0.5%
|
|
770
444
|
</small>
|
|
771
445
|
123,234 Sold
|
|
772
446
|
</td>
|
|
773
|
-
<td>
|
|
774
|
-
<a href="#" class="text-secondary">
|
|
775
|
-
<i class="bi bi-search"></i>
|
|
776
|
-
</a>
|
|
777
|
-
</td>
|
|
447
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
778
448
|
</tr>
|
|
779
449
|
<tr>
|
|
780
|
-
<td>
|
|
781
|
-
<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">
|
|
782
451
|
Amazing Product
|
|
783
452
|
</td>
|
|
784
453
|
<td>$1,230 USD</td>
|
|
785
|
-
<td>
|
|
786
|
-
<small class="text-danger me-1">
|
|
787
|
-
<i class="bi bi-arrow-down"></i>
|
|
454
|
+
<td> <small class="text-danger me-1"> <i class="bi bi-arrow-down"></i>
|
|
788
455
|
3%
|
|
789
456
|
</small>
|
|
790
457
|
198 Sold
|
|
791
458
|
</td>
|
|
792
|
-
<td>
|
|
793
|
-
<a href="#" class="text-secondary">
|
|
794
|
-
<i class="bi bi-search"></i>
|
|
795
|
-
</a>
|
|
796
|
-
</td>
|
|
459
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
797
460
|
</tr>
|
|
798
461
|
<tr>
|
|
799
|
-
<td>
|
|
800
|
-
<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">
|
|
801
463
|
Perfect Item
|
|
802
464
|
<span class="badge text-bg-danger">NEW</span>
|
|
803
465
|
</td>
|
|
804
466
|
<td>$199 USD</td>
|
|
805
|
-
<td>
|
|
806
|
-
<small class="text-success me-1">
|
|
807
|
-
<i class="bi bi-arrow-up"></i>
|
|
467
|
+
<td> <small class="text-success me-1"> <i class="bi bi-arrow-up"></i>
|
|
808
468
|
63%
|
|
809
469
|
</small>
|
|
810
470
|
87 Sold
|
|
811
471
|
</td>
|
|
812
|
-
<td>
|
|
813
|
-
<a href="#" class="text-secondary">
|
|
814
|
-
<i class="bi bi-search"></i>
|
|
815
|
-
</a>
|
|
816
|
-
</td>
|
|
472
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
817
473
|
</tr>
|
|
818
474
|
</tbody>
|
|
819
475
|
</table>
|
|
820
476
|
</div>
|
|
821
|
-
</div>
|
|
822
|
-
|
|
823
|
-
</div>
|
|
824
|
-
<!-- /.col-md-6 -->
|
|
477
|
+
</div> <!-- /.card -->
|
|
478
|
+
</div> <!-- /.col-md-6 -->
|
|
825
479
|
<div class="col-lg-6">
|
|
826
480
|
<div class="card mb-4">
|
|
827
481
|
<div class="card-header border-0">
|
|
828
482
|
<div class="d-flex justify-content-between">
|
|
829
|
-
<h3 class="card-title">Sales</h3>
|
|
830
|
-
<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>
|
|
831
484
|
</div>
|
|
832
485
|
</div>
|
|
833
486
|
<div class="card-body">
|
|
834
487
|
<div class="d-flex">
|
|
835
|
-
<p class="d-flex flex-column">
|
|
836
|
-
|
|
837
|
-
<span>
|
|
838
|
-
|
|
839
|
-
<p class="ms-auto d-flex flex-column text-end">
|
|
840
|
-
<span class="text-success">
|
|
841
|
-
<i class="bi bi-arrow-up"></i> 33.1%
|
|
842
|
-
</span>
|
|
843
|
-
<span class="text-secondary">Since Past Year</span>
|
|
844
|
-
</p>
|
|
845
|
-
</div>
|
|
846
|
-
<!-- /.d-flex -->
|
|
847
|
-
|
|
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 -->
|
|
848
492
|
<div class="position-relative mb-4">
|
|
849
493
|
<div id="sales-chart"></div>
|
|
850
494
|
</div>
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
<i class="bi bi-square-fill text-primary"></i> This year
|
|
855
|
-
</span>
|
|
856
|
-
|
|
857
|
-
<span>
|
|
858
|
-
<i class="bi bi-square-fill text-secondary"></i> Last year
|
|
859
|
-
</span>
|
|
860
|
-
</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>
|
|
861
498
|
</div>
|
|
862
|
-
</div>
|
|
863
|
-
<!-- /.card -->
|
|
864
|
-
|
|
499
|
+
</div> <!-- /.card -->
|
|
865
500
|
<div class="card">
|
|
866
501
|
<div class="card-header border-0">
|
|
867
502
|
<h3 class="card-title">Online Store Overview</h3>
|
|
868
|
-
<div class="card-tools">
|
|
869
|
-
<a href="#" class="btn btn-sm btn-tool">
|
|
870
|
-
<i class="bi bi-download"></i>
|
|
871
|
-
</a>
|
|
872
|
-
<a href="#" class="btn btn-sm btn-tool">
|
|
873
|
-
<i class="bi bi-list"></i>
|
|
874
|
-
</a>
|
|
875
|
-
</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>
|
|
876
504
|
</div>
|
|
877
505
|
<div class="card-body">
|
|
878
506
|
<div class="d-flex justify-content-between align-items-center border-bottom mb-3">
|
|
879
|
-
<p class="text-success fs-2">
|
|
880
|
-
<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">
|
|
881
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>
|
|
882
|
-
</svg>
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
<i class="ion ion-android-arrow-up text-success"></i> 12%
|
|
887
|
-
</span>
|
|
888
|
-
<span class="text-secondary">CONVERSION RATE</span>
|
|
889
|
-
</p>
|
|
890
|
-
</div>
|
|
891
|
-
<!-- /.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 -->
|
|
892
513
|
<div class="d-flex justify-content-between align-items-center border-bottom mb-3">
|
|
893
|
-
<p class="text-
|
|
894
|
-
<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">
|
|
895
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>
|
|
896
|
-
</svg>
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
<i class="ion ion-android-arrow-up text-warning"></i> 0.8%
|
|
901
|
-
</span>
|
|
902
|
-
<span class="text-secondary">SALES RATE</span>
|
|
903
|
-
</p>
|
|
904
|
-
</div>
|
|
905
|
-
<!-- /.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 -->
|
|
906
520
|
<div class="d-flex justify-content-between align-items-center mb-0">
|
|
907
|
-
<p class="text-danger fs-2">
|
|
908
|
-
<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">
|
|
909
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>
|
|
910
|
-
</svg>
|
|
911
|
-
|
|
912
|
-
<p class="d-flex flex-column text-end">
|
|
913
|
-
<span class="fw-bold">
|
|
914
|
-
<i class="ion ion-android-arrow-down text-danger"></i>
|
|
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>
|
|
915
525
|
1%
|
|
916
|
-
</span>
|
|
917
|
-
|
|
918
|
-
</p>
|
|
919
|
-
</div>
|
|
920
|
-
<!-- /.d-flex -->
|
|
526
|
+
</span> <span class="text-secondary">REGISTRATION RATE</span> </p>
|
|
527
|
+
</div> <!-- /.d-flex -->
|
|
921
528
|
</div>
|
|
922
529
|
</div>
|
|
923
|
-
</div>
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
</div>
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
<!--end::App Main-->
|
|
933
|
-
<!--begin::Footer-->
|
|
934
|
-
<footer class="app-footer">
|
|
935
|
-
<!--begin::To the end-->
|
|
936
|
-
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
|
937
|
-
<!--end::To the end-->
|
|
938
|
-
<!--begin::Copyright-->
|
|
939
|
-
<strong>
|
|
940
|
-
Copyright © 2014-2023
|
|
941
|
-
<a href="https://adminlte.io">AdminLTE.io</a>.
|
|
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>.
|
|
942
539
|
</strong>
|
|
943
540
|
All rights reserved.
|
|
944
541
|
<!--end::Copyright-->
|
|
945
|
-
</footer>
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
<!--end::
|
|
949
|
-
<!--begin::
|
|
950
|
-
<!--
|
|
951
|
-
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
|
|
952
|
-
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
|
953
|
-
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
|
|
954
|
-
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
|
955
|
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
|
|
956
|
-
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
|
957
|
-
<script src="../../dist/js/adminlte.js"></script>
|
|
958
|
-
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
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-->
|
|
959
548
|
<script>
|
|
960
549
|
const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
|
|
961
550
|
const Default = {
|
|
@@ -963,7 +552,6 @@
|
|
|
963
552
|
scrollbarAutoHide: "leave",
|
|
964
553
|
scrollbarClickScroll: true,
|
|
965
554
|
};
|
|
966
|
-
|
|
967
555
|
document.addEventListener("DOMContentLoaded", function() {
|
|
968
556
|
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
|
969
557
|
if (
|
|
@@ -979,20 +567,14 @@
|
|
|
979
567
|
});
|
|
980
568
|
}
|
|
981
569
|
});
|
|
982
|
-
</script>
|
|
983
|
-
<!--end::OverlayScrollbars Configure-->
|
|
984
|
-
|
|
985
|
-
<!-- OPTIONAL SCRIPTS -->
|
|
986
|
-
|
|
987
|
-
<!-- apexcharts -->
|
|
570
|
+
</script> <!--end::OverlayScrollbars Configure--> <!-- OPTIONAL SCRIPTS --> <!-- apexcharts -->
|
|
988
571
|
<script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script>
|
|
989
|
-
|
|
990
572
|
<script>
|
|
991
573
|
// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
|
|
992
574
|
// IT'S ALL JUST JUNK FOR DEMO
|
|
993
575
|
// ++++++++++++++++++++++++++++++++++++++++++
|
|
994
576
|
|
|
995
|
-
|
|
577
|
+
const visitors_chart_options = {
|
|
996
578
|
series: [{
|
|
997
579
|
name: "High - 2023",
|
|
998
580
|
data: [100, 120, 170, 167, 180, 177, 160],
|
|
@@ -1031,13 +613,13 @@
|
|
|
1031
613
|
},
|
|
1032
614
|
};
|
|
1033
615
|
|
|
1034
|
-
|
|
616
|
+
const visitors_chart = new ApexCharts(
|
|
1035
617
|
document.querySelector("#visitors-chart"),
|
|
1036
618
|
visitors_chart_options
|
|
1037
619
|
);
|
|
1038
620
|
visitors_chart.render();
|
|
1039
621
|
|
|
1040
|
-
|
|
622
|
+
const sales_chart_options = {
|
|
1041
623
|
series: [{
|
|
1042
624
|
name: "Net Profit",
|
|
1043
625
|
data: [44, 55, 57, 56, 61, 58, 63, 60, 66],
|
|
@@ -1099,13 +681,12 @@
|
|
|
1099
681
|
},
|
|
1100
682
|
};
|
|
1101
683
|
|
|
1102
|
-
|
|
684
|
+
const sales_chart = new ApexCharts(
|
|
1103
685
|
document.querySelector("#sales-chart"),
|
|
1104
686
|
sales_chart_options
|
|
1105
687
|
);
|
|
1106
688
|
sales_chart.render();
|
|
1107
|
-
</script>
|
|
1108
|
-
<!--end::Script-->
|
|
689
|
+
</script> <!--end::Script-->
|
|
1109
690
|
</body><!--end::Body-->
|
|
1110
691
|
|
|
1111
692
|
</html>
|