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
@@ -1,513 +0,0 @@
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>
@@ -1,110 +0,0 @@
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>