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.
Files changed (129) hide show
  1. package/.bundlewatch.config.json +6 -6
  2. package/.cache/.eslintcache +1 -1
  3. package/.cache/.stylelintcache +1 -1
  4. package/.gitpod.yml +1 -1
  5. package/.idea/AdminLTE.iml +4 -0
  6. package/.idea/codeStyles/Project.xml +24 -0
  7. package/.idea/dbnavigator.xml +421 -0
  8. package/.idea/git_toolbox_prj.xml +15 -0
  9. package/.idea/jsLibraryMappings.xml +6 -0
  10. package/.idea/jsLinters/eslint.xml +6 -0
  11. package/.idea/vcs.xml +6 -0
  12. package/README.md +3 -3
  13. package/dist/assets/img/AdminLTEFullLogo.png +0 -0
  14. package/dist/css/adminlte.css +695 -318
  15. package/dist/css/adminlte.css.map +1 -1
  16. package/dist/css/adminlte.min.css +1 -1
  17. package/dist/css/adminlte.min.css.map +1 -1
  18. package/dist/css/adminlte.rtl.css +693 -316
  19. package/dist/css/adminlte.rtl.css.map +1 -1
  20. package/dist/css/adminlte.rtl.min.css +1 -1
  21. package/dist/css/adminlte.rtl.min.css.map +1 -1
  22. package/dist/js/adminlte.js +43 -63
  23. package/dist/js/adminlte.js.map +1 -1
  24. package/dist/js/adminlte.min.js +2 -2
  25. package/dist/js/adminlte.min.js.map +1 -1
  26. package/dist/pages/UI/timeline.html +389 -218
  27. package/dist/pages/docs/browser-support.html +345 -204
  28. package/dist/pages/docs/color-mode.html +560 -348
  29. package/dist/pages/docs/components/main-header.html +579 -368
  30. package/dist/pages/docs/components/main-sidebar.html +858 -0
  31. package/dist/pages/docs/faq.html +743 -0
  32. package/dist/pages/docs/how-to-contribute.html +783 -0
  33. package/dist/pages/docs/introduction.html +767 -0
  34. package/dist/pages/docs/javascript/treeview.html +762 -0
  35. package/dist/pages/docs/layout.html +372 -201
  36. package/dist/pages/{docs.html → docs/license.html} +347 -218
  37. package/dist/pages/examples/lockscreen.html +107 -0
  38. package/dist/pages/examples/login-v2.html +148 -0
  39. package/dist/pages/examples/login.html +45 -40
  40. package/dist/pages/examples/register-v2.html +155 -0
  41. package/dist/pages/examples/register.html +46 -41
  42. package/dist/pages/forms/general.html +664 -202
  43. package/dist/pages/index.html +514 -285
  44. package/dist/pages/index2.html +665 -341
  45. package/dist/pages/index3.html +415 -254
  46. package/dist/pages/layout/collapsed-sidebar.html +766 -0
  47. package/dist/pages/layout/fixed-complete.html +867 -0
  48. package/dist/pages/layout/fixed-sidebar.html +344 -201
  49. package/dist/pages/layout/layout-rtl.html +344 -201
  50. package/dist/pages/layout/logo-switch.html +433 -0
  51. package/dist/pages/layout/sidebar-mini.html +345 -202
  52. package/dist/pages/layout/unfixed-sidebar.html +343 -201
  53. package/dist/pages/tables/simple.html +437 -233
  54. package/dist/pages/widgets/cards.html +389 -244
  55. package/dist/pages/widgets/info-box.html +398 -215
  56. package/dist/pages/widgets/small-box.html +349 -198
  57. package/index.html +6 -10
  58. package/package.json +27 -24
  59. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  60. package/src/config/astro.config.mjs +3 -1
  61. package/src/html/.prettierrc.js +11 -0
  62. package/src/html/components/_head.astro +42 -26
  63. package/src/html/components/_scripts.astro +38 -27
  64. package/src/html/components/dashboard/_footer.astro +14 -8
  65. package/src/html/components/dashboard/_sidenav.astro +343 -113
  66. package/src/html/components/dashboard/_topbar.astro +90 -49
  67. package/src/html/components/docs/{browser-support/index.md → browser-support.mdx} +2 -1
  68. package/src/html/components/docs/color-mode.mdx +169 -0
  69. package/src/html/components/docs/components/{main-header-1.md → main-header.mdx} +60 -21
  70. package/src/html/components/docs/components/main-sidebar.mdx +129 -0
  71. package/src/html/components/docs/faq.mdx +11 -0
  72. package/src/html/components/docs/how-to-contribute.mdx +34 -0
  73. package/src/html/components/docs/{introduction/index.md → introduction.mdx} +27 -2
  74. package/src/html/components/docs/license.mdx +9 -0
  75. package/src/html/components/javascript/treeview.mdx +39 -0
  76. package/src/html/pages/UI/timeline.astro +111 -48
  77. package/src/html/pages/docs/browser-support.astro +24 -11
  78. package/src/html/pages/docs/color-mode.astro +89 -42
  79. package/src/html/pages/docs/components/main-header.astro +133 -46
  80. package/src/html/pages/docs/components/main-sidebar.astro +71 -0
  81. package/src/html/pages/docs/faq.astro +71 -0
  82. package/src/html/pages/docs/how-to-contribute.astro +71 -0
  83. package/src/html/pages/docs/{index.astro → introduction.astro} +24 -11
  84. package/src/html/pages/docs/javascript/treeview.astro +71 -0
  85. package/src/html/pages/docs/layout.astro +62 -19
  86. package/src/html/pages/docs/license.astro +71 -0
  87. package/src/html/pages/examples/lockscreen.astro +63 -0
  88. package/src/html/pages/examples/login-v2.astro +109 -0
  89. package/src/html/pages/examples/login.astro +34 -16
  90. package/src/html/pages/examples/register-v2.astro +116 -0
  91. package/src/html/pages/examples/register.astro +36 -18
  92. package/src/html/pages/forms/general.astro +567 -36
  93. package/src/html/pages/index.astro +389 -152
  94. package/src/html/pages/index2.astro +682 -250
  95. package/src/html/pages/index3.astro +290 -189
  96. package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
  97. package/src/html/pages/layout/fixed-complete.astro +209 -0
  98. package/src/html/pages/layout/fixed-sidebar.astro +52 -27
  99. package/src/html/pages/layout/layout-rtl.astro +53 -28
  100. package/src/html/pages/layout/logo-switch.astro +212 -0
  101. package/src/html/pages/layout/sidebar-mini.astro +53 -28
  102. package/src/html/pages/layout/unfixed-sidebar.astro +51 -27
  103. package/src/html/pages/tables/simple.astro +206 -66
  104. package/src/html/pages/widgets/cards.astro +134 -69
  105. package/src/html/pages/widgets/info-box.astro +96 -41
  106. package/src/html/pages/widgets/small-box.astro +93 -32
  107. package/src/scss/_app-content.scss +52 -0
  108. package/src/scss/_app-footer.scss +1 -1
  109. package/src/scss/_app-main.scss +2 -5
  110. package/src/scss/_app-sidebar.scss +244 -70
  111. package/src/scss/_bootstrap-variables.scss +4 -4
  112. package/src/scss/_cards.scss +31 -7
  113. package/src/scss/_compact-mode.scss +79 -0
  114. package/src/scss/_small-box.scss +0 -3
  115. package/src/scss/_variables.scss +21 -4
  116. package/src/scss/mixins/_animations.scss +0 -5
  117. package/src/scss/pages/_lockscreen.scss +74 -0
  118. package/src/scss/pages/_login_and_register.scss +0 -3
  119. package/src/scss/parts/_core.scss +2 -0
  120. package/src/scss/parts/_pages.scss +1 -0
  121. package/src/ts/card-widget.ts +17 -50
  122. package/src/ts/direct-chat.ts +2 -2
  123. package/src/ts/layout.ts +2 -2
  124. package/src/ts/push-menu.ts +3 -20
  125. package/src/ts/treeview.ts +14 -8
  126. package/src/ts/util/index.ts +14 -12
  127. package/src/utils/index.js +20 -3
  128. package/src/html/components/docs/color-mode/navbar-html.md +0 -80
  129. package/src/html/components/docs/color-mode/toggle-script.md +0 -48
package/src/html/pages/tables/simple.astro CHANGED
@@ -1,28 +1,36 @@
1
1
  ---
2
- import Head from '@components/_head.astro';
3
- import Footer from '@components/dashboard/_footer.astro';
4
- import Topbar from '@components/dashboard/_topbar.astro';
5
- import Sidenav from '@components/dashboard/_sidenav.astro';
6
- import Scripts from '@components/_scripts.astro';
2
+ import Head from "@components/_head.astro";
3
+ import Footer from "@components/dashboard/_footer.astro";
4
+ import Topbar from "@components/dashboard/_topbar.astro";
5
+ import Sidenav from "@components/dashboard/_sidenav.astro";
6
+ import Scripts from "@components/_scripts.astro";
7
7
 
8
- const title = 'AdminLTE 4 | Simple Tables'
9
- const path = '../../../dist'
10
- const mainPage = 'tables'
11
- const page = 'simple'
8
+ const title = "AdminLTE 4 | Simple Tables";
9
+ const path = "../../../dist";
10
+ const mainPage = "tables";
11
+ const page = "simple";
12
12
  ---
13
+
13
14
  <!DOCTYPE html>
14
15
  <html lang="en">
16
+ <!--begin::Head-->
15
17
  <head>
16
18
  <Head title={title} path={path} />
17
19
  </head>
20
+ <!--end::Head-->
21
+ <!--begin::Body-->
18
22
  <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
23
+ <!--begin::App Wrapper-->
19
24
  <div class="app-wrapper">
20
25
  <Topbar path={path} />
21
26
  <Sidenav path={path} mainPage={mainPage} page={page} />
22
- <!-- Main content -->
27
+ <!--begin::App Main-->
23
28
  <main class="app-main">
29
+ <!--begin::App Content Header-->
24
30
  <div class="app-content-header">
31
+ <!--begin::Container-->
25
32
  <div class="container-fluid">
33
+ <!--begin::Row-->
26
34
  <div class="row">
27
35
  <div class="col-sm-6">
28
36
  <h3 class="mb-0">Simple Tables</h3>
@@ -30,15 +38,22 @@ const page = 'simple'
30
38
  <div class="col-sm-6">
31
39
  <ol class="breadcrumb float-sm-end">
32
40
  <li class="breadcrumb-item"><a href="#">Home</a></li>
33
- <li class="breadcrumb-item active" aria-current="page">Simple Tables</li>
41
+ <li class="breadcrumb-item active" aria-current="page">
42
+ Simple Tables
43
+ </li>
34
44
  </ol>
35
45
  </div>
36
46
  </div>
47
+ <!--end::Row-->
37
48
  </div>
49
+ <!--end::Container-->
38
50
  </div>
39
- <!-- Main content -->
51
+ <!--end::App Content Header-->
52
+ <!--begin::App Content-->
40
53
  <div class="app-content">
54
+ <!--begin::Container-->
41
55
  <div class="container-fluid">
56
+ <!--begin::Row-->
42
57
  <div class="row">
43
58
  <div class="col-md-6">
44
59
  <div class="card">
@@ -62,7 +77,11 @@ const page = 'simple'
62
77
  <td>Update software</td>
63
78
  <td>
64
79
  <div class="progress progress-xs">
65
- <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
80
+ <div
81
+ class="progress-bar progress-bar-danger"
82
+ style="width: 55%"
83
+ >
84
+ </div>
66
85
  </div>
67
86
  </td>
68
87
  <td><span class="badge text-bg-danger">55%</span></td>
@@ -72,30 +91,52 @@ const page = 'simple'
72
91
  <td>Clean database</td>
73
92
  <td>
74
93
  <div class="progress progress-xs">
75
- <div class="progress-bar text-bg-warning" style="width: 70%"></div>
94
+ <div
95
+ class="progress-bar text-bg-warning"
96
+ style="width: 70%"
97
+ >
98
+ </div>
76
99
  </div>
77
100
  </td>
78
- <td><span class="badge text-bg-warning">70%</span></td>
101
+ <td>
102
+ <span class="badge text-bg-warning">70%</span>
103
+ </td>
79
104
  </tr>
80
105
  <tr>
81
106
  <td>3.</td>
82
107
  <td>Cron job running</td>
83
108
  <td>
84
- <div class="progress progress-xs progress-striped active">
85
- <div class="progress-bar text-bg-primary" style="width: 30%"></div>
109
+ <div
110
+ class="progress progress-xs progress-striped active"
111
+ >
112
+ <div
113
+ class="progress-bar text-bg-primary"
114
+ style="width: 30%"
115
+ >
116
+ </div>
86
117
  </div>
87
118
  </td>
88
- <td><span class="badge text-bg-primary">30%</span></td>
119
+ <td>
120
+ <span class="badge text-bg-primary">30%</span>
121
+ </td>
89
122
  </tr>
90
123
  <tr>
91
124
  <td>4.</td>
92
125
  <td>Fix and squish bugs</td>
93
126
  <td>
94
- <div class="progress progress-xs progress-striped active">
95
- <div class="progress-bar text-bg-success" style="width: 90%"></div>
127
+ <div
128
+ class="progress progress-xs progress-striped active"
129
+ >
130
+ <div
131
+ class="progress-bar text-bg-success"
132
+ style="width: 90%"
133
+ >
134
+ </div>
96
135
  </div>
97
136
  </td>
98
- <td><span class="badge text-bg-success">90%</span></td>
137
+ <td>
138
+ <span class="badge text-bg-success">90%</span>
139
+ </td>
99
140
  </tr>
100
141
  </tbody>
101
142
  </table>
@@ -103,11 +144,21 @@ const page = 'simple'
103
144
  <!-- /.card-body -->
104
145
  <div class="card-footer clearfix">
105
146
  <ul class="pagination pagination-sm m-0 float-end">
106
- <li class="page-item"><a class="page-link" href="#">&laquo;</a></li>
107
- <li class="page-item"><a class="page-link" href="#">1</a></li>
108
- <li class="page-item"><a class="page-link" href="#">2</a></li>
109
- <li class="page-item"><a class="page-link" href="#">3</a></li>
110
- <li class="page-item"><a class="page-link" href="#">&raquo;</a></li>
147
+ <li class="page-item">
148
+ <a class="page-link" href="#">&laquo;</a>
149
+ </li>
150
+ <li class="page-item">
151
+ <a class="page-link" href="#">1</a>
152
+ </li>
153
+ <li class="page-item">
154
+ <a class="page-link" href="#">2</a>
155
+ </li>
156
+ <li class="page-item">
157
+ <a class="page-link" href="#">3</a>
158
+ </li>
159
+ <li class="page-item">
160
+ <a class="page-link" href="#">&raquo;</a>
161
+ </li>
111
162
  </ul>
112
163
  </div>
113
164
  </div>
@@ -134,7 +185,11 @@ const page = 'simple'
134
185
  <td>Update software</td>
135
186
  <td>
136
187
  <div class="progress progress-xs">
137
- <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
188
+ <div
189
+ class="progress-bar progress-bar-danger"
190
+ style="width: 55%"
191
+ >
192
+ </div>
138
193
  </div>
139
194
  </td>
140
195
  <td><span class="badge text-bg-danger">55%</span></td>
@@ -144,30 +199,52 @@ const page = 'simple'
144
199
  <td>Clean database</td>
145
200
  <td>
146
201
  <div class="progress progress-xs">
147
- <div class="progress-bar text-bg-warning" style="width: 70%"></div>
202
+ <div
203
+ class="progress-bar text-bg-warning"
204
+ style="width: 70%"
205
+ >
206
+ </div>
148
207
  </div>
149
208
  </td>
150
- <td><span class="badge text-bg-warning">70%</span></td>
209
+ <td>
210
+ <span class="badge text-bg-warning">70%</span>
211
+ </td>
151
212
  </tr>
152
213
  <tr>
153
214
  <td>3.</td>
154
215
  <td>Cron job running</td>
155
216
  <td>
156
- <div class="progress progress-xs progress-striped active">
157
- <div class="progress-bar text-bg-primary" style="width: 30%"></div>
217
+ <div
218
+ class="progress progress-xs progress-striped active"
219
+ >
220
+ <div
221
+ class="progress-bar text-bg-primary"
222
+ style="width: 30%"
223
+ >
224
+ </div>
158
225
  </div>
159
226
  </td>
160
- <td><span class="badge text-bg-primary">30%</span></td>
227
+ <td>
228
+ <span class="badge text-bg-primary">30%</span>
229
+ </td>
161
230
  </tr>
162
231
  <tr>
163
232
  <td>4.</td>
164
233
  <td>Fix and squish bugs</td>
165
234
  <td>
166
- <div class="progress progress-xs progress-striped active">
167
- <div class="progress-bar text-bg-success" style="width: 90%"></div>
235
+ <div
236
+ class="progress progress-xs progress-striped active"
237
+ >
238
+ <div
239
+ class="progress-bar text-bg-success"
240
+ style="width: 90%"
241
+ >
242
+ </div>
168
243
  </div>
169
244
  </td>
170
- <td><span class="badge text-bg-success">90%</span></td>
245
+ <td>
246
+ <span class="badge text-bg-success">90%</span>
247
+ </td>
171
248
  </tr>
172
249
  </tbody>
173
250
  </table>
@@ -184,11 +261,21 @@ const page = 'simple'
184
261
 
185
262
  <div class="card-tools">
186
263
  <ul class="pagination pagination-sm float-end">
187
- <li class="page-item"><a class="page-link" href="#">&laquo;</a></li>
188
- <li class="page-item"><a class="page-link" href="#">1</a></li>
189
- <li class="page-item"><a class="page-link" href="#">2</a></li>
190
- <li class="page-item"><a class="page-link" href="#">3</a></li>
191
- <li class="page-item"><a class="page-link" href="#">&raquo;</a></li>
264
+ <li class="page-item">
265
+ <a class="page-link" href="#">&laquo;</a>
266
+ </li>
267
+ <li class="page-item">
268
+ <a class="page-link" href="#">1</a>
269
+ </li>
270
+ <li class="page-item">
271
+ <a class="page-link" href="#">2</a>
272
+ </li>
273
+ <li class="page-item">
274
+ <a class="page-link" href="#">3</a>
275
+ </li>
276
+ <li class="page-item">
277
+ <a class="page-link" href="#">&raquo;</a>
278
+ </li>
192
279
  </ul>
193
280
  </div>
194
281
  </div>
@@ -209,7 +296,11 @@ const page = 'simple'
209
296
  <td>Update software</td>
210
297
  <td>
211
298
  <div class="progress progress-xs">
212
- <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
299
+ <div
300
+ class="progress-bar progress-bar-danger"
301
+ style="width: 55%"
302
+ >
303
+ </div>
213
304
  </div>
214
305
  </td>
215
306
  <td><span class="badge text-bg-danger">55%</span></td>
@@ -219,30 +310,52 @@ const page = 'simple'
219
310
  <td>Clean database</td>
220
311
  <td>
221
312
  <div class="progress progress-xs">
222
- <div class="progress-bar text-bg-warning" style="width: 70%"></div>
313
+ <div
314
+ class="progress-bar text-bg-warning"
315
+ style="width: 70%"
316
+ >
317
+ </div>
223
318
  </div>
224
319
  </td>
225
- <td><span class="badge text-bg-warning">70%</span></td>
320
+ <td>
321
+ <span class="badge text-bg-warning">70%</span>
322
+ </td>
226
323
  </tr>
227
324
  <tr>
228
325
  <td>3.</td>
229
326
  <td>Cron job running</td>
230
327
  <td>
231
- <div class="progress progress-xs progress-striped active">
232
- <div class="progress-bar text-bg-primary" style="width: 30%"></div>
328
+ <div
329
+ class="progress progress-xs progress-striped active"
330
+ >
331
+ <div
332
+ class="progress-bar text-bg-primary"
333
+ style="width: 30%"
334
+ >
335
+ </div>
233
336
  </div>
234
337
  </td>
235
- <td><span class="badge text-bg-primary">30%</span></td>
338
+ <td>
339
+ <span class="badge text-bg-primary">30%</span>
340
+ </td>
236
341
  </tr>
237
342
  <tr>
238
343
  <td>4.</td>
239
344
  <td>Fix and squish bugs</td>
240
345
  <td>
241
- <div class="progress progress-xs progress-striped active">
242
- <div class="progress-bar text-bg-success" style="width: 90%"></div>
346
+ <div
347
+ class="progress progress-xs progress-striped active"
348
+ >
349
+ <div
350
+ class="progress-bar text-bg-success"
351
+ style="width: 90%"
352
+ >
353
+ </div>
243
354
  </div>
244
355
  </td>
245
- <td><span class="badge text-bg-success">90%</span></td>
356
+ <td>
357
+ <span class="badge text-bg-success">90%</span>
358
+ </td>
246
359
  </tr>
247
360
  </tbody>
248
361
  </table>
@@ -272,7 +385,11 @@ const page = 'simple'
272
385
  <td>Update software</td>
273
386
  <td>
274
387
  <div class="progress progress-xs">
275
- <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
388
+ <div
389
+ class="progress-bar progress-bar-danger"
390
+ style="width: 55%"
391
+ >
392
+ </div>
276
393
  </div>
277
394
  </td>
278
395
  <td><span class="badge text-bg-danger">55%</span></td>
@@ -282,30 +399,52 @@ const page = 'simple'
282
399
  <td>Clean database</td>
283
400
  <td>
284
401
  <div class="progress progress-xs">
285
- <div class="progress-bar text-bg-warning" style="width: 70%"></div>
402
+ <div
403
+ class="progress-bar text-bg-warning"
404
+ style="width: 70%"
405
+ >
406
+ </div>
286
407
  </div>
287
408
  </td>
288
- <td><span class="badge text-bg-warning">70%</span></td>
409
+ <td>
410
+ <span class="badge text-bg-warning">70%</span>
411
+ </td>
289
412
  </tr>
290
413
  <tr>
291
414
  <td>3.</td>
292
415
  <td>Cron job running</td>
293
416
  <td>
294
- <div class="progress progress-xs progress-striped active">
295
- <div class="progress-bar text-bg-primary" style="width: 30%"></div>
417
+ <div
418
+ class="progress progress-xs progress-striped active"
419
+ >
420
+ <div
421
+ class="progress-bar text-bg-primary"
422
+ style="width: 30%"
423
+ >
424
+ </div>
296
425
  </div>
297
426
  </td>
298
- <td><span class="badge text-bg-primary">30%</span></td>
427
+ <td>
428
+ <span class="badge text-bg-primary">30%</span>
429
+ </td>
299
430
  </tr>
300
431
  <tr>
301
432
  <td>4.</td>
302
433
  <td>Fix and squish bugs</td>
303
434
  <td>
304
- <div class="progress progress-xs progress-striped active">
305
- <div class="progress-bar text-bg-success" style="width: 90%"></div>
435
+ <div
436
+ class="progress progress-xs progress-striped active"
437
+ >
438
+ <div
439
+ class="progress-bar text-bg-success"
440
+ style="width: 90%"
441
+ >
442
+ </div>
306
443
  </div>
307
444
  </td>
308
- <td><span class="badge text-bg-success">90%</span></td>
445
+ <td>
446
+ <span class="badge text-bg-success">90%</span>
447
+ </td>
309
448
  </tr>
310
449
  </tbody>
311
450
  </table>
@@ -316,17 +455,18 @@ const page = 'simple'
316
455
  </div>
317
456
  <!-- /.col -->
318
457
  </div>
319
- <!-- /.row -->
320
- </div><!-- /.container-fluid -->
458
+ <!--end::Row-->
459
+ </div>
460
+ <!--end::Container-->
321
461
  </div>
322
- <!-- /.content -->
462
+ <!--end::App Content-->
323
463
  </main>
324
- <!-- /.app-content -->
325
-
464
+ <!--end::App Main-->
326
465
  <Footer />
327
466
  </div>
328
- <!-- ./app-wrapper -->
329
-
467
+ <!--end::App Wrapper-->
468
+ <!--begin::Script-->
330
469
  <Scripts path={path} />
331
- </body>
470
+ <!--end::Script-->
471
+ </body><!--end::Body-->
332
472
  </html>