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.
- package/.astro/settings.json +5 -0
- package/dist/css/adminlte.css +48 -120
- package/dist/css/adminlte.css.map +1 -1
- package/dist/css/adminlte.min.css +2 -2
- package/dist/css/adminlte.min.css.map +1 -1
- package/dist/css/adminlte.rtl.css +48 -120
- package/dist/css/adminlte.rtl.css.map +1 -1
- package/dist/css/adminlte.rtl.min.css +2 -2
- package/dist/css/adminlte.rtl.min.css.map +1 -1
- package/dist/js/adminlte.js +2 -2
- package/dist/js/adminlte.js.map +1 -1
- package/dist/js/adminlte.min.js +2 -2
- package/dist/js/adminlte.min.js.map +1 -1
- package/dist/pages/UI/general.html +8 -2
- package/dist/pages/UI/icons.html +452 -0
- package/dist/pages/UI/timeline.html +8 -2
- package/dist/pages/docs/browser-support.html +8 -2
- package/dist/pages/docs/color-mode.html +8 -2
- package/dist/pages/docs/components/main-header.html +8 -2
- package/dist/pages/docs/components/main-sidebar.html +8 -2
- package/dist/pages/docs/faq.html +8 -2
- package/dist/pages/docs/how-to-contribute.html +8 -2
- package/dist/pages/docs/introduction.html +13 -7
- package/dist/pages/docs/javascript/treeview.html +8 -2
- package/dist/pages/docs/layout.html +8 -2
- package/dist/pages/docs/license.html +8 -2
- package/dist/pages/forms/general.html +8 -2
- package/dist/pages/generate/theme.html +412 -0
- package/dist/pages/index.html +8 -2
- package/dist/pages/index2.html +8 -2
- package/dist/pages/index3.html +8 -2
- package/dist/pages/layout/collapsed-sidebar.html +8 -2
- package/dist/pages/layout/fixed-sidebar.html +8 -2
- package/dist/pages/layout/layout-custom-area.html +467 -0
- package/dist/pages/layout/layout-rtl.html +8 -2
- package/dist/pages/layout/sidebar-mini.html +8 -2
- package/dist/pages/layout/unfixed-sidebar.html +8 -2
- package/dist/pages/tables/simple.html +8 -2
- package/dist/pages/widgets/cards.html +8 -2
- package/dist/pages/widgets/info-box.html +8 -2
- package/dist/pages/widgets/small-box.html +8 -2
- package/package.json +19 -19
- package/src/scss/_app-content.scss +0 -49
- package/src/scss/_app-main.scss +21 -1
- package/src/scss/_app-sidebar.scss +1 -6
- package/src/scss/_compact-mode.scss +0 -26
- package/src/scss/_variables.scss +19 -7
- package/src/scss/adminlte.scss +1 -1
- package/src/ts/push-menu.ts +1 -1
- package/.bundlewatch.config.json +0 -28
- package/.cache/.eslintcache +0 -1
- package/.cache/.stylelintcache +0 -1
- package/.editorconfig +0 -14
- package/.eslintignore +0 -7
- package/.eslintrc.json +0 -120
- package/.gitattributes +0 -6
- package/.gitpod.yml +0 -6
- package/.stylelintignore +0 -8
- package/.stylelintrc.json +0 -47
- package/composer.json +0 -25
- package/dist/pages/layout/fixed-complete.html +0 -541
- package/src/assets/img/AdminLTEFullLogo.png +0 -0
- package/src/assets/img/AdminLTELogo.png +0 -0
- package/src/assets/img/avatar.png +0 -0
- package/src/assets/img/avatar2.png +0 -0
- package/src/assets/img/avatar3.png +0 -0
- package/src/assets/img/avatar4.png +0 -0
- package/src/assets/img/avatar5.png +0 -0
- package/src/assets/img/boxed-bg.jpg +0 -0
- package/src/assets/img/boxed-bg.png +0 -0
- package/src/assets/img/credit/american-express.png +0 -0
- package/src/assets/img/credit/cirrus.png +0 -0
- package/src/assets/img/credit/mastercard.png +0 -0
- package/src/assets/img/credit/paypal.png +0 -0
- package/src/assets/img/credit/paypal2.png +0 -0
- package/src/assets/img/credit/visa.png +0 -0
- package/src/assets/img/default-150x150.png +0 -0
- package/src/assets/img/icons.png +0 -0
- package/src/assets/img/photo1.png +0 -0
- package/src/assets/img/photo2.png +0 -0
- package/src/assets/img/photo3.jpg +0 -0
- package/src/assets/img/photo4.jpg +0 -0
- package/src/assets/img/prod-1.jpg +0 -0
- package/src/assets/img/prod-2.jpg +0 -0
- package/src/assets/img/prod-3.jpg +0 -0
- package/src/assets/img/prod-4.jpg +0 -0
- package/src/assets/img/prod-5.jpg +0 -0
- package/src/assets/img/user1-128x128.jpg +0 -0
- package/src/assets/img/user2-160x160.jpg +0 -0
- package/src/assets/img/user3-128x128.jpg +0 -0
- package/src/assets/img/user4-128x128.jpg +0 -0
- package/src/assets/img/user5-128x128.jpg +0 -0
- package/src/assets/img/user6-128x128.jpg +0 -0
- package/src/assets/img/user7-128x128.jpg +0 -0
- package/src/assets/img/user8-128x128.jpg +0 -0
- package/src/config/assets.config.mjs +0 -8
- package/src/config/astro.config.mjs +0 -19
- package/src/config/postcss.config.mjs +0 -15
- package/src/config/rollup.config.js +0 -20
- package/src/html/.eslintrc.json +0 -24
- package/src/html/.prettierrc.js +0 -11
- package/src/html/.tsconfig.json +0 -4
- package/src/html/components/_head.astro +0 -37
- package/src/html/components/_scripts.astro +0 -39
- package/src/html/components/dashboard/_footer.astro +0 -18
- package/src/html/components/dashboard/_sidenav.astro +0 -562
- package/src/html/components/dashboard/_topbar.astro +0 -221
- package/src/html/components/docs/browser-support.mdx +0 -23
- package/src/html/components/docs/color-mode.mdx +0 -169
- package/src/html/components/docs/components/main-header.mdx +0 -198
- package/src/html/components/docs/components/main-sidebar.mdx +0 -129
- package/src/html/components/docs/faq.mdx +0 -11
- package/src/html/components/docs/how-to-contribute.mdx +0 -34
- package/src/html/components/docs/introduction.mdx +0 -60
- package/src/html/components/docs/license.mdx +0 -9
- package/src/html/components/javascript/treeview.mdx +0 -39
- package/src/html/env.d.ts +0 -1
- package/src/html/pages/UI/general.astro +0 -1451
- package/src/html/pages/UI/timeline.astro +0 -221
- package/src/html/pages/docs/browser-support.astro +0 -71
- package/src/html/pages/docs/color-mode.astro +0 -273
- package/src/html/pages/docs/components/main-header.astro +0 -320
- package/src/html/pages/docs/components/main-sidebar.astro +0 -71
- package/src/html/pages/docs/faq.astro +0 -71
- package/src/html/pages/docs/how-to-contribute.astro +0 -71
- package/src/html/pages/docs/introduction.astro +0 -71
- package/src/html/pages/docs/javascript/treeview.astro +0 -71
- package/src/html/pages/docs/layout.astro +0 -120
- package/src/html/pages/docs/license.astro +0 -71
- package/src/html/pages/examples/lockscreen.astro +0 -63
- package/src/html/pages/examples/login-v2.astro +0 -109
- package/src/html/pages/examples/login.astro +0 -99
- package/src/html/pages/examples/register-v2.astro +0 -116
- package/src/html/pages/examples/register.astro +0 -102
- package/src/html/pages/forms/general.astro +0 -624
- package/src/html/pages/index.astro +0 -799
- package/src/html/pages/index2.astro +0 -1373
- package/src/html/pages/index3.astro +0 -513
- package/src/html/pages/layout/collapsed-sidebar.astro +0 -110
- package/src/html/pages/layout/fixed-complete.astro +0 -209
- package/src/html/pages/layout/fixed-sidebar.astro +0 -109
- package/src/html/pages/layout/layout-rtl.astro +0 -109
- package/src/html/pages/layout/logo-switch.astro +0 -212
- package/src/html/pages/layout/sidebar-mini.astro +0 -108
- package/src/html/pages/layout/unfixed-sidebar.astro +0 -107
- package/src/html/pages/tables/simple.astro +0 -472
- package/src/html/pages/widgets/cards.astro +0 -373
- package/src/html/pages/widgets/info-box.astro +0 -413
- package/src/html/pages/widgets/small-box.astro +0 -182
- package/src/utils/index.js +0 -28
- 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>
|