admin-lte 4.0.0-alpha3 → 4.0.0-beta2

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.
Files changed (186) hide show
  1. package/.astro/settings.json +5 -0
  2. package/README.md +6 -1
  3. package/dist/css/adminlte.css +238 -226
  4. package/dist/css/adminlte.css.map +1 -1
  5. package/dist/css/adminlte.min.css +2 -2
  6. package/dist/css/adminlte.min.css.map +1 -1
  7. package/dist/css/adminlte.rtl.css +245 -224
  8. package/dist/css/adminlte.rtl.css.map +1 -1
  9. package/dist/css/adminlte.rtl.min.css +2 -2
  10. package/dist/css/adminlte.rtl.min.css.map +1 -1
  11. package/dist/js/adminlte.js +139 -37
  12. package/dist/js/adminlte.js.map +1 -1
  13. package/dist/js/adminlte.min.js +3 -3
  14. package/dist/js/adminlte.min.js.map +1 -1
  15. package/dist/pages/UI/general.html +901 -0
  16. package/dist/pages/UI/icons.html +452 -0
  17. package/dist/pages/UI/timeline.html +228 -599
  18. package/dist/pages/docs/browser-support.html +206 -509
  19. package/dist/pages/docs/color-mode.html +346 -685
  20. package/dist/pages/docs/components/main-header.html +435 -827
  21. package/dist/pages/docs/components/main-sidebar.html +308 -610
  22. package/dist/pages/docs/faq.html +194 -498
  23. package/dist/pages/docs/how-to-contribute.html +196 -499
  24. package/dist/pages/docs/introduction.html +215 -513
  25. package/dist/pages/docs/javascript/treeview.html +204 -507
  26. package/dist/pages/docs/layout.html +194 -499
  27. package/dist/pages/docs/license.html +194 -498
  28. package/dist/pages/examples/lockscreen.html +21 -59
  29. package/dist/pages/examples/login-v2.html +35 -95
  30. package/dist/pages/examples/login.html +33 -89
  31. package/dist/pages/examples/register-v2.html +37 -102
  32. package/dist/pages/examples/register.html +34 -92
  33. package/dist/pages/forms/general.html +286 -766
  34. package/dist/pages/generate/theme.html +412 -0
  35. package/dist/pages/index.html +310 -807
  36. package/dist/pages/index2.html +502 -1189
  37. package/dist/pages/index3.html +250 -663
  38. package/dist/pages/layout/collapsed-sidebar.html +201 -520
  39. package/dist/pages/layout/fixed-sidebar.html +201 -521
  40. package/dist/pages/layout/layout-custom-area.html +467 -0
  41. package/dist/pages/layout/layout-rtl.html +201 -520
  42. package/dist/pages/layout/logo-switch.html +111 -310
  43. package/dist/pages/layout/sidebar-mini.html +201 -520
  44. package/dist/pages/layout/unfixed-sidebar.html +200 -518
  45. package/dist/pages/tables/simple.html +268 -651
  46. package/dist/pages/widgets/cards.html +263 -705
  47. package/dist/pages/widgets/info-box.html +285 -788
  48. package/dist/pages/widgets/small-box.html +217 -548
  49. package/package.json +34 -33
  50. package/src/scss/_app-content.scss +0 -49
  51. package/src/scss/_app-main.scss +25 -1
  52. package/src/scss/_app-sidebar.scss +3 -8
  53. package/src/scss/_bootstrap-variables.scss +26 -22
  54. package/src/scss/_callouts.scss +6 -0
  55. package/src/scss/_cards.scss +1 -0
  56. package/src/scss/_compact-mode.scss +0 -26
  57. package/src/scss/_direct-chat.scss +5 -0
  58. package/src/scss/_dropdown.scss +1 -0
  59. package/src/scss/_info-box.scss +2 -10
  60. package/src/scss/_timeline.scss +1 -0
  61. package/src/scss/_toasts.scss +33 -0
  62. package/src/scss/_variables.scss +29 -11
  63. package/src/scss/adminlte.scss +1 -2
  64. package/src/scss/pages/_lockscreen.scss +1 -0
  65. package/src/scss/pages/_login_and_register.scss +1 -0
  66. package/src/scss/parts/_extra-components.scss +1 -0
  67. package/src/ts/adminlte.ts +3 -1
  68. package/src/ts/card-widget.ts +3 -2
  69. package/src/ts/direct-chat.ts +3 -2
  70. package/src/ts/fullscreen.ts +110 -0
  71. package/src/ts/layout.ts +3 -2
  72. package/src/ts/push-menu.ts +4 -3
  73. package/src/ts/treeview.ts +20 -3
  74. package/src/ts/util/index.ts +1 -1
  75. package/.bundlewatch.config.json +0 -28
  76. package/.cache/.eslintcache +0 -1
  77. package/.cache/.stylelintcache +0 -1
  78. package/.editorconfig +0 -14
  79. package/.eslintignore +0 -7
  80. package/.eslintrc.json +0 -120
  81. package/.gitattributes +0 -6
  82. package/.gitpod.yml +0 -6
  83. package/.idea/AdminLTE.iml +0 -16
  84. package/.idea/codeStyles/Project.xml +0 -53
  85. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  86. package/.idea/dbnavigator.xml +0 -421
  87. package/.idea/git_toolbox_prj.xml +0 -15
  88. package/.idea/inspectionProfiles/Project_Default.xml +0 -7
  89. package/.idea/jsLibraryMappings.xml +0 -6
  90. package/.idea/jsLinters/eslint.xml +0 -6
  91. package/.idea/modules.xml +0 -8
  92. package/.idea/php.xml +0 -28
  93. package/.idea/vcs.xml +0 -12
  94. package/.stylelintignore +0 -8
  95. package/.stylelintrc.json +0 -47
  96. package/composer.json +0 -25
  97. package/dist/pages/layout/fixed-complete.html +0 -867
  98. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  99. package/src/assets/img/AdminLTELogo.png +0 -0
  100. package/src/assets/img/avatar.png +0 -0
  101. package/src/assets/img/avatar2.png +0 -0
  102. package/src/assets/img/avatar3.png +0 -0
  103. package/src/assets/img/avatar4.png +0 -0
  104. package/src/assets/img/avatar5.png +0 -0
  105. package/src/assets/img/boxed-bg.jpg +0 -0
  106. package/src/assets/img/boxed-bg.png +0 -0
  107. package/src/assets/img/credit/american-express.png +0 -0
  108. package/src/assets/img/credit/cirrus.png +0 -0
  109. package/src/assets/img/credit/mastercard.png +0 -0
  110. package/src/assets/img/credit/paypal.png +0 -0
  111. package/src/assets/img/credit/paypal2.png +0 -0
  112. package/src/assets/img/credit/visa.png +0 -0
  113. package/src/assets/img/default-150x150.png +0 -0
  114. package/src/assets/img/icons.png +0 -0
  115. package/src/assets/img/photo1.png +0 -0
  116. package/src/assets/img/photo2.png +0 -0
  117. package/src/assets/img/photo3.jpg +0 -0
  118. package/src/assets/img/photo4.jpg +0 -0
  119. package/src/assets/img/prod-1.jpg +0 -0
  120. package/src/assets/img/prod-2.jpg +0 -0
  121. package/src/assets/img/prod-3.jpg +0 -0
  122. package/src/assets/img/prod-4.jpg +0 -0
  123. package/src/assets/img/prod-5.jpg +0 -0
  124. package/src/assets/img/user1-128x128.jpg +0 -0
  125. package/src/assets/img/user2-160x160.jpg +0 -0
  126. package/src/assets/img/user3-128x128.jpg +0 -0
  127. package/src/assets/img/user4-128x128.jpg +0 -0
  128. package/src/assets/img/user5-128x128.jpg +0 -0
  129. package/src/assets/img/user6-128x128.jpg +0 -0
  130. package/src/assets/img/user7-128x128.jpg +0 -0
  131. package/src/assets/img/user8-128x128.jpg +0 -0
  132. package/src/config/assets.config.mjs +0 -8
  133. package/src/config/astro.config.mjs +0 -19
  134. package/src/config/postcss.config.mjs +0 -15
  135. package/src/config/rollup.config.js +0 -20
  136. package/src/html/.eslintrc.json +0 -24
  137. package/src/html/.prettierrc.js +0 -11
  138. package/src/html/.tsconfig.json +0 -4
  139. package/src/html/components/_head.astro +0 -47
  140. package/src/html/components/_scripts.astro +0 -51
  141. package/src/html/components/dashboard/_footer.astro +0 -18
  142. package/src/html/components/dashboard/_sidenav.astro +0 -553
  143. package/src/html/components/dashboard/_topbar.astro +0 -213
  144. package/src/html/components/docs/browser-support.mdx +0 -23
  145. package/src/html/components/docs/color-mode.mdx +0 -169
  146. package/src/html/components/docs/components/main-header.mdx +0 -198
  147. package/src/html/components/docs/components/main-sidebar.mdx +0 -129
  148. package/src/html/components/docs/faq.mdx +0 -11
  149. package/src/html/components/docs/how-to-contribute.mdx +0 -34
  150. package/src/html/components/docs/introduction.mdx +0 -60
  151. package/src/html/components/docs/license.mdx +0 -9
  152. package/src/html/components/javascript/treeview.mdx +0 -39
  153. package/src/html/env.d.ts +0 -1
  154. package/src/html/pages/UI/timeline.astro +0 -221
  155. package/src/html/pages/docs/browser-support.astro +0 -71
  156. package/src/html/pages/docs/color-mode.astro +0 -271
  157. package/src/html/pages/docs/components/main-header.astro +0 -319
  158. package/src/html/pages/docs/components/main-sidebar.astro +0 -71
  159. package/src/html/pages/docs/faq.astro +0 -71
  160. package/src/html/pages/docs/how-to-contribute.astro +0 -71
  161. package/src/html/pages/docs/introduction.astro +0 -71
  162. package/src/html/pages/docs/javascript/treeview.astro +0 -71
  163. package/src/html/pages/docs/layout.astro +0 -120
  164. package/src/html/pages/docs/license.astro +0 -71
  165. package/src/html/pages/examples/lockscreen.astro +0 -63
  166. package/src/html/pages/examples/login-v2.astro +0 -109
  167. package/src/html/pages/examples/login.astro +0 -99
  168. package/src/html/pages/examples/register-v2.astro +0 -116
  169. package/src/html/pages/examples/register.astro +0 -102
  170. package/src/html/pages/forms/general.astro +0 -624
  171. package/src/html/pages/index.astro +0 -790
  172. package/src/html/pages/index2.astro +0 -1345
  173. package/src/html/pages/index3.astro +0 -513
  174. package/src/html/pages/layout/collapsed-sidebar.astro +0 -110
  175. package/src/html/pages/layout/fixed-complete.astro +0 -209
  176. package/src/html/pages/layout/fixed-sidebar.astro +0 -109
  177. package/src/html/pages/layout/layout-rtl.astro +0 -109
  178. package/src/html/pages/layout/logo-switch.astro +0 -212
  179. package/src/html/pages/layout/sidebar-mini.astro +0 -108
  180. package/src/html/pages/layout/unfixed-sidebar.astro +0 -107
  181. package/src/html/pages/tables/simple.astro +0 -472
  182. package/src/html/pages/widgets/cards.astro +0 -373
  183. package/src/html/pages/widgets/info-box.astro +0 -413
  184. package/src/html/pages/widgets/small-box.astro +0 -182
  185. package/src/utils/index.js +0 -28
  186. package/tsconfig.json +0 -31
package/src/html/components/dashboard/_sidenav.astro DELETED
@@ -1,553 +0,0 @@
1
- ---
2
- import { convertPathToHtml } from "../../../utils/index.js";
3
- const { path, mainPage, page } = Astro.props;
4
- const htmlPath = convertPathToHtml(path);
5
- ---
6
-
7
- <!--begin::Sidebar-->
8
- <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
9
- <!--begin::Sidebar Brand-->
10
- <div class="sidebar-brand">
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-->
21
- <span class="brand-text fw-light">AdminLTE 4</span>
22
- <!--end::Brand Text-->
23
- </a>
24
- <!--end::Brand Link-->
25
- </div>
26
- <!--end::Sidebar Brand-->
27
- <!--begin::Sidebar Wrapper-->
28
- <div class="sidebar-wrapper">
29
- <nav class="mt-2">
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>
43
- <p>
44
- Dashboard
45
- <i class="nav-arrow bi bi-chevron-right"></i>
46
- </p>
47
- </a>
48
- <ul class="nav nav-treeview">
49
- <li class="nav-item">
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>
55
- <p>Dashboard v1</p>
56
- </a>
57
- </li>
58
- <li class="nav-item">
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>
64
- <p>Dashboard v2</p>
65
- </a>
66
- </li>
67
- <li class="nav-item">
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>
73
- <p>Dashboard v3</p>
74
- </a>
75
- </li>
76
- </ul>
77
- </li>
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>
84
- <p>
85
- Widgets
86
- <i class="nav-arrow bi bi-chevron-right"></i>
87
- </p>
88
- </a>
89
- <ul class="nav nav-treeview">
90
- <li class="nav-item">
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>
96
- <p>Small Box</p>
97
- </a>
98
- </li>
99
- <li class="nav-item">
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>
105
- <p>info Box</p>
106
- </a>
107
- </li>
108
- <li class="nav-item">
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>
114
- <p>Cards</p>
115
- </a>
116
- </li>
117
- </ul>
118
- </li>
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>
125
- <p>
126
- Layout Options
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>
131
- </p>
132
- </a>
133
- <ul class="nav nav-treeview">
134
- <li class="nav-item">
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>
144
- </a>
145
- </li>
146
- <li class="nav-item">
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>
152
- <p>Fixed Sidebar</p>
153
- </a>
154
- </li>
155
- <li class="nav-item">
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>
170
- <p>Sidebar Mini</p>
171
- </a>
172
- </li>
173
- <li class="nav-item">
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>
200
- <p>Layout RTL</p>
201
- </a>
202
- </li>
203
- </ul>
204
- </li>
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>
213
- <p>
214
- UI Elements
215
- <i class="nav-arrow bi bi-chevron-right"></i>
216
- </p>
217
- </a>
218
- <ul class="nav nav-treeview">
219
- <li class="nav-item">
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>
225
- <p>Timeline</p>
226
- </a>
227
- </li>
228
- </ul>
229
- </li>
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>
236
- <p>
237
- Forms
238
- <i class="nav-arrow bi bi-chevron-right"></i>
239
- </p>
240
- </a>
241
- <ul class="nav nav-treeview">
242
- <li class="nav-item">
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>
248
- <p>General Elements</p>
249
- </a>
250
- </li>
251
- </ul>
252
- </li>
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>
259
- <p>
260
- Tables
261
- <i class="nav-arrow bi bi-chevron-right"></i>
262
- </p>
263
- </a>
264
- <ul class="nav nav-treeview">
265
- <li class="nav-item">
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>
271
- <p>Simple Tables</p>
272
- </a>
273
- </li>
274
- </ul>
275
- </li>
276
-
277
- <li class="nav-header">EXAMPLES</li>
278
- <li class="nav-item">
279
- <a href="#" class="nav-link">
280
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
281
- <p>
282
- Auth
283
- <i class="nav-arrow bi bi-chevron-right"></i>
284
- </p>
285
- </a>
286
- <ul class="nav nav-treeview">
287
- <li class="nav-item">
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>
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>
309
- </li>
310
- <li class="nav-item">
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>
337
- </a>
338
- </li>
339
- </ul>
340
- </li>
341
-
342
- <li class="nav-header">DOCUMENTATIONS</li>
343
- <li class="nav-item">
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>
349
- <p>Installation</p>
350
- </a>
351
- </li>
352
- <li class="nav-item">
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>
358
- <p>Layout</p>
359
- </a>
360
- </li>
361
- <li class="nav-item">
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>
367
- <p>Color Mode</p>
368
- </a>
369
- </li>
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>
376
- <p>
377
- Components
378
- <i class="nav-arrow bi bi-chevron-right"></i>
379
- </p>
380
- </a>
381
- <ul class="nav nav-treeview">
382
- <li class="nav-item">
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>
388
- <p>Main Header</p>
389
- </a>
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>
423
- </ul>
424
- </li>
425
- <li class="nav-item">
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>
431
- <p>Browser Support</p>
432
- </a>
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>
461
-
462
- <li class="nav-header">MULTI LEVEL EXAMPLE</li>
463
- <li class="nav-item">
464
- <a href="#" class="nav-link">
465
- <i class="nav-icon bi bi-circle-fill"></i>
466
- <p>Level 1</p>
467
- </a>
468
- </li>
469
- <li class="nav-item">
470
- <a href="#" class="nav-link">
471
- <i class="nav-icon bi bi-circle-fill"></i>
472
- <p>
473
- Level 1
474
- <i class="nav-arrow bi bi-chevron-right"></i>
475
- </p>
476
- </a>
477
- <ul class="nav nav-treeview">
478
- <li class="nav-item">
479
- <a href="#" class="nav-link">
480
- <i class="nav-icon bi bi-circle"></i>
481
- <p>Level 2</p>
482
- </a>
483
- </li>
484
- <li class="nav-item">
485
- <a href="#" class="nav-link">
486
- <i class="nav-icon bi bi-circle"></i>
487
- <p>
488
- Level 2
489
- <i class="nav-arrow bi bi-chevron-right"></i>
490
- </p>
491
- </a>
492
- <ul class="nav nav-treeview">
493
- <li class="nav-item">
494
- <a href="#" class="nav-link">
495
- <i class="nav-icon bi bi-record-circle-fill"></i>
496
- <p>Level 3</p>
497
- </a>
498
- </li>
499
- <li class="nav-item">
500
- <a href="#" class="nav-link">
501
- <i class="nav-icon bi bi-record-circle-fill"></i>
502
- <p>Level 3</p>
503
- </a>
504
- </li>
505
- <li class="nav-item">
506
- <a href="#" class="nav-link">
507
- <i class="nav-icon bi bi-record-circle-fill"></i>
508
- <p>Level 3</p>
509
- </a>
510
- </li>
511
- </ul>
512
- </li>
513
- <li class="nav-item">
514
- <a href="#" class="nav-link">
515
- <i class="nav-icon bi bi-circle"></i>
516
- <p>Level 2</p>
517
- </a>
518
- </li>
519
- </ul>
520
- </li>
521
- <li class="nav-item">
522
- <a href="#" class="nav-link">
523
- <i class="nav-icon bi bi-circle-fill"></i>
524
- <p>Level 1</p>
525
- </a>
526
- </li>
527
-
528
- <li class="nav-header">LABELS</li>
529
- <li class="nav-item">
530
- <a href="#" class="nav-link">
531
- <i class="nav-icon bi bi-circle text-danger"></i>
532
- <p class="text">Important</p>
533
- </a>
534
- </li>
535
- <li class="nav-item">
536
- <a href="#" class="nav-link">
537
- <i class="nav-icon bi bi-circle text-warning"></i>
538
- <p>Warning</p>
539
- </a>
540
- </li>
541
- <li class="nav-item">
542
- <a href="#" class="nav-link">
543
- <i class="nav-icon bi bi-circle text-info"></i>
544
- <p>Informational</p>
545
- </a>
546
- </li>
547
- </ul>
548
- <!--end::Sidebar Menu-->
549
- </nav>
550
- </div>
551
- <!--end::Sidebar Wrapper-->
552
- </aside>
553
- <!--end::Sidebar-->