admin-lte 4.0.0-beta1 → 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 (151) hide show
  1. package/.astro/settings.json +5 -0
  2. package/dist/css/adminlte.css +48 -120
  3. package/dist/css/adminlte.css.map +1 -1
  4. package/dist/css/adminlte.min.css +2 -2
  5. package/dist/css/adminlte.min.css.map +1 -1
  6. package/dist/css/adminlte.rtl.css +48 -120
  7. package/dist/css/adminlte.rtl.css.map +1 -1
  8. package/dist/css/adminlte.rtl.min.css +2 -2
  9. package/dist/css/adminlte.rtl.min.css.map +1 -1
  10. package/dist/js/adminlte.js +2 -2
  11. package/dist/js/adminlte.js.map +1 -1
  12. package/dist/js/adminlte.min.js +2 -2
  13. package/dist/js/adminlte.min.js.map +1 -1
  14. package/dist/pages/UI/general.html +8 -2
  15. package/dist/pages/UI/icons.html +452 -0
  16. package/dist/pages/UI/timeline.html +8 -2
  17. package/dist/pages/docs/browser-support.html +8 -2
  18. package/dist/pages/docs/color-mode.html +8 -2
  19. package/dist/pages/docs/components/main-header.html +8 -2
  20. package/dist/pages/docs/components/main-sidebar.html +8 -2
  21. package/dist/pages/docs/faq.html +8 -2
  22. package/dist/pages/docs/how-to-contribute.html +8 -2
  23. package/dist/pages/docs/introduction.html +13 -7
  24. package/dist/pages/docs/javascript/treeview.html +8 -2
  25. package/dist/pages/docs/layout.html +8 -2
  26. package/dist/pages/docs/license.html +8 -2
  27. package/dist/pages/forms/general.html +8 -2
  28. package/dist/pages/generate/theme.html +412 -0
  29. package/dist/pages/index.html +8 -2
  30. package/dist/pages/index2.html +8 -2
  31. package/dist/pages/index3.html +8 -2
  32. package/dist/pages/layout/collapsed-sidebar.html +8 -2
  33. package/dist/pages/layout/fixed-sidebar.html +8 -2
  34. package/dist/pages/layout/layout-custom-area.html +467 -0
  35. package/dist/pages/layout/layout-rtl.html +8 -2
  36. package/dist/pages/layout/sidebar-mini.html +8 -2
  37. package/dist/pages/layout/unfixed-sidebar.html +8 -2
  38. package/dist/pages/tables/simple.html +8 -2
  39. package/dist/pages/widgets/cards.html +8 -2
  40. package/dist/pages/widgets/info-box.html +8 -2
  41. package/dist/pages/widgets/small-box.html +8 -2
  42. package/package.json +19 -19
  43. package/src/scss/_app-content.scss +0 -49
  44. package/src/scss/_app-main.scss +21 -1
  45. package/src/scss/_app-sidebar.scss +1 -6
  46. package/src/scss/_compact-mode.scss +0 -26
  47. package/src/scss/_variables.scss +19 -7
  48. package/src/scss/adminlte.scss +1 -1
  49. package/src/ts/push-menu.ts +1 -1
  50. package/.bundlewatch.config.json +0 -28
  51. package/.cache/.eslintcache +0 -1
  52. package/.cache/.stylelintcache +0 -1
  53. package/.editorconfig +0 -14
  54. package/.eslintignore +0 -7
  55. package/.eslintrc.json +0 -120
  56. package/.gitattributes +0 -6
  57. package/.gitpod.yml +0 -6
  58. package/.stylelintignore +0 -8
  59. package/.stylelintrc.json +0 -47
  60. package/composer.json +0 -25
  61. package/dist/pages/layout/fixed-complete.html +0 -541
  62. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  63. package/src/assets/img/AdminLTELogo.png +0 -0
  64. package/src/assets/img/avatar.png +0 -0
  65. package/src/assets/img/avatar2.png +0 -0
  66. package/src/assets/img/avatar3.png +0 -0
  67. package/src/assets/img/avatar4.png +0 -0
  68. package/src/assets/img/avatar5.png +0 -0
  69. package/src/assets/img/boxed-bg.jpg +0 -0
  70. package/src/assets/img/boxed-bg.png +0 -0
  71. package/src/assets/img/credit/american-express.png +0 -0
  72. package/src/assets/img/credit/cirrus.png +0 -0
  73. package/src/assets/img/credit/mastercard.png +0 -0
  74. package/src/assets/img/credit/paypal.png +0 -0
  75. package/src/assets/img/credit/paypal2.png +0 -0
  76. package/src/assets/img/credit/visa.png +0 -0
  77. package/src/assets/img/default-150x150.png +0 -0
  78. package/src/assets/img/icons.png +0 -0
  79. package/src/assets/img/photo1.png +0 -0
  80. package/src/assets/img/photo2.png +0 -0
  81. package/src/assets/img/photo3.jpg +0 -0
  82. package/src/assets/img/photo4.jpg +0 -0
  83. package/src/assets/img/prod-1.jpg +0 -0
  84. package/src/assets/img/prod-2.jpg +0 -0
  85. package/src/assets/img/prod-3.jpg +0 -0
  86. package/src/assets/img/prod-4.jpg +0 -0
  87. package/src/assets/img/prod-5.jpg +0 -0
  88. package/src/assets/img/user1-128x128.jpg +0 -0
  89. package/src/assets/img/user2-160x160.jpg +0 -0
  90. package/src/assets/img/user3-128x128.jpg +0 -0
  91. package/src/assets/img/user4-128x128.jpg +0 -0
  92. package/src/assets/img/user5-128x128.jpg +0 -0
  93. package/src/assets/img/user6-128x128.jpg +0 -0
  94. package/src/assets/img/user7-128x128.jpg +0 -0
  95. package/src/assets/img/user8-128x128.jpg +0 -0
  96. package/src/config/assets.config.mjs +0 -8
  97. package/src/config/astro.config.mjs +0 -19
  98. package/src/config/postcss.config.mjs +0 -15
  99. package/src/config/rollup.config.js +0 -20
  100. package/src/html/.eslintrc.json +0 -24
  101. package/src/html/.prettierrc.js +0 -11
  102. package/src/html/.tsconfig.json +0 -4
  103. package/src/html/components/_head.astro +0 -37
  104. package/src/html/components/_scripts.astro +0 -39
  105. package/src/html/components/dashboard/_footer.astro +0 -18
  106. package/src/html/components/dashboard/_sidenav.astro +0 -562
  107. package/src/html/components/dashboard/_topbar.astro +0 -221
  108. package/src/html/components/docs/browser-support.mdx +0 -23
  109. package/src/html/components/docs/color-mode.mdx +0 -169
  110. package/src/html/components/docs/components/main-header.mdx +0 -198
  111. package/src/html/components/docs/components/main-sidebar.mdx +0 -129
  112. package/src/html/components/docs/faq.mdx +0 -11
  113. package/src/html/components/docs/how-to-contribute.mdx +0 -34
  114. package/src/html/components/docs/introduction.mdx +0 -60
  115. package/src/html/components/docs/license.mdx +0 -9
  116. package/src/html/components/javascript/treeview.mdx +0 -39
  117. package/src/html/env.d.ts +0 -1
  118. package/src/html/pages/UI/general.astro +0 -1451
  119. package/src/html/pages/UI/timeline.astro +0 -221
  120. package/src/html/pages/docs/browser-support.astro +0 -71
  121. package/src/html/pages/docs/color-mode.astro +0 -273
  122. package/src/html/pages/docs/components/main-header.astro +0 -320
  123. package/src/html/pages/docs/components/main-sidebar.astro +0 -71
  124. package/src/html/pages/docs/faq.astro +0 -71
  125. package/src/html/pages/docs/how-to-contribute.astro +0 -71
  126. package/src/html/pages/docs/introduction.astro +0 -71
  127. package/src/html/pages/docs/javascript/treeview.astro +0 -71
  128. package/src/html/pages/docs/layout.astro +0 -120
  129. package/src/html/pages/docs/license.astro +0 -71
  130. package/src/html/pages/examples/lockscreen.astro +0 -63
  131. package/src/html/pages/examples/login-v2.astro +0 -109
  132. package/src/html/pages/examples/login.astro +0 -99
  133. package/src/html/pages/examples/register-v2.astro +0 -116
  134. package/src/html/pages/examples/register.astro +0 -102
  135. package/src/html/pages/forms/general.astro +0 -624
  136. package/src/html/pages/index.astro +0 -799
  137. package/src/html/pages/index2.astro +0 -1373
  138. package/src/html/pages/index3.astro +0 -513
  139. package/src/html/pages/layout/collapsed-sidebar.astro +0 -110
  140. package/src/html/pages/layout/fixed-complete.astro +0 -209
  141. package/src/html/pages/layout/fixed-sidebar.astro +0 -109
  142. package/src/html/pages/layout/layout-rtl.astro +0 -109
  143. package/src/html/pages/layout/logo-switch.astro +0 -212
  144. package/src/html/pages/layout/sidebar-mini.astro +0 -108
  145. package/src/html/pages/layout/unfixed-sidebar.astro +0 -107
  146. package/src/html/pages/tables/simple.astro +0 -472
  147. package/src/html/pages/widgets/cards.astro +0 -373
  148. package/src/html/pages/widgets/info-box.astro +0 -413
  149. package/src/html/pages/widgets/small-box.astro +0 -182
  150. package/src/utils/index.js +0 -28
  151. 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);" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">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 mb-4">
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-info 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);" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">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="bi bi-graph-up-arrow 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-info 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="bi bi-graph-up-arrow text-info"></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="bi bi-graph-down-arrow 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
- const 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
- const visitors_chart = new ApexCharts(
437
- document.querySelector("#visitors-chart"),
438
- visitors_chart_options
439
- );
440
- visitors_chart.render();
441
-
442
- const 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
- const 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>