admin-lte 4.0.0-alpha1 → 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 (200) hide show
  1. package/.bundlewatch.config.json +8 -8
  2. package/.cache/.eslintcache +1 -0
  3. package/.cache/.stylelintcache +1 -0
  4. package/.eslintignore +1 -0
  5. package/.eslintrc.json +16 -0
  6. package/.gitpod.yml +1 -1
  7. package/.idea/AdminLTE.iml +4 -0
  8. package/.idea/codeStyles/Project.xml +24 -0
  9. package/.idea/dbnavigator.xml +421 -0
  10. package/.idea/git_toolbox_prj.xml +15 -0
  11. package/.idea/jsLibraryMappings.xml +6 -0
  12. package/.idea/jsLinters/eslint.xml +6 -0
  13. package/.idea/vcs.xml +6 -0
  14. package/.stylelintrc.json +47 -0
  15. package/LICENSE +1 -1
  16. package/README.md +6 -7
  17. package/dist/assets/img/AdminLTEFullLogo.png +0 -0
  18. package/dist/css/adminlte.css +2716 -2710
  19. package/dist/css/adminlte.css.map +1 -1
  20. package/dist/css/adminlte.min.css +2 -2
  21. package/dist/css/adminlte.min.css.map +1 -1
  22. package/dist/css/{rtl/adminlte.rtl.css → adminlte.rtl.css} +2715 -2710
  23. package/dist/css/adminlte.rtl.css.map +1 -0
  24. package/dist/css/adminlte.rtl.min.css +7 -0
  25. package/dist/css/adminlte.rtl.min.css.map +1 -0
  26. package/dist/js/adminlte.js +204 -233
  27. package/dist/js/adminlte.js.map +1 -1
  28. package/dist/js/adminlte.min.js +6 -1
  29. package/dist/js/adminlte.min.js.map +1 -1
  30. package/dist/pages/UI/timeline.html +869 -0
  31. package/dist/pages/docs/browser-support.html +755 -0
  32. package/dist/pages/docs/color-mode.html +1067 -0
  33. package/dist/pages/docs/components/main-header.html +1137 -0
  34. package/dist/pages/docs/components/main-sidebar.html +858 -0
  35. package/dist/pages/docs/faq.html +743 -0
  36. package/dist/pages/docs/how-to-contribute.html +783 -0
  37. package/dist/pages/docs/introduction.html +767 -0
  38. package/dist/pages/docs/javascript/treeview.html +762 -0
  39. package/dist/pages/docs/layout.html +788 -0
  40. package/dist/pages/docs/license.html +746 -0
  41. package/dist/pages/examples/lockscreen.html +107 -0
  42. package/dist/pages/examples/login-v2.html +148 -0
  43. package/dist/pages/examples/login.html +128 -196
  44. package/dist/pages/examples/register-v2.html +155 -0
  45. package/dist/pages/examples/register.html +131 -199
  46. package/dist/pages/forms/general.html +1065 -652
  47. package/dist/pages/index.html +1320 -0
  48. package/dist/pages/index2.html +1776 -0
  49. package/dist/pages/index3.html +1111 -0
  50. package/dist/pages/layout/collapsed-sidebar.html +766 -0
  51. package/dist/pages/layout/fixed-complete.html +867 -0
  52. package/dist/pages/layout/fixed-sidebar.html +749 -654
  53. package/dist/pages/layout/layout-rtl.html +766 -0
  54. package/dist/pages/layout/logo-switch.html +433 -0
  55. package/dist/pages/layout/sidebar-mini.html +766 -0
  56. package/dist/pages/layout/unfixed-sidebar.html +747 -654
  57. package/dist/pages/tables/simple.html +1049 -946
  58. package/dist/pages/widgets/cards.html +974 -713
  59. package/dist/pages/widgets/info-box.html +1062 -966
  60. package/dist/pages/widgets/small-box.html +792 -694
  61. package/index.html +6 -15
  62. package/package.json +59 -39
  63. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  64. package/src/config/assets.config.mjs +8 -0
  65. package/src/config/astro.config.mjs +19 -0
  66. package/src/config/postcss.config.mjs +15 -0
  67. package/src/config/rollup.config.js +20 -0
  68. package/src/html/.eslintrc.json +24 -0
  69. package/src/html/.prettierrc.js +11 -0
  70. package/src/html/.tsconfig.json +4 -0
  71. package/src/html/components/_head.astro +47 -0
  72. package/src/html/components/_scripts.astro +51 -0
  73. package/src/html/components/dashboard/_footer.astro +18 -0
  74. package/src/html/components/dashboard/_sidenav.astro +553 -0
  75. package/src/html/components/dashboard/_topbar.astro +213 -0
  76. package/src/html/components/docs/browser-support.mdx +23 -0
  77. package/src/html/components/docs/color-mode.mdx +169 -0
  78. package/src/{partials/dashboard/_topbar.html → html/components/docs/components/main-header.mdx} +67 -67
  79. package/src/html/components/docs/components/main-sidebar.mdx +129 -0
  80. package/src/html/components/docs/faq.mdx +11 -0
  81. package/src/html/components/docs/how-to-contribute.mdx +34 -0
  82. package/src/html/components/docs/introduction.mdx +60 -0
  83. package/src/html/components/docs/license.mdx +9 -0
  84. package/src/html/components/javascript/treeview.mdx +39 -0
  85. package/src/html/env.d.ts +1 -0
  86. package/src/html/pages/UI/timeline.astro +221 -0
  87. package/src/html/pages/docs/browser-support.astro +71 -0
  88. package/src/html/pages/docs/color-mode.astro +271 -0
  89. package/src/html/pages/docs/components/main-header.astro +319 -0
  90. package/src/html/pages/docs/components/main-sidebar.astro +71 -0
  91. package/src/html/pages/docs/faq.astro +71 -0
  92. package/src/html/pages/docs/how-to-contribute.astro +71 -0
  93. package/src/html/pages/docs/introduction.astro +71 -0
  94. package/src/html/pages/docs/javascript/treeview.astro +71 -0
  95. package/src/html/pages/docs/layout.astro +120 -0
  96. package/src/html/pages/docs/license.astro +71 -0
  97. package/src/html/pages/examples/lockscreen.astro +63 -0
  98. package/src/html/pages/examples/login-v2.astro +109 -0
  99. package/src/{pages/examples/login.html → html/pages/examples/login.astro} +40 -22
  100. package/src/html/pages/examples/register-v2.astro +116 -0
  101. package/src/{pages/examples/register.html → html/pages/examples/register.astro} +42 -24
  102. package/src/html/pages/forms/general.astro +624 -0
  103. package/src/html/pages/index.astro +790 -0
  104. package/src/html/pages/index2.astro +1345 -0
  105. package/src/html/pages/index3.astro +513 -0
  106. package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
  107. package/src/html/pages/layout/fixed-complete.astro +209 -0
  108. package/src/html/pages/layout/fixed-sidebar.astro +109 -0
  109. package/src/html/pages/layout/layout-rtl.astro +109 -0
  110. package/src/html/pages/layout/logo-switch.astro +212 -0
  111. package/src/html/pages/layout/sidebar-mini.astro +108 -0
  112. package/src/html/pages/layout/unfixed-sidebar.astro +107 -0
  113. package/src/html/pages/tables/simple.astro +472 -0
  114. package/src/html/pages/widgets/cards.astro +373 -0
  115. package/src/{pages/widgets/info-box.html → html/pages/widgets/info-box.astro} +110 -60
  116. package/src/html/pages/widgets/small-box.astro +182 -0
  117. package/src/scss/_app-content.scss +52 -0
  118. package/src/scss/_app-footer.scss +15 -0
  119. package/src/scss/_app-header.scss +26 -0
  120. package/src/scss/_app-main.scss +17 -0
  121. package/src/scss/_app-sidebar.scss +603 -0
  122. package/src/scss/{_wrapper.scss → _app-wrapper.scss} +8 -4
  123. package/src/scss/_bootstrap-variables.scss +42 -27
  124. package/src/scss/_callouts.scss +34 -0
  125. package/src/scss/_cards.scss +54 -224
  126. package/src/scss/_compact-mode.scss +79 -0
  127. package/src/scss/_direct-chat.scss +15 -9
  128. package/src/scss/_docs.scss +4 -0
  129. package/src/scss/_dropdown.scss +7 -5
  130. package/src/scss/_info-box.scss +2 -6
  131. package/src/scss/_miscellaneous.scss +0 -455
  132. package/src/scss/_mixins.scss +0 -6
  133. package/src/scss/_root.scss +2 -58
  134. package/src/scss/_small-box.scss +15 -41
  135. package/src/scss/_table.scss +0 -50
  136. package/src/scss/_timeline.scss +120 -0
  137. package/src/scss/_variables-dark.scss +15 -8
  138. package/src/scss/_variables.scss +48 -136
  139. package/src/scss/adminlte.scss +1 -1
  140. package/src/scss/mixins/_animations.scss +0 -1
  141. package/src/scss/mixins/_scrollbar.scss +2 -2
  142. package/src/scss/pages/_lockscreen.scss +74 -0
  143. package/src/scss/pages/_login_and_register.scss +1 -5
  144. package/src/scss/parts/_core.scss +9 -15
  145. package/src/scss/parts/_extra-components.scss +1 -2
  146. package/src/scss/parts/_pages.scss +1 -0
  147. package/src/ts/adminlte.ts +0 -2
  148. package/src/ts/card-widget.ts +57 -66
  149. package/src/ts/direct-chat.ts +35 -10
  150. package/src/ts/layout.ts +8 -6
  151. package/src/ts/push-menu.ts +90 -158
  152. package/src/ts/treeview.ts +30 -30
  153. package/src/ts/util/index.ts +14 -12
  154. package/src/utils/index.js +28 -0
  155. package/tsconfig.json +11 -3
  156. package/.stylelintrc +0 -40
  157. package/CHECKLIST.md +0 -0
  158. package/dist/css/rtl/adminlte.rtl.css.map +0 -1
  159. package/dist/css/rtl/adminlte.rtl.min.css +0 -7
  160. package/dist/css/rtl/adminlte.rtl.min.css.map +0 -1
  161. package/dist/index.html +0 -1065
  162. package/dist/index2.html +0 -1629
  163. package/dist/index3.html +0 -1015
  164. package/gulpfile.js +0 -315
  165. package/src/index.html +0 -476
  166. package/src/index2.html +0 -968
  167. package/src/index3.html +0 -430
  168. package/src/pages/forms/general.html +0 -97
  169. package/src/pages/layout/fixed-sidebar.html +0 -87
  170. package/src/pages/layout/unfixed-sidebar.html +0 -87
  171. package/src/pages/tables/simple.html +0 -336
  172. package/src/pages/widgets/cards.html +0 -143
  173. package/src/pages/widgets/small-box.html +0 -124
  174. package/src/partials/_head.html +0 -31
  175. package/src/partials/_scripts.html +0 -95
  176. package/src/partials/dashboard/_footer.html +0 -9
  177. package/src/partials/dashboard/_sidenav.html +0 -244
  178. package/src/scss/_brand-container.scss +0 -72
  179. package/src/scss/_content-header.scss +0 -9
  180. package/src/scss/_content-wrapper.scss +0 -6
  181. package/src/scss/_content.scss +0 -3
  182. package/src/scss/_layout-fixed.scss +0 -43
  183. package/src/scss/_layout-mobile.scss +0 -22
  184. package/src/scss/_main-footer.scss +0 -28
  185. package/src/scss/_main-header.scss +0 -40
  186. package/src/scss/_main-sidebar.scss +0 -63
  187. package/src/scss/_nav-sidebar.scss +0 -66
  188. package/src/scss/_products.scss +0 -55
  189. package/src/scss/_sidebar-close.scss +0 -6
  190. package/src/scss/_sidebar-collapse.scss +0 -120
  191. package/src/scss/_sidebar-horizontal.scss +0 -67
  192. package/src/scss/_sidebar.scss +0 -11
  193. package/src/scss/_users-list.scss +0 -45
  194. package/src/scss/mixins/_brand-variant.scss +0 -9
  195. package/src/scss/mixins/_cards.scss +0 -53
  196. package/src/scss/mixins/_direct-chat.scss +0 -17
  197. package/src/scss/mixins/_header-variant.scss +0 -22
  198. package/src/scss/mixins/_nav-treeview-dark.scss +0 -87
  199. package/src/scss/mixins/_nav-treeview-light.scss +0 -89
  200. package/src/scss/mixins/_sidebar-color.scss +0 -9
package/src/{pages/widgets/info-box.html → html/pages/widgets/info-box.astro} RENAMED
@@ -1,50 +1,66 @@
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";
7
+
8
+ const title = "AdminLTE 4 | Widgets - Info Box";
9
+ const path = "../../../dist";
10
+ const mainPage = "widgets";
11
+ const page = "info-box";
12
+ ---
13
+
1
14
  <!DOCTYPE html>
2
15
  <html lang="en">
3
- <!-- For RTL verison -->
4
- <!-- <html lang="en" dir="rtl"> -->
16
+ <!--begin::Head-->
5
17
  <head>
6
- @@include('./_head.html', {
7
- "path": "../..",
8
- "title": "AdminLTE 4 | Widgets - Info Box"
9
- })
10
- <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
18
+ <Head title={title} path={path} />
11
19
  </head>
12
- <body class="layout-fixed">
13
- <div class="wrapper">
14
- @@include('./dashboard/_topbar.html', {
15
- "path": "../.."
16
- })
17
-
18
- @@include('./dashboard/_sidenav.html', {
19
- "mainPage": "widgets",
20
- "page": "info-box",
21
- "path": "../.."
22
- })
23
- <!-- Main content -->
24
- <main class="content-wrapper">
25
- <div class="content-header">
20
+ <!--end::Head-->
21
+ <!--begin::Body-->
22
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
23
+ <!--begin::App Wrapper-->
24
+ <div class="app-wrapper">
25
+ <Topbar path={path} />
26
+ <Sidenav path={path} mainPage={mainPage} page={page} />
27
+ <!--begin::App Main-->
28
+ <main class="app-main">
29
+ <!--begin::App Content Header-->
30
+ <div class="app-content-header">
31
+ <!--begin::Container-->
26
32
  <div class="container-fluid">
27
- <div class="row mb-2">
33
+ <!--begin::Row-->
34
+ <div class="row">
28
35
  <div class="col-sm-6">
29
- <h3>Info Box</h3>
36
+ <h3 class="mb-0">Info Box</h3>
30
37
  </div>
31
38
  <div class="col-sm-6">
32
39
  <ol class="breadcrumb float-sm-end">
33
40
  <li class="breadcrumb-item"><a href="#">Home</a></li>
34
- <li class="breadcrumb-item active" aria-current="page">Info Box</li>
41
+ <li class="breadcrumb-item active" aria-current="page">
42
+ Info Box
43
+ </li>
35
44
  </ol>
36
45
  </div>
37
46
  </div>
47
+ <!--end::Row-->
38
48
  </div>
49
+ <!--end::Container-->
39
50
  </div>
40
- <!-- Main content -->
41
- <div class="content">
51
+ <!--end::App Content Header-->
52
+ <!--begin::App Content-->
53
+ <div class="app-content">
54
+ <!--begin::Container-->
42
55
  <div class="container-fluid">
43
56
  <h5 class="mb-2">Info Box</h5>
57
+ <!--begin::Row-->
44
58
  <div class="row">
45
59
  <div class="col-12 col-sm-6 col-md-3">
46
60
  <div class="info-box">
47
- <span class="info-box-icon text-bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span>
61
+ <span class="info-box-icon text-bg-primary shadow-sm">
62
+ <i class="bi bi-gear-fill"></i>
63
+ </span>
48
64
 
49
65
  <div class="info-box-content">
50
66
  <span class="info-box-text">CPU Traffic</span>
@@ -61,7 +77,9 @@
61
77
 
62
78
  <div class="col-12 col-sm-6 col-md-3">
63
79
  <div class="info-box">
64
- <span class="info-box-icon text-bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span>
80
+ <span class="info-box-icon text-bg-success shadow-sm">
81
+ <i class="bi bi-cart-fill"></i>
82
+ </span>
65
83
 
66
84
  <div class="info-box-content">
67
85
  <span class="info-box-text">Sales</span>
@@ -78,7 +96,9 @@
78
96
 
79
97
  <div class="col-12 col-sm-6 col-md-3">
80
98
  <div class="info-box">
81
- <span class="info-box-icon text-bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span>
99
+ <span class="info-box-icon text-bg-warning shadow-sm">
100
+ <i class="bi bi-people-fill"></i>
101
+ </span>
82
102
 
83
103
  <div class="info-box-content">
84
104
  <span class="info-box-text">New Members</span>
@@ -92,7 +112,9 @@
92
112
 
93
113
  <div class="col-12 col-sm-6 col-md-3">
94
114
  <div class="info-box">
95
- <span class="info-box-icon text-bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span>
115
+ <span class="info-box-icon text-bg-danger shadow-sm">
116
+ <i class="bi bi-hand-thumbs-up-fill"></i>
117
+ </span>
96
118
 
97
119
  <div class="info-box-content">
98
120
  <span class="info-box-text">Likes</span>
@@ -104,14 +126,21 @@
104
126
  </div>
105
127
  <!-- /.col -->
106
128
  </div>
107
- <!-- /.row -->
129
+ <!--end::Row-->
108
130
 
109
131
  <!-- =========================================================== -->
110
- <h5 class="mb-2">Info Box With Custom Shadows <small><i>Using Bootstrap's Shadow Utility</i></small></h5>
132
+ <h5 class="mb-2">
133
+ Info Box With Custom Shadows <small>
134
+ <i>Using Bootstrap's Shadow Utility</i>
135
+ </small>
136
+ </h5>
137
+ <!--begin::Row-->
111
138
  <div class="row">
112
139
  <div class="col-12 col-sm-6 col-md-3">
113
140
  <div class="info-box shadow-none">
114
- <span class="info-box-icon text-bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span>
141
+ <span class="info-box-icon text-bg-primary shadow-sm">
142
+ <i class="bi bi-gear-fill"></i>
143
+ </span>
115
144
 
116
145
  <div class="info-box-content">
117
146
  <span class="info-box-text">CPU Traffic</span>
@@ -128,7 +157,9 @@
128
157
 
129
158
  <div class="col-12 col-sm-6 col-md-3">
130
159
  <div class="info-box shadow-sm">
131
- <span class="info-box-icon text-bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span>
160
+ <span class="info-box-icon text-bg-success shadow-sm">
161
+ <i class="bi bi-cart-fill"></i>
162
+ </span>
132
163
 
133
164
  <div class="info-box-content">
134
165
  <span class="info-box-text">Sales</span>
@@ -145,7 +176,9 @@
145
176
 
146
177
  <div class="col-12 col-sm-6 col-md-3">
147
178
  <div class="info-box shadow">
148
- <span class="info-box-icon text-bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span>
179
+ <span class="info-box-icon text-bg-warning shadow-sm">
180
+ <i class="bi bi-people-fill"></i>
181
+ </span>
149
182
 
150
183
  <div class="info-box-content">
151
184
  <span class="info-box-text">New Members</span>
@@ -159,7 +192,9 @@
159
192
 
160
193
  <div class="col-12 col-sm-6 col-md-3">
161
194
  <div class="info-box shadow-lg">
162
- <span class="info-box-icon text-bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span>
195
+ <span class="info-box-icon text-bg-danger shadow-sm">
196
+ <i class="bi bi-hand-thumbs-up-fill"></i>
197
+ </span>
163
198
 
164
199
  <div class="info-box-content">
165
200
  <span class="info-box-text">Likes</span>
@@ -171,14 +206,17 @@
171
206
  </div>
172
207
  <!-- /.col -->
173
208
  </div>
174
- <!-- /.row -->
209
+ <!--end::Row-->
175
210
 
176
211
  <!-- =========================================================== -->
177
212
  <h5 class="mt-4 mb-2">Info Box With <code>bg-*</code></h5>
213
+ <!--begin::Row-->
178
214
  <div class="row">
179
215
  <div class="col-md-3 col-sm-6 col-12">
180
216
  <div class="info-box text-bg-primary">
181
- <span class="info-box-icon"><i class="fa-regular fa-bookmark"></i></span>
217
+ <span class="info-box-icon">
218
+ <i class="bi bi-bookmark-fill"></i>
219
+ </span>
182
220
 
183
221
  <div class="info-box-content">
184
222
  <span class="info-box-text">Bookmarks</span>
@@ -198,7 +236,9 @@
198
236
  <!-- /.col -->
199
237
  <div class="col-md-3 col-sm-6 col-12">
200
238
  <div class="info-box text-bg-success">
201
- <span class="info-box-icon"><i class="fa-regular fa-thumbs-up"></i></span>
239
+ <span class="info-box-icon">
240
+ <i class="bi bi-hand-thumbs-up"></i>
241
+ </span>
202
242
 
203
243
  <div class="info-box-content">
204
244
  <span class="info-box-text">Likes</span>
@@ -218,7 +258,9 @@
218
258
  <!-- /.col -->
219
259
  <div class="col-md-3 col-sm-6 col-12">
220
260
  <div class="info-box text-bg-warning">
221
- <span class="info-box-icon"><i class="fa-regular fa-calendar-alt"></i></span>
261
+ <span class="info-box-icon">
262
+ <i class="bi bi-calendar3"></i>
263
+ </span>
222
264
 
223
265
  <div class="info-box-content">
224
266
  <span class="info-box-text">Events</span>
@@ -238,7 +280,9 @@
238
280
  <!-- /.col -->
239
281
  <div class="col-md-3 col-sm-6 col-12">
240
282
  <div class="info-box text-bg-danger">
241
- <span class="info-box-icon"><i class="fa-solid fa-comments"></i></span>
283
+ <span class="info-box-icon">
284
+ <i class="bi bi-chat-text-fill"></i>
285
+ </span>
242
286
 
243
287
  <div class="info-box-content">
244
288
  <span class="info-box-text">Comments</span>
@@ -257,14 +301,17 @@
257
301
  </div>
258
302
  <!-- /.col -->
259
303
  </div>
260
- <!-- /.row -->
304
+ <!--end::Row-->
261
305
 
262
306
  <!-- =========================================================== -->
263
307
  <h5 class="mt-4 mb-2">Info Box With <code>bg-gradient</code></h5>
308
+ <!--begin::Row-->
264
309
  <div class="row">
265
310
  <div class="col-md-3 col-sm-6 col-12">
266
311
  <div class="info-box text-bg-primary bg-gradient">
267
- <span class="info-box-icon"><i class="fa-regular fa-bookmark"></i></span>
312
+ <span class="info-box-icon">
313
+ <i class="bi bi-bookmark-fill"></i>
314
+ </span>
268
315
 
269
316
  <div class="info-box-content">
270
317
  <span class="info-box-text">Bookmarks</span>
@@ -284,7 +331,9 @@
284
331
  <!-- /.col -->
285
332
  <div class="col-md-3 col-sm-6 col-12">
286
333
  <div class="info-box text-bg-success bg-gradient">
287
- <span class="info-box-icon"><i class="fa-regular fa-thumbs-up"></i></span>
334
+ <span class="info-box-icon">
335
+ <i class="bi bi-hand-thumbs-up"></i>
336
+ </span>
288
337
 
289
338
  <div class="info-box-content">
290
339
  <span class="info-box-text">Likes</span>
@@ -304,7 +353,9 @@
304
353
  <!-- /.col -->
305
354
  <div class="col-md-3 col-sm-6 col-12">
306
355
  <div class="info-box text-bg-warning bg-gradient">
307
- <span class="info-box-icon"><i class="fa-regular fa-calendar-alt"></i></span>
356
+ <span class="info-box-icon">
357
+ <i class="bi bi-calendar3"></i>
358
+ </span>
308
359
 
309
360
  <div class="info-box-content">
310
361
  <span class="info-box-text">Events</span>
@@ -324,7 +375,9 @@
324
375
  <!-- /.col -->
325
376
  <div class="col-md-3 col-sm-6 col-12">
326
377
  <div class="info-box text-bg-danger bg-gradient">
327
- <span class="info-box-icon"><i class="fa-solid fa-comments"></i></span>
378
+ <span class="info-box-icon">
379
+ <i class="bi bi-chat-text-fill"></i>
380
+ </span>
328
381
 
329
382
  <div class="info-box-content">
330
383
  <span class="info-box-text">Comments</span>
@@ -343,21 +396,18 @@
343
396
  </div>
344
397
  <!-- /.col -->
345
398
  </div>
346
- <!-- /.row -->
347
- </div><!-- /.container-fluid -->
399
+ <!--end::Row-->
400
+ </div>
401
+ <!--end::Container-->
348
402
  </div>
349
- <!-- /.content -->
403
+ <!--end::App Content-->
350
404
  </main>
351
- <!-- /.content-wrapper -->
352
-
353
- @@include('./dashboard/_footer.html', {
354
- "path": "../.."
355
- })
405
+ <!--end::App Main-->
406
+ <Footer />
356
407
  </div>
357
- <!-- ./wrapper -->
358
-
359
- @@include('./_scripts.html', {
360
- "path": "../.."
361
- })
362
- </body>
408
+ <!--end::App Wrapper-->
409
+ <!--begin::Script-->
410
+ <Scripts path={path} />
411
+ <!--end::Script-->
412
+ </body><!--end::Body-->
363
413
  </html>
package/src/html/pages/widgets/small-box.astro ADDED
@@ -0,0 +1,182 @@
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";
7
+
8
+ const title = "AdminLTE 4 | Widgets - Small Box";
9
+ const path = "../../../dist";
10
+ const mainPage = "widgets";
11
+ const page = "small-box";
12
+ ---
13
+
14
+ <!DOCTYPE html>
15
+ <html lang="en">
16
+ <!--begin::Head-->
17
+ <head>
18
+ <Head title={title} path={path} />
19
+ </head>
20
+ <!--end::Head-->
21
+ <!--begin::Body-->
22
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
23
+ <!--begin::App Wrapper-->
24
+ <div class="app-wrapper">
25
+ <Topbar path={path} />
26
+ <Sidenav path={path} mainPage={mainPage} page={page} />
27
+ <!--begin::App Main-->
28
+ <main class="app-main">
29
+ <!--begin::App Content Header-->
30
+ <div class="app-content-header">
31
+ <!--begin::Container-->
32
+ <div class="container-fluid">
33
+ <!--begin::Row-->
34
+ <div class="row">
35
+ <div class="col-sm-6">
36
+ <h3 class="mb-0">Small Box</h3>
37
+ </div>
38
+ <div class="col-sm-6">
39
+ <ol class="breadcrumb float-sm-end">
40
+ <li class="breadcrumb-item"><a href="#">Home</a></li>
41
+ <li class="breadcrumb-item active" aria-current="page">
42
+ Small Box
43
+ </li>
44
+ </ol>
45
+ </div>
46
+ </div>
47
+ <!--end::Row-->
48
+ </div>
49
+ <!--end::Container-->
50
+ </div>
51
+ <!--end::App Content Header-->
52
+ <!--begin::App Content-->
53
+ <div class="app-content">
54
+ <!--begin::Container-->
55
+ <div class="container-fluid">
56
+ <!-- Small Box (Stat card) -->
57
+ <h5 class="mb-2">Small Box</h5>
58
+ <!-- Small boxes (Stat box) -->
59
+ <div class="row">
60
+ <div class="col-lg-3 col-6">
61
+ <!-- small box -->
62
+ <div class="small-box text-bg-primary">
63
+ <div class="inner">
64
+ <h3>150</h3>
65
+
66
+ <p>New Orders</p>
67
+ </div>
68
+ <svg
69
+ class="small-box-icon"
70
+ fill="currentColor"
71
+ viewBox="0 0 24 24"
72
+ xmlns="http://www.w3.org/2000/svg"
73
+ aria-hidden="true"
74
+ >
75
+ <path
76
+ d="M2.25 2.25a.75.75 0 000 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 00-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 000-1.5H5.378A2.25 2.25 0 017.5 15h11.218a.75.75 0 00.674-.421 60.358 60.358 0 002.96-7.228.75.75 0 00-.525-.965A60.864 60.864 0 005.68 4.509l-.232-.867A1.875 1.875 0 003.636 2.25H2.25zM3.75 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM16.5 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"
77
+ ></path>
78
+ </svg>
79
+ <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
80
+ More info <i class="bi bi-link-45deg"></i>
81
+ </a>
82
+ </div>
83
+ </div>
84
+ <!-- ./col -->
85
+ <div class="col-lg-3 col-6">
86
+ <!-- small box -->
87
+ <div class="small-box text-bg-success">
88
+ <div class="inner">
89
+ <h3>53<sup class="fs-5">%</sup></h3>
90
+
91
+ <p>Bounce Rate</p>
92
+ </div>
93
+ <svg
94
+ class="small-box-icon"
95
+ fill="currentColor"
96
+ viewBox="0 0 24 24"
97
+ xmlns="http://www.w3.org/2000/svg"
98
+ aria-hidden="true"
99
+ >
100
+ <path
101
+ d="M18.375 2.25c-1.035 0-1.875.84-1.875 1.875v15.75c0 1.035.84 1.875 1.875 1.875h.75c1.035 0 1.875-.84 1.875-1.875V4.125c0-1.036-.84-1.875-1.875-1.875h-.75zM9.75 8.625c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-.75a1.875 1.875 0 01-1.875-1.875V8.625zM3 13.125c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v6.75c0 1.035-.84 1.875-1.875 1.875h-.75A1.875 1.875 0 013 19.875v-6.75z"
102
+ ></path>
103
+ </svg>
104
+ <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
105
+ More info <i class="bi bi-link-45deg"></i>
106
+ </a>
107
+ </div>
108
+ </div>
109
+ <!-- ./col -->
110
+ <div class="col-lg-3 col-6">
111
+ <!-- small box -->
112
+ <div class="small-box text-bg-warning">
113
+ <div class="inner">
114
+ <h3>44</h3>
115
+
116
+ <p>User Registrations</p>
117
+ </div>
118
+ <svg
119
+ class="small-box-icon"
120
+ fill="currentColor"
121
+ viewBox="0 0 24 24"
122
+ xmlns="http://www.w3.org/2000/svg"
123
+ aria-hidden="true"
124
+ >
125
+ <path
126
+ d="M6.25 6.375a4.125 4.125 0 118.25 0 4.125 4.125 0 01-8.25 0zM3.25 19.125a7.125 7.125 0 0114.25 0v.003l-.001.119a.75.75 0 01-.363.63 13.067 13.067 0 01-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 01-.364-.63l-.001-.122zM19.75 7.5a.75.75 0 00-1.5 0v2.25H16a.75.75 0 000 1.5h2.25v2.25a.75.75 0 001.5 0v-2.25H22a.75.75 0 000-1.5h-2.25V7.5z"
127
+ ></path>
128
+ </svg>
129
+ <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
130
+ More info <i class="bi bi-link-45deg"></i>
131
+ </a>
132
+ </div>
133
+ </div>
134
+ <!-- ./col -->
135
+ <div class="col-lg-3 col-6">
136
+ <!-- small box -->
137
+ <div class="small-box text-bg-danger">
138
+ <div class="inner">
139
+ <h3>65</h3>
140
+
141
+ <p>Unique Visitors</p>
142
+ </div>
143
+ <svg
144
+ class="small-box-icon"
145
+ fill="currentColor"
146
+ viewBox="0 0 24 24"
147
+ xmlns="http://www.w3.org/2000/svg"
148
+ aria-hidden="true"
149
+ >
150
+ <path
151
+ clip-rule="evenodd"
152
+ fill-rule="evenodd"
153
+ d="M2.25 13.5a8.25 8.25 0 018.25-8.25.75.75 0 01.75.75v6.75H18a.75.75 0 01.75.75 8.25 8.25 0 01-16.5 0z"
154
+ ></path>
155
+ <path
156
+ clip-rule="evenodd"
157
+ fill-rule="evenodd"
158
+ d="M12.75 3a.75.75 0 01.75-.75 8.25 8.25 0 018.25 8.25.75.75 0 01-.75.75h-7.5a.75.75 0 01-.75-.75V3z"
159
+ ></path>
160
+ </svg>
161
+ <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
162
+ More info <i class="bi bi-link-45deg"></i>
163
+ </a>
164
+ </div>
165
+ </div>
166
+ <!-- ./col -->
167
+ </div>
168
+ <!-- /.row -->
169
+ </div>
170
+ <!--end::Container-->
171
+ </div>
172
+ <!--end::App Content-->
173
+ </main>
174
+ <!--end::App Main-->
175
+ <Footer />
176
+ </div>
177
+ <!--end::App Wrapper-->
178
+ <!--begin::Script-->
179
+ <Scripts path={path} />
180
+ <!--end::Script-->
181
+ </body><!--end::Body-->
182
+ </html>
package/src/scss/_app-content.scss ADDED
@@ -0,0 +1,52 @@
1
+ .app-content {
2
+ padding: $lte-content-padding-y $lte-content-padding-x;
3
+ }
4
+
5
+ .app-content-top-area,
6
+ .app-content-bottom-area{
7
+ display: flex;
8
+ align-items: center;
9
+ padding: $lte-content-padding-y $lte-content-padding-x;
10
+ overflow: auto;
11
+ background: $lte-app-footer-bg;
12
+
13
+ > .row {
14
+ display: contents;
15
+ }
16
+
17
+ &.app-content-top-area-sm,
18
+ &.app-content-bottom-area-sm{
19
+ min-height: $lte-app-content-bottom-area-height-sm;
20
+ }
21
+
22
+ &.app-content-top-area-md,
23
+ &.app-content-bottom-area-md{
24
+ min-height: $lte-app-content-bottom-area-height-md;
25
+ }
26
+ &.app-content-top-area-lg,
27
+ &.app-content-bottom-area-lg{
28
+ min-height: $lte-app-content-bottom-area-height-lg;
29
+ }
30
+ &.app-content-top-area-xl,
31
+ &.app-content-bottom-area-xl{
32
+ min-height: $lte-app-content-bottom-area-height-xl;
33
+ }
34
+ }
35
+
36
+ .app-content-top-area:not(.app-content-top-area-sm):not(.app-content-top-area-md):not(.app-content-top-area-lg):not(.app-content-top-area-xl),
37
+ .app-content-bottom-area:not(.app-content-bottom-area-sm):not(.app-content-bottom-area-md):not(.app-content-bottom-area-lg):not(.app-content-bottom-area-xl) {
38
+ padding-top: $grid-gutter-width * .625;
39
+ padding-bottom: $grid-gutter-width * .625;
40
+ }
41
+
42
+ .app-content-bottom-area {
43
+ border-top: $lte-app-footer-border-top;
44
+ }
45
+ .app-content-top-area {
46
+ border-bottom: $lte-app-footer-border-top;
47
+
48
+ + .app-main {
49
+ padding-top: $grid-gutter-width * .5;
50
+ }
51
+ }
52
+
package/src/scss/_app-footer.scss ADDED
@@ -0,0 +1,15 @@
1
+ //
2
+ // Core: Main Footer
3
+ //
4
+
5
+ .app-footer {
6
+ grid-area: #{$lte-prefix}app-footer;
7
+ width: inherit;
8
+ max-width: 100vw;
9
+ min-height: 3rem;
10
+ padding: $lte-app-footer-padding;
11
+ color: $lte-app-footer-color;
12
+ background-color: $lte-app-footer-bg;
13
+ border-top: $lte-app-footer-border-top;
14
+ @include transition($lte-transition-speed $lte-transition-fn);
15
+ }
package/src/scss/_app-header.scss ADDED
@@ -0,0 +1,26 @@
1
+ //
2
+ // Core: Main Header
3
+ //
4
+
5
+ .app-header {
6
+ z-index: $lte-zindex-app-header;
7
+ grid-area: #{$lte-prefix}app-header;
8
+ max-width: 100vw;
9
+ border-bottom: $lte-app-header-bottom-border;
10
+ @include transition($lte-transition-speed $lte-transition-fn);
11
+
12
+ .nav-link {
13
+ position: relative;
14
+ height: $nav-link-height;
15
+ }
16
+ }
17
+
18
+ // Navbar badge
19
+ .navbar-badge {
20
+ position: absolute;
21
+ top: 9px;
22
+ right: 5px;
23
+ padding: 2px 4px;
24
+ font-size: .6rem;
25
+ font-weight: 400;
26
+ }
package/src/scss/_app-main.scss ADDED
@@ -0,0 +1,17 @@
1
+ .app-main {
2
+ position: relative;
3
+ grid-area: #{$lte-prefix}app-main;
4
+ max-width: 100vw;
5
+ padding-bottom: $grid-gutter-width * .5;
6
+ @include transition($lte-transition-speed $lte-transition-fn);
7
+
8
+ .app-content-header {
9
+ padding: 1rem $lte-content-padding-x;
10
+
11
+ .breadcrumb {
12
+ padding: 0;
13
+ margin-bottom: 0;
14
+ line-height: 2.5rem;
15
+ }
16
+ }
17
+ }