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,163 +1,273 @@
|
|
|
1
1
|
---
|
|
2
|
-
import { convertPathToHtml } from
|
|
3
|
-
const { path, mainPage, page } = Astro.props
|
|
4
|
-
const htmlPath = convertPathToHtml(path)
|
|
2
|
+
import { convertPathToHtml } from "../../../utils/index.js";
|
|
3
|
+
const { path, mainPage, page } = Astro.props;
|
|
4
|
+
const htmlPath = convertPathToHtml(path);
|
|
5
5
|
---
|
|
6
6
|
|
|
7
|
-
<!--
|
|
7
|
+
<!--begin::Sidebar-->
|
|
8
8
|
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
|
9
|
+
<!--begin::Sidebar Brand-->
|
|
9
10
|
<div class="sidebar-brand">
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
<!--begin::Brand Link-->
|
|
12
|
+
<a href={htmlPath + "/index.html"} class="brand-link">
|
|
13
|
+
<!--begin::Brand Image-->
|
|
14
|
+
<img
|
|
15
|
+
src={path + "/assets/img/AdminLTELogo.png"}
|
|
16
|
+
alt="AdminLTE Logo"
|
|
17
|
+
class="brand-image opacity-75 shadow"
|
|
18
|
+
/>
|
|
19
|
+
<!--end::Brand Image-->
|
|
20
|
+
<!--begin::Brand Text-->
|
|
12
21
|
<span class="brand-text fw-light">AdminLTE 4</span>
|
|
22
|
+
<!--end::Brand Text-->
|
|
13
23
|
</a>
|
|
24
|
+
<!--end::Brand Link-->
|
|
14
25
|
</div>
|
|
15
|
-
<!--
|
|
26
|
+
<!--end::Sidebar Brand-->
|
|
27
|
+
<!--begin::Sidebar Wrapper-->
|
|
16
28
|
<div class="sidebar-wrapper">
|
|
17
29
|
<nav class="mt-2">
|
|
18
|
-
<!--
|
|
19
|
-
<ul
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
30
|
+
<!--begin::Sidebar Menu-->
|
|
31
|
+
<ul
|
|
32
|
+
class="nav sidebar-menu flex-column"
|
|
33
|
+
data-lte-toggle="treeview"
|
|
34
|
+
role="menu"
|
|
35
|
+
data-accordion="false"
|
|
36
|
+
>
|
|
37
|
+
<li class:list={["nav-item", mainPage === "dashboard" && "menu-open"]}>
|
|
38
|
+
<a
|
|
39
|
+
href="#"
|
|
40
|
+
class:list={["nav-link", mainPage === "dashboard" && "active"]}
|
|
41
|
+
>
|
|
42
|
+
<i class="nav-icon bi bi-speedometer"></i>
|
|
23
43
|
<p>
|
|
24
44
|
Dashboard
|
|
25
|
-
<i class="nav-arrow
|
|
45
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
26
46
|
</p>
|
|
27
47
|
</a>
|
|
28
48
|
<ul class="nav nav-treeview">
|
|
29
49
|
<li class="nav-item">
|
|
30
|
-
<a
|
|
31
|
-
|
|
50
|
+
<a
|
|
51
|
+
href={htmlPath + "/index.html"}
|
|
52
|
+
class:list={["nav-link", page === "index" && "active"]}
|
|
53
|
+
>
|
|
54
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
32
55
|
<p>Dashboard v1</p>
|
|
33
56
|
</a>
|
|
34
57
|
</li>
|
|
35
58
|
<li class="nav-item">
|
|
36
|
-
<a
|
|
37
|
-
|
|
59
|
+
<a
|
|
60
|
+
href={htmlPath + "/index2.html"}
|
|
61
|
+
class:list={["nav-link", page === "index2" && "active"]}
|
|
62
|
+
>
|
|
63
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
38
64
|
<p>Dashboard v2</p>
|
|
39
65
|
</a>
|
|
40
66
|
</li>
|
|
41
67
|
<li class="nav-item">
|
|
42
|
-
<a
|
|
43
|
-
|
|
68
|
+
<a
|
|
69
|
+
href={htmlPath + "/index3.html"}
|
|
70
|
+
class:list={["nav-link", page === "index3" && "active"]}
|
|
71
|
+
>
|
|
72
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
44
73
|
<p>Dashboard v3</p>
|
|
45
74
|
</a>
|
|
46
75
|
</li>
|
|
47
76
|
</ul>
|
|
48
77
|
</li>
|
|
49
|
-
<li class:list={[
|
|
50
|
-
<a
|
|
51
|
-
|
|
78
|
+
<li class:list={["nav-item", mainPage === "widgets" && "menu-open"]}>
|
|
79
|
+
<a
|
|
80
|
+
href="#"
|
|
81
|
+
class:list={["nav-link", mainPage === "widgets" && "active"]}
|
|
82
|
+
>
|
|
83
|
+
<i class="nav-icon bi bi-box-seam-fill"></i>
|
|
52
84
|
<p>
|
|
53
85
|
Widgets
|
|
54
|
-
<i class="nav-arrow
|
|
86
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
55
87
|
</p>
|
|
56
88
|
</a>
|
|
57
89
|
<ul class="nav nav-treeview">
|
|
58
90
|
<li class="nav-item">
|
|
59
|
-
<a
|
|
60
|
-
|
|
91
|
+
<a
|
|
92
|
+
href={htmlPath + "/widgets/small-box.html"}
|
|
93
|
+
class:list={["nav-link", page === "small-box" && "active"]}
|
|
94
|
+
>
|
|
95
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
61
96
|
<p>Small Box</p>
|
|
62
97
|
</a>
|
|
63
98
|
</li>
|
|
64
99
|
<li class="nav-item">
|
|
65
|
-
<a
|
|
66
|
-
|
|
100
|
+
<a
|
|
101
|
+
href={htmlPath + "/widgets/info-box.html"}
|
|
102
|
+
class:list={["nav-link", page === "info-box" && "active"]}
|
|
103
|
+
>
|
|
104
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
67
105
|
<p>info Box</p>
|
|
68
106
|
</a>
|
|
69
107
|
</li>
|
|
70
108
|
<li class="nav-item">
|
|
71
|
-
<a
|
|
72
|
-
|
|
109
|
+
<a
|
|
110
|
+
href={htmlPath + "/widgets/cards.html"}
|
|
111
|
+
class:list={["nav-link", page === "cards" && "active"]}
|
|
112
|
+
>
|
|
113
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
73
114
|
<p>Cards</p>
|
|
74
115
|
</a>
|
|
75
116
|
</li>
|
|
76
117
|
</ul>
|
|
77
118
|
</li>
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
119
|
+
<li class:list={["nav-item", mainPage === "layout" && "menu-open"]}>
|
|
120
|
+
<a
|
|
121
|
+
href="#"
|
|
122
|
+
class:list={["nav-link", mainPage === "layout" && "active"]}
|
|
123
|
+
>
|
|
124
|
+
<i class="nav-icon bi bi-clipboard-fill"></i>
|
|
82
125
|
<p>
|
|
83
126
|
Layout Options
|
|
84
|
-
<span class="nav-badge badge text-bg-secondary
|
|
85
|
-
|
|
127
|
+
<span class="nav-badge badge text-bg-secondary me-3"
|
|
128
|
+
>6</span
|
|
129
|
+
>
|
|
130
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
86
131
|
</p>
|
|
87
132
|
</a>
|
|
88
133
|
<ul class="nav nav-treeview">
|
|
89
134
|
<li class="nav-item">
|
|
90
|
-
<a
|
|
91
|
-
|
|
92
|
-
|
|
135
|
+
<a
|
|
136
|
+
href={htmlPath + "/layout/unfixed-sidebar.html"}
|
|
137
|
+
class:list={[
|
|
138
|
+
"nav-link",
|
|
139
|
+
page === "unfixed-sidebar" && "active",
|
|
140
|
+
]}
|
|
141
|
+
>
|
|
142
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
143
|
+
<p>Default Sidebar</p>
|
|
93
144
|
</a>
|
|
94
145
|
</li>
|
|
95
146
|
<li class="nav-item">
|
|
96
|
-
<a
|
|
97
|
-
|
|
147
|
+
<a
|
|
148
|
+
href={htmlPath + "/layout/fixed-sidebar.html"}
|
|
149
|
+
class:list={["nav-link", page === "fixed-sidebar" && "active"]}
|
|
150
|
+
>
|
|
151
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
98
152
|
<p>Fixed Sidebar</p>
|
|
99
153
|
</a>
|
|
100
154
|
</li>
|
|
101
155
|
<li class="nav-item">
|
|
102
|
-
<a
|
|
103
|
-
|
|
156
|
+
<a
|
|
157
|
+
href={htmlPath + "/layout/fixed-complete.html"}
|
|
158
|
+
class:list={["nav-link", page === "fixed-complete" && "active"]}
|
|
159
|
+
>
|
|
160
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
161
|
+
<p>Fixed Complete</p>
|
|
162
|
+
</a>
|
|
163
|
+
</li>
|
|
164
|
+
<li class="nav-item">
|
|
165
|
+
<a
|
|
166
|
+
href={htmlPath + "/layout/sidebar-mini.html"}
|
|
167
|
+
class:list={["nav-link", page === "sidebar-mini" && "active"]}
|
|
168
|
+
>
|
|
169
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
104
170
|
<p>Sidebar Mini</p>
|
|
105
171
|
</a>
|
|
106
172
|
</li>
|
|
107
173
|
<li class="nav-item">
|
|
108
|
-
<a
|
|
109
|
-
|
|
174
|
+
<a
|
|
175
|
+
href={htmlPath + "/layout/collapsed-sidebar.html"}
|
|
176
|
+
class:list={[
|
|
177
|
+
"nav-link",
|
|
178
|
+
page === "collapsed-sidebar" && "active",
|
|
179
|
+
]}
|
|
180
|
+
>
|
|
181
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
182
|
+
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
|
183
|
+
</a>
|
|
184
|
+
</li>
|
|
185
|
+
<li class="nav-item">
|
|
186
|
+
<a
|
|
187
|
+
href={htmlPath + "/layout/logo-switch.html"}
|
|
188
|
+
class:list={["nav-link", page === "logo-switch" && "active"]}
|
|
189
|
+
>
|
|
190
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
191
|
+
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
|
192
|
+
</a>
|
|
193
|
+
</li>
|
|
194
|
+
<li class="nav-item">
|
|
195
|
+
<a
|
|
196
|
+
href={htmlPath + "/layout/layout-rtl.html"}
|
|
197
|
+
class:list={["nav-link", page === "layout-rtl" && "active"]}
|
|
198
|
+
>
|
|
199
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
110
200
|
<p>Layout RTL</p>
|
|
111
201
|
</a>
|
|
112
202
|
</li>
|
|
113
203
|
</ul>
|
|
114
204
|
</li>
|
|
115
|
-
<li
|
|
116
|
-
|
|
117
|
-
|
|
205
|
+
<li
|
|
206
|
+
class:list={["nav-item", mainPage === "ui-elements" && "menu-open"]}
|
|
207
|
+
>
|
|
208
|
+
<a
|
|
209
|
+
href="#"
|
|
210
|
+
class:list={["nav-link", mainPage === "ui-elements" && "active"]}
|
|
211
|
+
>
|
|
212
|
+
<i class="nav-icon bi bi-tree-fill"></i>
|
|
118
213
|
<p>
|
|
119
214
|
UI Elements
|
|
120
|
-
<i class="nav-arrow
|
|
215
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
121
216
|
</p>
|
|
122
217
|
</a>
|
|
123
218
|
<ul class="nav nav-treeview">
|
|
124
219
|
<li class="nav-item">
|
|
125
|
-
<a
|
|
126
|
-
|
|
220
|
+
<a
|
|
221
|
+
href={htmlPath + "/UI/timeline.html"}
|
|
222
|
+
class:list={["nav-link", page === "timeline" && "active"]}
|
|
223
|
+
>
|
|
224
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
127
225
|
<p>Timeline</p>
|
|
128
226
|
</a>
|
|
129
227
|
</li>
|
|
130
228
|
</ul>
|
|
131
229
|
</li>
|
|
132
|
-
<li class:list={[
|
|
133
|
-
<a
|
|
134
|
-
|
|
230
|
+
<li class:list={["nav-item", mainPage === "forms" && "menu-open"]}>
|
|
231
|
+
<a
|
|
232
|
+
href="#"
|
|
233
|
+
class:list={["nav-link", mainPage === "forms" && "active"]}
|
|
234
|
+
>
|
|
235
|
+
<i class="nav-icon bi bi-pencil-square"></i>
|
|
135
236
|
<p>
|
|
136
237
|
Forms
|
|
137
|
-
<i class="nav-arrow
|
|
238
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
138
239
|
</p>
|
|
139
240
|
</a>
|
|
140
241
|
<ul class="nav nav-treeview">
|
|
141
242
|
<li class="nav-item">
|
|
142
|
-
<a
|
|
143
|
-
|
|
243
|
+
<a
|
|
244
|
+
href={htmlPath + "/forms/general.html"}
|
|
245
|
+
class:list={["nav-link", page === "general" && "active"]}
|
|
246
|
+
>
|
|
247
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
144
248
|
<p>General Elements</p>
|
|
145
249
|
</a>
|
|
146
250
|
</li>
|
|
147
251
|
</ul>
|
|
148
252
|
</li>
|
|
149
|
-
<li class:list={[
|
|
150
|
-
<a
|
|
151
|
-
|
|
253
|
+
<li class:list={["nav-item", mainPage === "tables" && "menu-open"]}>
|
|
254
|
+
<a
|
|
255
|
+
href="#"
|
|
256
|
+
class:list={["nav-link", mainPage === "tables" && "active"]}
|
|
257
|
+
>
|
|
258
|
+
<i class="nav-icon bi bi-table"></i>
|
|
152
259
|
<p>
|
|
153
260
|
Tables
|
|
154
|
-
<i class="nav-arrow
|
|
261
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
155
262
|
</p>
|
|
156
263
|
</a>
|
|
157
264
|
<ul class="nav nav-treeview">
|
|
158
265
|
<li class="nav-item">
|
|
159
|
-
<a
|
|
160
|
-
|
|
266
|
+
<a
|
|
267
|
+
href={htmlPath + "/tables/simple.html"}
|
|
268
|
+
class:list={["nav-link", page === "simple" && "active"]}
|
|
269
|
+
>
|
|
270
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
161
271
|
<p>Simple Tables</p>
|
|
162
272
|
</a>
|
|
163
273
|
</li>
|
|
@@ -166,24 +276,64 @@ const htmlPath = convertPathToHtml(path)
|
|
|
166
276
|
|
|
167
277
|
<li class="nav-header">EXAMPLES</li>
|
|
168
278
|
<li class="nav-item">
|
|
169
|
-
<a href="
|
|
170
|
-
<i class="nav-icon
|
|
279
|
+
<a href="#" class="nav-link">
|
|
280
|
+
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
171
281
|
<p>
|
|
172
|
-
|
|
173
|
-
<i class="nav-arrow
|
|
282
|
+
Auth
|
|
283
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
174
284
|
</p>
|
|
175
285
|
</a>
|
|
176
286
|
<ul class="nav nav-treeview">
|
|
177
287
|
<li class="nav-item">
|
|
178
|
-
<a href=
|
|
179
|
-
<i class="nav-icon
|
|
180
|
-
<p>
|
|
288
|
+
<a href="#" class="nav-link">
|
|
289
|
+
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
290
|
+
<p>
|
|
291
|
+
Version 1
|
|
292
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
293
|
+
</p>
|
|
181
294
|
</a>
|
|
295
|
+
<ul class="nav nav-treeview">
|
|
296
|
+
<li class="nav-item">
|
|
297
|
+
<a href={htmlPath + "/examples/login.html"} class="nav-link">
|
|
298
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
299
|
+
<p>Login</p>
|
|
300
|
+
</a>
|
|
301
|
+
</li>
|
|
302
|
+
<li class="nav-item">
|
|
303
|
+
<a href={htmlPath + "/examples/register.html"} class="nav-link">
|
|
304
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
305
|
+
<p>Register</p>
|
|
306
|
+
</a>
|
|
307
|
+
</li>
|
|
308
|
+
</ul>
|
|
182
309
|
</li>
|
|
183
310
|
<li class="nav-item">
|
|
184
|
-
<a href=
|
|
185
|
-
<i class="nav-icon
|
|
186
|
-
<p>
|
|
311
|
+
<a href="#" class="nav-link">
|
|
312
|
+
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
313
|
+
<p>
|
|
314
|
+
Version 2
|
|
315
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
316
|
+
</p>
|
|
317
|
+
</a>
|
|
318
|
+
<ul class="nav nav-treeview">
|
|
319
|
+
<li class="nav-item">
|
|
320
|
+
<a href={htmlPath + "/examples/login-v2.html"} class="nav-link">
|
|
321
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
322
|
+
<p>Login</p>
|
|
323
|
+
</a>
|
|
324
|
+
</li>
|
|
325
|
+
<li class="nav-item">
|
|
326
|
+
<a href={htmlPath + "/examples/register-v2.html"} class="nav-link">
|
|
327
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
328
|
+
<p>Register</p>
|
|
329
|
+
</a>
|
|
330
|
+
</li>
|
|
331
|
+
</ul>
|
|
332
|
+
</li>
|
|
333
|
+
<li class="nav-item">
|
|
334
|
+
<a href={htmlPath + "/examples/lockscreen.html"} class="nav-link">
|
|
335
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
336
|
+
<p>Lockscreen</p>
|
|
187
337
|
</a>
|
|
188
338
|
</li>
|
|
189
339
|
</ul>
|
|
@@ -191,133 +341,213 @@ const htmlPath = convertPathToHtml(path)
|
|
|
191
341
|
|
|
192
342
|
<li class="nav-header">DOCUMENTATIONS</li>
|
|
193
343
|
<li class="nav-item">
|
|
194
|
-
<a
|
|
195
|
-
|
|
344
|
+
<a
|
|
345
|
+
href={htmlPath + "/docs/introduction.html"}
|
|
346
|
+
class:list={["nav-link", page === "introduction" && "active"]}
|
|
347
|
+
>
|
|
348
|
+
<i class="nav-icon bi bi-download"></i>
|
|
196
349
|
<p>Installation</p>
|
|
197
350
|
</a>
|
|
198
351
|
</li>
|
|
199
352
|
<li class="nav-item">
|
|
200
|
-
<a
|
|
201
|
-
|
|
353
|
+
<a
|
|
354
|
+
href={htmlPath + "/docs/layout.html"}
|
|
355
|
+
class:list={["nav-link", page === "layout" && "active"]}
|
|
356
|
+
>
|
|
357
|
+
<i class="nav-icon bi bi-grip-horizontal"></i>
|
|
202
358
|
<p>Layout</p>
|
|
203
359
|
</a>
|
|
204
360
|
</li>
|
|
205
361
|
<li class="nav-item">
|
|
206
|
-
<a
|
|
207
|
-
|
|
362
|
+
<a
|
|
363
|
+
href={htmlPath + "/docs/color-mode.html"}
|
|
364
|
+
class:list={["nav-link", page === "color-mode" && "active"]}
|
|
365
|
+
>
|
|
366
|
+
<i class="nav-icon bi bi-star-half"></i>
|
|
208
367
|
<p>Color Mode</p>
|
|
209
368
|
</a>
|
|
210
369
|
</li>
|
|
211
|
-
<li class:list={[
|
|
212
|
-
<a
|
|
213
|
-
|
|
370
|
+
<li class:list={["nav-item", mainPage === "components" && "menu-open"]}>
|
|
371
|
+
<a
|
|
372
|
+
href="#"
|
|
373
|
+
class:list={["nav-link", mainPage === "components" && "active"]}
|
|
374
|
+
>
|
|
375
|
+
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
214
376
|
<p>
|
|
215
377
|
Components
|
|
216
|
-
<i class="nav-arrow
|
|
378
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
217
379
|
</p>
|
|
218
380
|
</a>
|
|
219
381
|
<ul class="nav nav-treeview">
|
|
220
382
|
<li class="nav-item">
|
|
221
|
-
<a
|
|
222
|
-
|
|
383
|
+
<a
|
|
384
|
+
href={htmlPath + "/docs/components/main-header.html"}
|
|
385
|
+
class:list={["nav-link", page === "main-header" && "active"]}
|
|
386
|
+
>
|
|
387
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
223
388
|
<p>Main Header</p>
|
|
224
389
|
</a>
|
|
225
390
|
</li>
|
|
391
|
+
<li class="nav-item">
|
|
392
|
+
<a
|
|
393
|
+
href={htmlPath + "/docs/components/main-sidebar.html"}
|
|
394
|
+
class:list={["nav-link", page === "main-sidebar" && "active"]}
|
|
395
|
+
>
|
|
396
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
397
|
+
<p>Main Sidebar</p>
|
|
398
|
+
</a>
|
|
399
|
+
</li>
|
|
400
|
+
</ul>
|
|
401
|
+
</li>
|
|
402
|
+
<li class:list={["nav-item", mainPage === "javascript" && "menu-open"]}>
|
|
403
|
+
<a
|
|
404
|
+
href="#"
|
|
405
|
+
class:list={["nav-link", mainPage === "javascript" && "active"]}
|
|
406
|
+
>
|
|
407
|
+
<i class="nav-icon bi bi-filetype-js"></i>
|
|
408
|
+
<p>
|
|
409
|
+
Javascript
|
|
410
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
411
|
+
</p>
|
|
412
|
+
</a>
|
|
413
|
+
<ul class="nav nav-treeview">
|
|
414
|
+
<li class="nav-item">
|
|
415
|
+
<a
|
|
416
|
+
href={htmlPath + "/docs/javascript/treeview.html"}
|
|
417
|
+
class:list={["nav-link", page === "treeview" && "active"]}
|
|
418
|
+
>
|
|
419
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
420
|
+
<p>Treeview</p>
|
|
421
|
+
</a>
|
|
422
|
+
</li>
|
|
226
423
|
</ul>
|
|
227
424
|
</li>
|
|
228
425
|
<li class="nav-item">
|
|
229
|
-
<a
|
|
230
|
-
|
|
426
|
+
<a
|
|
427
|
+
href={htmlPath + "/docs/browser-support.html"}
|
|
428
|
+
class:list={["nav-link", page === "browser-support" && "active"]}
|
|
429
|
+
>
|
|
430
|
+
<i class="nav-icon bi bi-browser-edge"></i>
|
|
231
431
|
<p>Browser Support</p>
|
|
232
432
|
</a>
|
|
233
433
|
</li>
|
|
434
|
+
<li class="nav-item">
|
|
435
|
+
<a
|
|
436
|
+
href={htmlPath + "/docs/how-to-contribute.html"}
|
|
437
|
+
class:list={["nav-link", page === "how-to-contribute" && "active"]}
|
|
438
|
+
>
|
|
439
|
+
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
|
440
|
+
<p>How To Contribute</p>
|
|
441
|
+
</a>
|
|
442
|
+
</li>
|
|
443
|
+
<li class="nav-item">
|
|
444
|
+
<a
|
|
445
|
+
href={htmlPath + "/docs/faq.html"}
|
|
446
|
+
class:list={["nav-link", page === "faq" && "active"]}
|
|
447
|
+
>
|
|
448
|
+
<i class="nav-icon bi bi-question-circle-fill"></i>
|
|
449
|
+
<p>FAQ</p>
|
|
450
|
+
</a>
|
|
451
|
+
</li>
|
|
452
|
+
<li class="nav-item">
|
|
453
|
+
<a
|
|
454
|
+
href={htmlPath + "/docs/license.html"}
|
|
455
|
+
class:list={["nav-link", page === "license" && "active"]}
|
|
456
|
+
>
|
|
457
|
+
<i class="nav-icon bi bi-patch-check-fill"></i>
|
|
458
|
+
<p>License</p>
|
|
459
|
+
</a>
|
|
460
|
+
</li>
|
|
234
461
|
|
|
235
462
|
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
|
236
463
|
<li class="nav-item">
|
|
237
|
-
<a href="
|
|
238
|
-
<i class="nav-icon
|
|
464
|
+
<a href="#" class="nav-link">
|
|
465
|
+
<i class="nav-icon bi bi-circle-fill"></i>
|
|
239
466
|
<p>Level 1</p>
|
|
240
467
|
</a>
|
|
241
468
|
</li>
|
|
242
469
|
<li class="nav-item">
|
|
243
|
-
<a href="
|
|
244
|
-
<i class="nav-icon
|
|
470
|
+
<a href="#" class="nav-link">
|
|
471
|
+
<i class="nav-icon bi bi-circle-fill"></i>
|
|
245
472
|
<p>
|
|
246
473
|
Level 1
|
|
247
|
-
<i class="nav-arrow
|
|
474
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
248
475
|
</p>
|
|
249
476
|
</a>
|
|
250
477
|
<ul class="nav nav-treeview">
|
|
251
478
|
<li class="nav-item">
|
|
252
|
-
<a href="
|
|
253
|
-
<i class="nav-icon
|
|
479
|
+
<a href="#" class="nav-link">
|
|
480
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
254
481
|
<p>Level 2</p>
|
|
255
482
|
</a>
|
|
256
483
|
</li>
|
|
257
484
|
<li class="nav-item">
|
|
258
|
-
<a href="
|
|
259
|
-
<i class="nav-icon
|
|
485
|
+
<a href="#" class="nav-link">
|
|
486
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
260
487
|
<p>
|
|
261
488
|
Level 2
|
|
262
|
-
<i class="nav-arrow
|
|
489
|
+
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
263
490
|
</p>
|
|
264
491
|
</a>
|
|
265
492
|
<ul class="nav nav-treeview">
|
|
266
493
|
<li class="nav-item">
|
|
267
|
-
<a href="
|
|
268
|
-
<i class="nav-icon
|
|
494
|
+
<a href="#" class="nav-link">
|
|
495
|
+
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
269
496
|
<p>Level 3</p>
|
|
270
497
|
</a>
|
|
271
498
|
</li>
|
|
272
499
|
<li class="nav-item">
|
|
273
|
-
<a href="
|
|
274
|
-
<i class="nav-icon
|
|
500
|
+
<a href="#" class="nav-link">
|
|
501
|
+
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
275
502
|
<p>Level 3</p>
|
|
276
503
|
</a>
|
|
277
504
|
</li>
|
|
278
505
|
<li class="nav-item">
|
|
279
|
-
<a href="
|
|
280
|
-
<i class="nav-icon
|
|
506
|
+
<a href="#" class="nav-link">
|
|
507
|
+
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
281
508
|
<p>Level 3</p>
|
|
282
509
|
</a>
|
|
283
510
|
</li>
|
|
284
511
|
</ul>
|
|
285
512
|
</li>
|
|
286
513
|
<li class="nav-item">
|
|
287
|
-
<a href="
|
|
288
|
-
<i class="nav-icon
|
|
514
|
+
<a href="#" class="nav-link">
|
|
515
|
+
<i class="nav-icon bi bi-circle"></i>
|
|
289
516
|
<p>Level 2</p>
|
|
290
517
|
</a>
|
|
291
518
|
</li>
|
|
292
519
|
</ul>
|
|
293
520
|
</li>
|
|
294
521
|
<li class="nav-item">
|
|
295
|
-
<a href="
|
|
296
|
-
<i class="nav-icon
|
|
522
|
+
<a href="#" class="nav-link">
|
|
523
|
+
<i class="nav-icon bi bi-circle-fill"></i>
|
|
297
524
|
<p>Level 1</p>
|
|
298
525
|
</a>
|
|
299
526
|
</li>
|
|
527
|
+
|
|
300
528
|
<li class="nav-header">LABELS</li>
|
|
301
529
|
<li class="nav-item">
|
|
302
|
-
<a href="
|
|
303
|
-
<i class="nav-icon
|
|
530
|
+
<a href="#" class="nav-link">
|
|
531
|
+
<i class="nav-icon bi bi-circle text-danger"></i>
|
|
304
532
|
<p class="text">Important</p>
|
|
305
533
|
</a>
|
|
306
534
|
</li>
|
|
307
535
|
<li class="nav-item">
|
|
308
|
-
<a href="
|
|
309
|
-
<i class="nav-icon
|
|
536
|
+
<a href="#" class="nav-link">
|
|
537
|
+
<i class="nav-icon bi bi-circle text-warning"></i>
|
|
310
538
|
<p>Warning</p>
|
|
311
539
|
</a>
|
|
312
540
|
</li>
|
|
313
541
|
<li class="nav-item">
|
|
314
|
-
<a href="
|
|
315
|
-
<i class="nav-icon
|
|
542
|
+
<a href="#" class="nav-link">
|
|
543
|
+
<i class="nav-icon bi bi-circle text-info"></i>
|
|
316
544
|
<p>Informational</p>
|
|
317
545
|
</a>
|
|
318
546
|
</li>
|
|
319
547
|
</ul>
|
|
548
|
+
<!--end::Sidebar Menu-->
|
|
320
549
|
</nav>
|
|
321
550
|
</div>
|
|
322
|
-
<!--
|
|
551
|
+
<!--end::Sidebar Wrapper-->
|
|
323
552
|
</aside>
|
|
553
|
+
<!--end::Sidebar-->
|