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