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