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/html/pages/index3.astro ADDED
@@ -0,0 +1,513 @@
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 | Dashboard v3";
9
+ const path = "../../dist";
10
+ const mainPage = "dashboard";
11
+ const page = "index3";
12
+ ---
13
+
14
+ <!DOCTYPE html>
15
+ <html lang="en">
16
+ <!--begin::Head-->
17
+ <head>
18
+ <Head title={title} path={path} />
19
+
20
+ <!-- apexcharts -->
21
+ <link
22
+ rel="stylesheet"
23
+ href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css"
24
+ integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0="
25
+ crossorigin="anonymous"
26
+ />
27
+ </head>
28
+
29
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
30
+ <!--begin::App Wrapper-->
31
+ <div class="app-wrapper">
32
+ <Topbar path={path} />
33
+ <Sidenav path={path} mainPage={mainPage} page={page} />
34
+ <!--begin::App Main-->
35
+ <main class="app-main">
36
+ <!--begin::App Content Header-->
37
+ <div class="app-content-header">
38
+ <!--begin::Container-->
39
+ <div class="container-fluid">
40
+ <!--begin::Row-->
41
+ <div class="row">
42
+ <div class="col-sm-6">
43
+ <h3 class="mb-0">Dashboard v3</h3>
44
+ </div>
45
+ <div class="col-sm-6">
46
+ <ol class="breadcrumb float-sm-end">
47
+ <li class="breadcrumb-item"><a href="#">Home</a></li>
48
+ <li class="breadcrumb-item active" aria-current="page">
49
+ Dashboard v3
50
+ </li>
51
+ </ol>
52
+ </div>
53
+ </div>
54
+ <!--end::Row-->
55
+ </div>
56
+ <!--end::Container-->
57
+ </div>
58
+ <div class="app-content">
59
+ <!--begin::Container-->
60
+ <div class="container-fluid">
61
+ <!--begin::Row-->
62
+ <div class="row">
63
+ <div class="col-lg-6">
64
+ <div class="card mb-4">
65
+ <div class="card-header border-0">
66
+ <div class="d-flex justify-content-between">
67
+ <h3 class="card-title">Online Store Visitors</h3>
68
+ <a href="javascript:void(0);">View Report</a>
69
+ </div>
70
+ </div>
71
+ <div class="card-body">
72
+ <div class="d-flex">
73
+ <p class="d-flex flex-column">
74
+ <span class="fw-bold fs-5">820</span>
75
+ <span>Visitors Over Time</span>
76
+ </p>
77
+ <p class="ms-auto d-flex flex-column text-end">
78
+ <span class="text-success">
79
+ <i class="bi bi-arrow-up"></i> 12.5%
80
+ </span>
81
+ <span class="text-secondary">Since last week</span>
82
+ </p>
83
+ </div>
84
+ <!-- /.d-flex -->
85
+
86
+ <div class="position-relative mb-4">
87
+ <div id="visitors-chart"></div>
88
+ </div>
89
+
90
+ <div class="d-flex flex-row justify-content-end">
91
+ <span class="me-2">
92
+ <i class="bi bi-square-fill text-primary"></i> This Week
93
+ </span>
94
+
95
+ <span>
96
+ <i class="bi bi-square-fill text-secondary"></i> Last Week
97
+ </span>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ <!-- /.card -->
102
+
103
+ <div class="card">
104
+ <div class="card-header border-0">
105
+ <h3 class="card-title">Products</h3>
106
+ <div class="card-tools">
107
+ <a href="#" class="btn btn-tool btn-sm">
108
+ <i class="bi bi-download"></i>
109
+ </a>
110
+ <a href="#" class="btn btn-tool btn-sm">
111
+ <i class="bi bi-list"></i>
112
+ </a>
113
+ </div>
114
+ </div>
115
+ <div class="card-body table-responsive p-0">
116
+ <table class="table table-striped align-middle">
117
+ <thead>
118
+ <tr>
119
+ <th>Product</th>
120
+ <th>Price</th>
121
+ <th>Sales</th>
122
+ <th>More</th>
123
+ </tr>
124
+ </thead>
125
+ <tbody>
126
+ <tr>
127
+ <td>
128
+ <img
129
+ src={path + "/assets/img/default-150x150.png"}
130
+ alt="Product 1"
131
+ class="rounded-circle img-size-32 me-2"
132
+ />
133
+ Some Product
134
+ </td>
135
+ <td>$13 USD</td>
136
+ <td>
137
+ <small class="text-success me-1">
138
+ <i class="bi bi-arrow-up"></i>
139
+ 12%
140
+ </small>
141
+ 12,000 Sold
142
+ </td>
143
+ <td>
144
+ <a href="#" class="text-secondary">
145
+ <i class="bi bi-search"></i>
146
+ </a>
147
+ </td>
148
+ </tr>
149
+ <tr>
150
+ <td>
151
+ <img
152
+ src={path + "/assets/img/default-150x150.png"}
153
+ alt="Product 1"
154
+ class="rounded-circle img-size-32 me-2"
155
+ />
156
+ Another Product
157
+ </td>
158
+ <td>$29 USD</td>
159
+ <td>
160
+ <small class="text-warning me-1">
161
+ <i class="bi bi-arrow-down"></i>
162
+ 0.5%
163
+ </small>
164
+ 123,234 Sold
165
+ </td>
166
+ <td>
167
+ <a href="#" class="text-secondary">
168
+ <i class="bi bi-search"></i>
169
+ </a>
170
+ </td>
171
+ </tr>
172
+ <tr>
173
+ <td>
174
+ <img
175
+ src={path + "/assets/img/default-150x150.png"}
176
+ alt="Product 1"
177
+ class="rounded-circle img-size-32 me-2"
178
+ />
179
+ Amazing Product
180
+ </td>
181
+ <td>$1,230 USD</td>
182
+ <td>
183
+ <small class="text-danger me-1">
184
+ <i class="bi bi-arrow-down"></i>
185
+ 3%
186
+ </small>
187
+ 198 Sold
188
+ </td>
189
+ <td>
190
+ <a href="#" class="text-secondary">
191
+ <i class="bi bi-search"></i>
192
+ </a>
193
+ </td>
194
+ </tr>
195
+ <tr>
196
+ <td>
197
+ <img
198
+ src={path + "/assets/img/default-150x150.png"}
199
+ alt="Product 1"
200
+ class="rounded-circle img-size-32 me-2"
201
+ />
202
+ Perfect Item
203
+ <span class="badge text-bg-danger">NEW</span>
204
+ </td>
205
+ <td>$199 USD</td>
206
+ <td>
207
+ <small class="text-success me-1">
208
+ <i class="bi bi-arrow-up"></i>
209
+ 63%
210
+ </small>
211
+ 87 Sold
212
+ </td>
213
+ <td>
214
+ <a href="#" class="text-secondary">
215
+ <i class="bi bi-search"></i>
216
+ </a>
217
+ </td>
218
+ </tr>
219
+ </tbody>
220
+ </table>
221
+ </div>
222
+ </div>
223
+ <!-- /.card -->
224
+ </div>
225
+ <!-- /.col-md-6 -->
226
+ <div class="col-lg-6">
227
+ <div class="card mb-4">
228
+ <div class="card-header border-0">
229
+ <div class="d-flex justify-content-between">
230
+ <h3 class="card-title">Sales</h3>
231
+ <a href="javascript:void(0);">View Report</a>
232
+ </div>
233
+ </div>
234
+ <div class="card-body">
235
+ <div class="d-flex">
236
+ <p class="d-flex flex-column">
237
+ <span class="fw-bold fs-5">$18,230.00</span>
238
+ <span>Sales Over Time</span>
239
+ </p>
240
+ <p class="ms-auto d-flex flex-column text-end">
241
+ <span class="text-success">
242
+ <i class="bi bi-arrow-up"></i> 33.1%
243
+ </span>
244
+ <span class="text-secondary">Since Past Year</span>
245
+ </p>
246
+ </div>
247
+ <!-- /.d-flex -->
248
+
249
+ <div class="position-relative mb-4">
250
+ <div id="sales-chart"></div>
251
+ </div>
252
+
253
+ <div class="d-flex flex-row justify-content-end">
254
+ <span class="me-2">
255
+ <i class="bi bi-square-fill text-primary"></i> This year
256
+ </span>
257
+
258
+ <span>
259
+ <i class="bi bi-square-fill text-secondary"></i> Last year
260
+ </span>
261
+ </div>
262
+ </div>
263
+ </div>
264
+ <!-- /.card -->
265
+
266
+ <div class="card">
267
+ <div class="card-header border-0">
268
+ <h3 class="card-title">Online Store Overview</h3>
269
+ <div class="card-tools">
270
+ <a href="#" class="btn btn-sm btn-tool">
271
+ <i class="bi bi-download"></i>
272
+ </a>
273
+ <a href="#" class="btn btn-sm btn-tool">
274
+ <i class="bi bi-list"></i>
275
+ </a>
276
+ </div>
277
+ </div>
278
+ <div class="card-body">
279
+ <div
280
+ class="d-flex justify-content-between align-items-center border-bottom mb-3"
281
+ >
282
+ <p class="text-success fs-2">
283
+ <svg
284
+ height="32"
285
+ fill="none"
286
+ stroke="currentColor"
287
+ stroke-width="1.5"
288
+ viewBox="0 0 24 24"
289
+ xmlns="http://www.w3.org/2000/svg"
290
+ aria-hidden="true"
291
+ >
292
+ <path
293
+ stroke-linecap="round"
294
+ stroke-linejoin="round"
295
+ d="M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 00-3.7-3.7 48.678 48.678 0 00-7.324 0 4.006 4.006 0 00-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3l-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 003.7 3.7 48.656 48.656 0 007.324 0 4.006 4.006 0 003.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3l-3 3"
296
+ ></path>
297
+ </svg>
298
+ </p>
299
+ <p class="d-flex flex-column text-end">
300
+ <span class="fw-bold">
301
+ <i class="ion ion-android-arrow-up text-success"></i> 12%
302
+ </span>
303
+ <span class="text-secondary">CONVERSION RATE</span>
304
+ </p>
305
+ </div>
306
+ <!-- /.d-flex -->
307
+ <div
308
+ class="d-flex justify-content-between align-items-center border-bottom mb-3"
309
+ >
310
+ <p class="text-warning fs-2">
311
+ <svg
312
+ height="32"
313
+ fill="none"
314
+ stroke="currentColor"
315
+ stroke-width="1.5"
316
+ viewBox="0 0 24 24"
317
+ xmlns="http://www.w3.org/2000/svg"
318
+ aria-hidden="true"
319
+ >
320
+ <path
321
+ stroke-linecap="round"
322
+ stroke-linejoin="round"
323
+ d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
324
+ ></path>
325
+ </svg>
326
+ </p>
327
+ <p class="d-flex flex-column text-end">
328
+ <span class="fw-bold">
329
+ <i class="ion ion-android-arrow-up text-warning"></i> 0.8%
330
+ </span>
331
+ <span class="text-secondary">SALES RATE</span>
332
+ </p>
333
+ </div>
334
+ <!-- /.d-flex -->
335
+ <div
336
+ class="d-flex justify-content-between align-items-center mb-0"
337
+ >
338
+ <p class="text-danger fs-2">
339
+ <svg
340
+ height="32"
341
+ fill="none"
342
+ stroke="currentColor"
343
+ stroke-width="1.5"
344
+ viewBox="0 0 24 24"
345
+ xmlns="http://www.w3.org/2000/svg"
346
+ aria-hidden="true"
347
+ >
348
+ <path
349
+ stroke-linecap="round"
350
+ stroke-linejoin="round"
351
+ d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z"
352
+ ></path>
353
+ </svg>
354
+ </p>
355
+ <p class="d-flex flex-column text-end">
356
+ <span class="fw-bold">
357
+ <i class="ion ion-android-arrow-down text-danger"></i>
358
+ 1%
359
+ </span>
360
+ <span class="text-secondary">REGISTRATION RATE</span>
361
+ </p>
362
+ </div>
363
+ <!-- /.d-flex -->
364
+ </div>
365
+ </div>
366
+ </div>
367
+ <!-- /.col-md-6 -->
368
+ </div>
369
+ <!--end::Row-->
370
+ </div>
371
+ <!--end::Container-->
372
+ </div>
373
+ <!--end::App Content-->
374
+ </main>
375
+ <!--end::App Main-->
376
+ <Footer />
377
+ </div>
378
+ <!--end::App Wrapper-->
379
+ <!--begin::Script-->
380
+ <Scripts path={path} />
381
+
382
+ <!-- OPTIONAL SCRIPTS -->
383
+
384
+ <!-- apexcharts -->
385
+ <script
386
+ src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js"
387
+ integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8="
388
+ crossorigin="anonymous"
389
+ ></script>
390
+
391
+ <script is:inline>
392
+ // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
393
+ // IT'S ALL JUST JUNK FOR DEMO
394
+ // ++++++++++++++++++++++++++++++++++++++++++
395
+
396
+ var visitors_chart_options = {
397
+ series: [
398
+ {
399
+ name: "High - 2023",
400
+ data: [100, 120, 170, 167, 180, 177, 160],
401
+ },
402
+ {
403
+ name: "Low - 2023",
404
+ data: [60, 80, 70, 67, 80, 77, 100],
405
+ },
406
+ ],
407
+ chart: {
408
+ height: 200,
409
+ type: "line",
410
+ toolbar: {
411
+ show: false,
412
+ },
413
+ },
414
+ colors: ["#0d6efd", "#adb5bd"],
415
+ stroke: {
416
+ curve: "smooth",
417
+ },
418
+ grid: {
419
+ borderColor: "#e7e7e7",
420
+ row: {
421
+ colors: ["#f3f3f3", "transparent"], // takes an array which will be repeated on columns
422
+ opacity: 0.5,
423
+ },
424
+ },
425
+ legend: {
426
+ show: false,
427
+ },
428
+ markers: {
429
+ size: 1,
430
+ },
431
+ xaxis: {
432
+ categories: ["22th", "23th", "24th", "25th", "26th", "27th", "28th"],
433
+ },
434
+ };
435
+
436
+ var visitors_chart = new ApexCharts(
437
+ document.querySelector("#visitors-chart"),
438
+ visitors_chart_options
439
+ );
440
+ visitors_chart.render();
441
+
442
+ var sales_chart_options = {
443
+ series: [
444
+ {
445
+ name: "Net Profit",
446
+ data: [44, 55, 57, 56, 61, 58, 63, 60, 66],
447
+ },
448
+ {
449
+ name: "Revenue",
450
+ data: [76, 85, 101, 98, 87, 105, 91, 114, 94],
451
+ },
452
+ {
453
+ name: "Free Cash Flow",
454
+ data: [35, 41, 36, 26, 45, 48, 52, 53, 41],
455
+ },
456
+ ],
457
+ chart: {
458
+ type: "bar",
459
+ height: 200,
460
+ },
461
+ plotOptions: {
462
+ bar: {
463
+ horizontal: false,
464
+ columnWidth: "55%",
465
+ endingShape: "rounded",
466
+ },
467
+ },
468
+ legend: {
469
+ show: false,
470
+ },
471
+ colors: ["#0d6efd", "#20c997", "#ffc107"],
472
+ dataLabels: {
473
+ enabled: false,
474
+ },
475
+ stroke: {
476
+ show: true,
477
+ width: 2,
478
+ colors: ["transparent"],
479
+ },
480
+ xaxis: {
481
+ categories: [
482
+ "Feb",
483
+ "Mar",
484
+ "Apr",
485
+ "May",
486
+ "Jun",
487
+ "Jul",
488
+ "Aug",
489
+ "Sep",
490
+ "Oct",
491
+ ],
492
+ },
493
+ fill: {
494
+ opacity: 1,
495
+ },
496
+ tooltip: {
497
+ y: {
498
+ formatter: function (val) {
499
+ return "$ " + val + " thousands";
500
+ },
501
+ },
502
+ },
503
+ };
504
+
505
+ var sales_chart = new ApexCharts(
506
+ document.querySelector("#sales-chart"),
507
+ sales_chart_options
508
+ );
509
+ sales_chart.render();
510
+ </script>
511
+ <!--end::Script-->
512
+ </body><!--end::Body-->
513
+ </html>
package/src/html/pages/layout/collapsed-sidebar.astro ADDED
@@ -0,0 +1,110 @@
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 | Sidebar Mini";
9
+ const path = "../../../dist";
10
+ const mainPage = "layout";
11
+ const page = "collapsed-sidebar";
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
23
+ class="layout-fixed sidebar-expand-lg sidebar-mini sidebar-collapse bg-body-tertiary"
24
+ >
25
+ <!--begin::App Wrapper-->
26
+ <div class="app-wrapper">
27
+ <Topbar path={path} />
28
+ <Sidenav path={path} mainPage={mainPage} page={page} />
29
+ <!--begin::App Main-->
30
+ <main class="app-main">
31
+ <!--begin::App Content Header-->
32
+ <div class="app-content-header">
33
+ <!--begin::Container-->
34
+ <div class="container-fluid">
35
+ <!--begin::Row-->
36
+ <div class="row">
37
+ <div class="col-sm-6">
38
+ <h3 class="mb-0">Collapsed Sidebar</h3>
39
+ </div>
40
+ <div class="col-sm-6">
41
+ <ol class="breadcrumb float-sm-end">
42
+ <li class="breadcrumb-item"><a href="#">Home</a></li>
43
+ <li class="breadcrumb-item active" aria-current="page">
44
+ Collapsed Sidebar
45
+ </li>
46
+ </ol>
47
+ </div>
48
+ </div>
49
+ <!--end::Row-->
50
+ </div>
51
+ <!--end::Container-->
52
+ </div>
53
+ <!--end::App Content Header-->
54
+ <!--begin::App Content-->
55
+ <div class="app-content">
56
+ <!--begin::Container-->
57
+ <div class="container-fluid">
58
+ <!--begin::Row-->
59
+ <div class="row">
60
+ <div class="col-12">
61
+ <!-- Default box -->
62
+ <div class="card">
63
+ <div class="card-header">
64
+ <h3 class="card-title">Title</h3>
65
+
66
+ <div class="card-tools">
67
+ <button
68
+ type="button"
69
+ class="btn btn-tool"
70
+ data-lte-toggle="card-collapse"
71
+ title="Collapse"
72
+ >
73
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
74
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
75
+ </button>
76
+ <button
77
+ type="button"
78
+ class="btn btn-tool"
79
+ data-lte-toggle="card-remove"
80
+ title="Remove"
81
+ >
82
+ <i class="bi bi-x-lg"></i>
83
+ </button>
84
+ </div>
85
+ </div>
86
+ <div class="card-body">
87
+ Start creating your amazing application!
88
+ </div>
89
+ <!-- /.card-body -->
90
+ <div class="card-footer">Footer</div>
91
+ <!-- /.card-footer-->
92
+ </div>
93
+ <!-- /.card -->
94
+ </div>
95
+ </div>
96
+ <!--end::Row-->
97
+ </div>
98
+ <!--end::Container-->
99
+ </div>
100
+ <!--end::App Content-->
101
+ </main>
102
+ <!--end::App Main-->
103
+ <Footer />
104
+ </div>
105
+ <!--end::App Wrapper-->
106
+ <!--begin::Script-->
107
+ <Scripts path={path} />
108
+ <!--end::Script-->
109
+ </body><!--end::Body-->
110
+ </html>