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.
- package/.astro/settings.json +5 -0
- package/README.md +6 -1
- package/dist/css/adminlte.css +238 -226
- 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 +245 -224
- 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 +139 -37
- package/dist/js/adminlte.js.map +1 -1
- package/dist/js/adminlte.min.js +3 -3
- package/dist/js/adminlte.min.js.map +1 -1
- package/dist/pages/UI/general.html +901 -0
- package/dist/pages/UI/icons.html +452 -0
- package/dist/pages/UI/timeline.html +228 -599
- package/dist/pages/docs/browser-support.html +206 -509
- package/dist/pages/docs/color-mode.html +346 -685
- package/dist/pages/docs/components/main-header.html +435 -827
- package/dist/pages/docs/components/main-sidebar.html +308 -610
- package/dist/pages/docs/faq.html +194 -498
- package/dist/pages/docs/how-to-contribute.html +196 -499
- package/dist/pages/docs/introduction.html +215 -513
- package/dist/pages/docs/javascript/treeview.html +204 -507
- package/dist/pages/docs/layout.html +194 -499
- package/dist/pages/docs/license.html +194 -498
- package/dist/pages/examples/lockscreen.html +21 -59
- package/dist/pages/examples/login-v2.html +35 -95
- package/dist/pages/examples/login.html +33 -89
- package/dist/pages/examples/register-v2.html +37 -102
- package/dist/pages/examples/register.html +34 -92
- package/dist/pages/forms/general.html +286 -766
- package/dist/pages/generate/theme.html +412 -0
- package/dist/pages/index.html +310 -807
- package/dist/pages/index2.html +502 -1189
- package/dist/pages/index3.html +250 -663
- package/dist/pages/layout/collapsed-sidebar.html +201 -520
- package/dist/pages/layout/fixed-sidebar.html +201 -521
- package/dist/pages/layout/layout-custom-area.html +467 -0
- package/dist/pages/layout/layout-rtl.html +201 -520
- package/dist/pages/layout/logo-switch.html +111 -310
- package/dist/pages/layout/sidebar-mini.html +201 -520
- package/dist/pages/layout/unfixed-sidebar.html +200 -518
- package/dist/pages/tables/simple.html +268 -651
- package/dist/pages/widgets/cards.html +263 -705
- package/dist/pages/widgets/info-box.html +285 -788
- package/dist/pages/widgets/small-box.html +217 -548
- package/package.json +34 -33
- package/src/scss/_app-content.scss +0 -49
- package/src/scss/_app-main.scss +25 -1
- package/src/scss/_app-sidebar.scss +3 -8
- package/src/scss/_bootstrap-variables.scss +26 -22
- package/src/scss/_callouts.scss +6 -0
- package/src/scss/_cards.scss +1 -0
- package/src/scss/_compact-mode.scss +0 -26
- package/src/scss/_direct-chat.scss +5 -0
- package/src/scss/_dropdown.scss +1 -0
- package/src/scss/_info-box.scss +2 -10
- package/src/scss/_timeline.scss +1 -0
- package/src/scss/_toasts.scss +33 -0
- package/src/scss/_variables.scss +29 -11
- package/src/scss/adminlte.scss +1 -2
- package/src/scss/pages/_lockscreen.scss +1 -0
- package/src/scss/pages/_login_and_register.scss +1 -0
- package/src/scss/parts/_extra-components.scss +1 -0
- package/src/ts/adminlte.ts +3 -1
- package/src/ts/card-widget.ts +3 -2
- package/src/ts/direct-chat.ts +3 -2
- package/src/ts/fullscreen.ts +110 -0
- package/src/ts/layout.ts +3 -2
- package/src/ts/push-menu.ts +4 -3
- package/src/ts/treeview.ts +20 -3
- package/src/ts/util/index.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/.idea/AdminLTE.iml +0 -16
- package/.idea/codeStyles/Project.xml +0 -53
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/dbnavigator.xml +0 -421
- package/.idea/git_toolbox_prj.xml +0 -15
- package/.idea/inspectionProfiles/Project_Default.xml +0 -7
- package/.idea/jsLibraryMappings.xml +0 -6
- package/.idea/jsLinters/eslint.xml +0 -6
- package/.idea/modules.xml +0 -8
- package/.idea/php.xml +0 -28
- package/.idea/vcs.xml +0 -12
- package/.stylelintignore +0 -8
- package/.stylelintrc.json +0 -47
- package/composer.json +0 -25
- package/dist/pages/layout/fixed-complete.html +0 -867
- 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 -47
- package/src/html/components/_scripts.astro +0 -51
- package/src/html/components/dashboard/_footer.astro +0 -18
- package/src/html/components/dashboard/_sidenav.astro +0 -553
- package/src/html/components/dashboard/_topbar.astro +0 -213
- 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/timeline.astro +0 -221
- package/src/html/pages/docs/browser-support.astro +0 -71
- package/src/html/pages/docs/color-mode.astro +0 -271
- package/src/html/pages/docs/components/main-header.astro +0 -319
- 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 -790
- package/src/html/pages/index2.astro +0 -1345
- 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,413 +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 | Widgets - Info Box";
|
|
9
|
-
const path = "../../../dist";
|
|
10
|
-
const mainPage = "widgets";
|
|
11
|
-
const page = "info-box";
|
|
12
|
-
---
|
|
13
|
-
|
|
14
|
-
<!DOCTYPE html>
|
|
15
|
-
<html lang="en">
|
|
16
|
-
<!--begin::Head-->
|
|
17
|
-
<head>
|
|
18
|
-
<Head title={title} path={path} />
|
|
19
|
-
</head>
|
|
20
|
-
<!--end::Head-->
|
|
21
|
-
<!--begin::Body-->
|
|
22
|
-
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
23
|
-
<!--begin::App Wrapper-->
|
|
24
|
-
<div class="app-wrapper">
|
|
25
|
-
<Topbar path={path} />
|
|
26
|
-
<Sidenav path={path} mainPage={mainPage} page={page} />
|
|
27
|
-
<!--begin::App Main-->
|
|
28
|
-
<main class="app-main">
|
|
29
|
-
<!--begin::App Content Header-->
|
|
30
|
-
<div class="app-content-header">
|
|
31
|
-
<!--begin::Container-->
|
|
32
|
-
<div class="container-fluid">
|
|
33
|
-
<!--begin::Row-->
|
|
34
|
-
<div class="row">
|
|
35
|
-
<div class="col-sm-6">
|
|
36
|
-
<h3 class="mb-0">Info Box</h3>
|
|
37
|
-
</div>
|
|
38
|
-
<div class="col-sm-6">
|
|
39
|
-
<ol class="breadcrumb float-sm-end">
|
|
40
|
-
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
|
41
|
-
<li class="breadcrumb-item active" aria-current="page">
|
|
42
|
-
Info Box
|
|
43
|
-
</li>
|
|
44
|
-
</ol>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
<!--end::Row-->
|
|
48
|
-
</div>
|
|
49
|
-
<!--end::Container-->
|
|
50
|
-
</div>
|
|
51
|
-
<!--end::App Content Header-->
|
|
52
|
-
<!--begin::App Content-->
|
|
53
|
-
<div class="app-content">
|
|
54
|
-
<!--begin::Container-->
|
|
55
|
-
<div class="container-fluid">
|
|
56
|
-
<h5 class="mb-2">Info Box</h5>
|
|
57
|
-
<!--begin::Row-->
|
|
58
|
-
<div class="row">
|
|
59
|
-
<div class="col-12 col-sm-6 col-md-3">
|
|
60
|
-
<div class="info-box">
|
|
61
|
-
<span class="info-box-icon text-bg-primary shadow-sm">
|
|
62
|
-
<i class="bi bi-gear-fill"></i>
|
|
63
|
-
</span>
|
|
64
|
-
|
|
65
|
-
<div class="info-box-content">
|
|
66
|
-
<span class="info-box-text">CPU Traffic</span>
|
|
67
|
-
<span class="info-box-number">
|
|
68
|
-
10
|
|
69
|
-
<small>%</small>
|
|
70
|
-
</span>
|
|
71
|
-
</div>
|
|
72
|
-
<!-- /.info-box-content -->
|
|
73
|
-
</div>
|
|
74
|
-
<!-- /.info-box -->
|
|
75
|
-
</div>
|
|
76
|
-
<!-- /.col -->
|
|
77
|
-
|
|
78
|
-
<div class="col-12 col-sm-6 col-md-3">
|
|
79
|
-
<div class="info-box">
|
|
80
|
-
<span class="info-box-icon text-bg-success shadow-sm">
|
|
81
|
-
<i class="bi bi-cart-fill"></i>
|
|
82
|
-
</span>
|
|
83
|
-
|
|
84
|
-
<div class="info-box-content">
|
|
85
|
-
<span class="info-box-text">Sales</span>
|
|
86
|
-
<span class="info-box-number">760</span>
|
|
87
|
-
</div>
|
|
88
|
-
<!-- /.info-box-content -->
|
|
89
|
-
</div>
|
|
90
|
-
<!-- /.info-box -->
|
|
91
|
-
</div>
|
|
92
|
-
<!-- /.col -->
|
|
93
|
-
|
|
94
|
-
<!-- fix for small devices only -->
|
|
95
|
-
<!-- <div class="clearfix hidden-md-up"></div> -->
|
|
96
|
-
|
|
97
|
-
<div class="col-12 col-sm-6 col-md-3">
|
|
98
|
-
<div class="info-box">
|
|
99
|
-
<span class="info-box-icon text-bg-warning shadow-sm">
|
|
100
|
-
<i class="bi bi-people-fill"></i>
|
|
101
|
-
</span>
|
|
102
|
-
|
|
103
|
-
<div class="info-box-content">
|
|
104
|
-
<span class="info-box-text">New Members</span>
|
|
105
|
-
<span class="info-box-number">2,000</span>
|
|
106
|
-
</div>
|
|
107
|
-
<!-- /.info-box-content -->
|
|
108
|
-
</div>
|
|
109
|
-
<!-- /.info-box -->
|
|
110
|
-
</div>
|
|
111
|
-
<!-- /.col -->
|
|
112
|
-
|
|
113
|
-
<div class="col-12 col-sm-6 col-md-3">
|
|
114
|
-
<div class="info-box">
|
|
115
|
-
<span class="info-box-icon text-bg-danger shadow-sm">
|
|
116
|
-
<i class="bi bi-hand-thumbs-up-fill"></i>
|
|
117
|
-
</span>
|
|
118
|
-
|
|
119
|
-
<div class="info-box-content">
|
|
120
|
-
<span class="info-box-text">Likes</span>
|
|
121
|
-
<span class="info-box-number">41,410</span>
|
|
122
|
-
</div>
|
|
123
|
-
<!-- /.info-box-content -->
|
|
124
|
-
</div>
|
|
125
|
-
<!-- /.info-box -->
|
|
126
|
-
</div>
|
|
127
|
-
<!-- /.col -->
|
|
128
|
-
</div>
|
|
129
|
-
<!--end::Row-->
|
|
130
|
-
|
|
131
|
-
<!-- =========================================================== -->
|
|
132
|
-
<h5 class="mb-2">
|
|
133
|
-
Info Box With Custom Shadows <small>
|
|
134
|
-
<i>Using Bootstrap's Shadow Utility</i>
|
|
135
|
-
</small>
|
|
136
|
-
</h5>
|
|
137
|
-
<!--begin::Row-->
|
|
138
|
-
<div class="row">
|
|
139
|
-
<div class="col-12 col-sm-6 col-md-3">
|
|
140
|
-
<div class="info-box shadow-none">
|
|
141
|
-
<span class="info-box-icon text-bg-primary shadow-sm">
|
|
142
|
-
<i class="bi bi-gear-fill"></i>
|
|
143
|
-
</span>
|
|
144
|
-
|
|
145
|
-
<div class="info-box-content">
|
|
146
|
-
<span class="info-box-text">CPU Traffic</span>
|
|
147
|
-
<span class="info-box-number">
|
|
148
|
-
10
|
|
149
|
-
<small>%</small>
|
|
150
|
-
</span>
|
|
151
|
-
</div>
|
|
152
|
-
<!-- /.info-box-content -->
|
|
153
|
-
</div>
|
|
154
|
-
<!-- /.info-box -->
|
|
155
|
-
</div>
|
|
156
|
-
<!-- /.col -->
|
|
157
|
-
|
|
158
|
-
<div class="col-12 col-sm-6 col-md-3">
|
|
159
|
-
<div class="info-box shadow-sm">
|
|
160
|
-
<span class="info-box-icon text-bg-success shadow-sm">
|
|
161
|
-
<i class="bi bi-cart-fill"></i>
|
|
162
|
-
</span>
|
|
163
|
-
|
|
164
|
-
<div class="info-box-content">
|
|
165
|
-
<span class="info-box-text">Sales</span>
|
|
166
|
-
<span class="info-box-number">760</span>
|
|
167
|
-
</div>
|
|
168
|
-
<!-- /.info-box-content -->
|
|
169
|
-
</div>
|
|
170
|
-
<!-- /.info-box -->
|
|
171
|
-
</div>
|
|
172
|
-
<!-- /.col -->
|
|
173
|
-
|
|
174
|
-
<!-- fix for small devices only -->
|
|
175
|
-
<!-- <div class="clearfix hidden-md-up"></div> -->
|
|
176
|
-
|
|
177
|
-
<div class="col-12 col-sm-6 col-md-3">
|
|
178
|
-
<div class="info-box shadow">
|
|
179
|
-
<span class="info-box-icon text-bg-warning shadow-sm">
|
|
180
|
-
<i class="bi bi-people-fill"></i>
|
|
181
|
-
</span>
|
|
182
|
-
|
|
183
|
-
<div class="info-box-content">
|
|
184
|
-
<span class="info-box-text">New Members</span>
|
|
185
|
-
<span class="info-box-number">2,000</span>
|
|
186
|
-
</div>
|
|
187
|
-
<!-- /.info-box-content -->
|
|
188
|
-
</div>
|
|
189
|
-
<!-- /.info-box -->
|
|
190
|
-
</div>
|
|
191
|
-
<!-- /.col -->
|
|
192
|
-
|
|
193
|
-
<div class="col-12 col-sm-6 col-md-3">
|
|
194
|
-
<div class="info-box shadow-lg">
|
|
195
|
-
<span class="info-box-icon text-bg-danger shadow-sm">
|
|
196
|
-
<i class="bi bi-hand-thumbs-up-fill"></i>
|
|
197
|
-
</span>
|
|
198
|
-
|
|
199
|
-
<div class="info-box-content">
|
|
200
|
-
<span class="info-box-text">Likes</span>
|
|
201
|
-
<span class="info-box-number">41,410</span>
|
|
202
|
-
</div>
|
|
203
|
-
<!-- /.info-box-content -->
|
|
204
|
-
</div>
|
|
205
|
-
<!-- /.info-box -->
|
|
206
|
-
</div>
|
|
207
|
-
<!-- /.col -->
|
|
208
|
-
</div>
|
|
209
|
-
<!--end::Row-->
|
|
210
|
-
|
|
211
|
-
<!-- =========================================================== -->
|
|
212
|
-
<h5 class="mt-4 mb-2">Info Box With <code>bg-*</code></h5>
|
|
213
|
-
<!--begin::Row-->
|
|
214
|
-
<div class="row">
|
|
215
|
-
<div class="col-md-3 col-sm-6 col-12">
|
|
216
|
-
<div class="info-box text-bg-primary">
|
|
217
|
-
<span class="info-box-icon">
|
|
218
|
-
<i class="bi bi-bookmark-fill"></i>
|
|
219
|
-
</span>
|
|
220
|
-
|
|
221
|
-
<div class="info-box-content">
|
|
222
|
-
<span class="info-box-text">Bookmarks</span>
|
|
223
|
-
<span class="info-box-number">41,410</span>
|
|
224
|
-
|
|
225
|
-
<div class="progress">
|
|
226
|
-
<div class="progress-bar" style="width: 70%"></div>
|
|
227
|
-
</div>
|
|
228
|
-
<span class="progress-description">
|
|
229
|
-
70% Increase in 30 Days
|
|
230
|
-
</span>
|
|
231
|
-
</div>
|
|
232
|
-
<!-- /.info-box-content -->
|
|
233
|
-
</div>
|
|
234
|
-
<!-- /.info-box -->
|
|
235
|
-
</div>
|
|
236
|
-
<!-- /.col -->
|
|
237
|
-
<div class="col-md-3 col-sm-6 col-12">
|
|
238
|
-
<div class="info-box text-bg-success">
|
|
239
|
-
<span class="info-box-icon">
|
|
240
|
-
<i class="bi bi-hand-thumbs-up"></i>
|
|
241
|
-
</span>
|
|
242
|
-
|
|
243
|
-
<div class="info-box-content">
|
|
244
|
-
<span class="info-box-text">Likes</span>
|
|
245
|
-
<span class="info-box-number">41,410</span>
|
|
246
|
-
|
|
247
|
-
<div class="progress">
|
|
248
|
-
<div class="progress-bar" style="width: 70%"></div>
|
|
249
|
-
</div>
|
|
250
|
-
<span class="progress-description">
|
|
251
|
-
70% Increase in 30 Days
|
|
252
|
-
</span>
|
|
253
|
-
</div>
|
|
254
|
-
<!-- /.info-box-content -->
|
|
255
|
-
</div>
|
|
256
|
-
<!-- /.info-box -->
|
|
257
|
-
</div>
|
|
258
|
-
<!-- /.col -->
|
|
259
|
-
<div class="col-md-3 col-sm-6 col-12">
|
|
260
|
-
<div class="info-box text-bg-warning">
|
|
261
|
-
<span class="info-box-icon">
|
|
262
|
-
<i class="bi bi-calendar3"></i>
|
|
263
|
-
</span>
|
|
264
|
-
|
|
265
|
-
<div class="info-box-content">
|
|
266
|
-
<span class="info-box-text">Events</span>
|
|
267
|
-
<span class="info-box-number">41,410</span>
|
|
268
|
-
|
|
269
|
-
<div class="progress">
|
|
270
|
-
<div class="progress-bar" style="width: 70%"></div>
|
|
271
|
-
</div>
|
|
272
|
-
<span class="progress-description">
|
|
273
|
-
70% Increase in 30 Days
|
|
274
|
-
</span>
|
|
275
|
-
</div>
|
|
276
|
-
<!-- /.info-box-content -->
|
|
277
|
-
</div>
|
|
278
|
-
<!-- /.info-box -->
|
|
279
|
-
</div>
|
|
280
|
-
<!-- /.col -->
|
|
281
|
-
<div class="col-md-3 col-sm-6 col-12">
|
|
282
|
-
<div class="info-box text-bg-danger">
|
|
283
|
-
<span class="info-box-icon">
|
|
284
|
-
<i class="bi bi-chat-text-fill"></i>
|
|
285
|
-
</span>
|
|
286
|
-
|
|
287
|
-
<div class="info-box-content">
|
|
288
|
-
<span class="info-box-text">Comments</span>
|
|
289
|
-
<span class="info-box-number">41,410</span>
|
|
290
|
-
|
|
291
|
-
<div class="progress">
|
|
292
|
-
<div class="progress-bar" style="width: 70%"></div>
|
|
293
|
-
</div>
|
|
294
|
-
<span class="progress-description">
|
|
295
|
-
70% Increase in 30 Days
|
|
296
|
-
</span>
|
|
297
|
-
</div>
|
|
298
|
-
<!-- /.info-box-content -->
|
|
299
|
-
</div>
|
|
300
|
-
<!-- /.info-box -->
|
|
301
|
-
</div>
|
|
302
|
-
<!-- /.col -->
|
|
303
|
-
</div>
|
|
304
|
-
<!--end::Row-->
|
|
305
|
-
|
|
306
|
-
<!-- =========================================================== -->
|
|
307
|
-
<h5 class="mt-4 mb-2">Info Box With <code>bg-gradient</code></h5>
|
|
308
|
-
<!--begin::Row-->
|
|
309
|
-
<div class="row">
|
|
310
|
-
<div class="col-md-3 col-sm-6 col-12">
|
|
311
|
-
<div class="info-box text-bg-primary bg-gradient">
|
|
312
|
-
<span class="info-box-icon">
|
|
313
|
-
<i class="bi bi-bookmark-fill"></i>
|
|
314
|
-
</span>
|
|
315
|
-
|
|
316
|
-
<div class="info-box-content">
|
|
317
|
-
<span class="info-box-text">Bookmarks</span>
|
|
318
|
-
<span class="info-box-number">41,410</span>
|
|
319
|
-
|
|
320
|
-
<div class="progress">
|
|
321
|
-
<div class="progress-bar" style="width: 70%"></div>
|
|
322
|
-
</div>
|
|
323
|
-
<span class="progress-description">
|
|
324
|
-
70% Increase in 30 Days
|
|
325
|
-
</span>
|
|
326
|
-
</div>
|
|
327
|
-
<!-- /.info-box-content -->
|
|
328
|
-
</div>
|
|
329
|
-
<!-- /.info-box -->
|
|
330
|
-
</div>
|
|
331
|
-
<!-- /.col -->
|
|
332
|
-
<div class="col-md-3 col-sm-6 col-12">
|
|
333
|
-
<div class="info-box text-bg-success bg-gradient">
|
|
334
|
-
<span class="info-box-icon">
|
|
335
|
-
<i class="bi bi-hand-thumbs-up"></i>
|
|
336
|
-
</span>
|
|
337
|
-
|
|
338
|
-
<div class="info-box-content">
|
|
339
|
-
<span class="info-box-text">Likes</span>
|
|
340
|
-
<span class="info-box-number">41,410</span>
|
|
341
|
-
|
|
342
|
-
<div class="progress">
|
|
343
|
-
<div class="progress-bar" style="width: 70%"></div>
|
|
344
|
-
</div>
|
|
345
|
-
<span class="progress-description">
|
|
346
|
-
70% Increase in 30 Days
|
|
347
|
-
</span>
|
|
348
|
-
</div>
|
|
349
|
-
<!-- /.info-box-content -->
|
|
350
|
-
</div>
|
|
351
|
-
<!-- /.info-box -->
|
|
352
|
-
</div>
|
|
353
|
-
<!-- /.col -->
|
|
354
|
-
<div class="col-md-3 col-sm-6 col-12">
|
|
355
|
-
<div class="info-box text-bg-warning bg-gradient">
|
|
356
|
-
<span class="info-box-icon">
|
|
357
|
-
<i class="bi bi-calendar3"></i>
|
|
358
|
-
</span>
|
|
359
|
-
|
|
360
|
-
<div class="info-box-content">
|
|
361
|
-
<span class="info-box-text">Events</span>
|
|
362
|
-
<span class="info-box-number">41,410</span>
|
|
363
|
-
|
|
364
|
-
<div class="progress">
|
|
365
|
-
<div class="progress-bar" style="width: 70%"></div>
|
|
366
|
-
</div>
|
|
367
|
-
<span class="progress-description">
|
|
368
|
-
70% Increase in 30 Days
|
|
369
|
-
</span>
|
|
370
|
-
</div>
|
|
371
|
-
<!-- /.info-box-content -->
|
|
372
|
-
</div>
|
|
373
|
-
<!-- /.info-box -->
|
|
374
|
-
</div>
|
|
375
|
-
<!-- /.col -->
|
|
376
|
-
<div class="col-md-3 col-sm-6 col-12">
|
|
377
|
-
<div class="info-box text-bg-danger bg-gradient">
|
|
378
|
-
<span class="info-box-icon">
|
|
379
|
-
<i class="bi bi-chat-text-fill"></i>
|
|
380
|
-
</span>
|
|
381
|
-
|
|
382
|
-
<div class="info-box-content">
|
|
383
|
-
<span class="info-box-text">Comments</span>
|
|
384
|
-
<span class="info-box-number">41,410</span>
|
|
385
|
-
|
|
386
|
-
<div class="progress">
|
|
387
|
-
<div class="progress-bar" style="width: 70%"></div>
|
|
388
|
-
</div>
|
|
389
|
-
<span class="progress-description">
|
|
390
|
-
70% Increase in 30 Days
|
|
391
|
-
</span>
|
|
392
|
-
</div>
|
|
393
|
-
<!-- /.info-box-content -->
|
|
394
|
-
</div>
|
|
395
|
-
<!-- /.info-box -->
|
|
396
|
-
</div>
|
|
397
|
-
<!-- /.col -->
|
|
398
|
-
</div>
|
|
399
|
-
<!--end::Row-->
|
|
400
|
-
</div>
|
|
401
|
-
<!--end::Container-->
|
|
402
|
-
</div>
|
|
403
|
-
<!--end::App Content-->
|
|
404
|
-
</main>
|
|
405
|
-
<!--end::App Main-->
|
|
406
|
-
<Footer />
|
|
407
|
-
</div>
|
|
408
|
-
<!--end::App Wrapper-->
|
|
409
|
-
<!--begin::Script-->
|
|
410
|
-
<Scripts path={path} />
|
|
411
|
-
<!--end::Script-->
|
|
412
|
-
</body><!--end::Body-->
|
|
413
|
-
</html>
|
|
@@ -1,182 +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 | Widgets - Small Box";
|
|
9
|
-
const path = "../../../dist";
|
|
10
|
-
const mainPage = "widgets";
|
|
11
|
-
const page = "small-box";
|
|
12
|
-
---
|
|
13
|
-
|
|
14
|
-
<!DOCTYPE html>
|
|
15
|
-
<html lang="en">
|
|
16
|
-
<!--begin::Head-->
|
|
17
|
-
<head>
|
|
18
|
-
<Head title={title} path={path} />
|
|
19
|
-
</head>
|
|
20
|
-
<!--end::Head-->
|
|
21
|
-
<!--begin::Body-->
|
|
22
|
-
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
23
|
-
<!--begin::App Wrapper-->
|
|
24
|
-
<div class="app-wrapper">
|
|
25
|
-
<Topbar path={path} />
|
|
26
|
-
<Sidenav path={path} mainPage={mainPage} page={page} />
|
|
27
|
-
<!--begin::App Main-->
|
|
28
|
-
<main class="app-main">
|
|
29
|
-
<!--begin::App Content Header-->
|
|
30
|
-
<div class="app-content-header">
|
|
31
|
-
<!--begin::Container-->
|
|
32
|
-
<div class="container-fluid">
|
|
33
|
-
<!--begin::Row-->
|
|
34
|
-
<div class="row">
|
|
35
|
-
<div class="col-sm-6">
|
|
36
|
-
<h3 class="mb-0">Small Box</h3>
|
|
37
|
-
</div>
|
|
38
|
-
<div class="col-sm-6">
|
|
39
|
-
<ol class="breadcrumb float-sm-end">
|
|
40
|
-
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
|
41
|
-
<li class="breadcrumb-item active" aria-current="page">
|
|
42
|
-
Small Box
|
|
43
|
-
</li>
|
|
44
|
-
</ol>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
<!--end::Row-->
|
|
48
|
-
</div>
|
|
49
|
-
<!--end::Container-->
|
|
50
|
-
</div>
|
|
51
|
-
<!--end::App Content Header-->
|
|
52
|
-
<!--begin::App Content-->
|
|
53
|
-
<div class="app-content">
|
|
54
|
-
<!--begin::Container-->
|
|
55
|
-
<div class="container-fluid">
|
|
56
|
-
<!-- Small Box (Stat card) -->
|
|
57
|
-
<h5 class="mb-2">Small Box</h5>
|
|
58
|
-
<!-- Small boxes (Stat box) -->
|
|
59
|
-
<div class="row">
|
|
60
|
-
<div class="col-lg-3 col-6">
|
|
61
|
-
<!-- small box -->
|
|
62
|
-
<div class="small-box text-bg-primary">
|
|
63
|
-
<div class="inner">
|
|
64
|
-
<h3>150</h3>
|
|
65
|
-
|
|
66
|
-
<p>New Orders</p>
|
|
67
|
-
</div>
|
|
68
|
-
<svg
|
|
69
|
-
class="small-box-icon"
|
|
70
|
-
fill="currentColor"
|
|
71
|
-
viewBox="0 0 24 24"
|
|
72
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
73
|
-
aria-hidden="true"
|
|
74
|
-
>
|
|
75
|
-
<path
|
|
76
|
-
d="M2.25 2.25a.75.75 0 000 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 00-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 000-1.5H5.378A2.25 2.25 0 017.5 15h11.218a.75.75 0 00.674-.421 60.358 60.358 0 002.96-7.228.75.75 0 00-.525-.965A60.864 60.864 0 005.68 4.509l-.232-.867A1.875 1.875 0 003.636 2.25H2.25zM3.75 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM16.5 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"
|
|
77
|
-
></path>
|
|
78
|
-
</svg>
|
|
79
|
-
<a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
|
|
80
|
-
More info <i class="bi bi-link-45deg"></i>
|
|
81
|
-
</a>
|
|
82
|
-
</div>
|
|
83
|
-
</div>
|
|
84
|
-
<!-- ./col -->
|
|
85
|
-
<div class="col-lg-3 col-6">
|
|
86
|
-
<!-- small box -->
|
|
87
|
-
<div class="small-box text-bg-success">
|
|
88
|
-
<div class="inner">
|
|
89
|
-
<h3>53<sup class="fs-5">%</sup></h3>
|
|
90
|
-
|
|
91
|
-
<p>Bounce Rate</p>
|
|
92
|
-
</div>
|
|
93
|
-
<svg
|
|
94
|
-
class="small-box-icon"
|
|
95
|
-
fill="currentColor"
|
|
96
|
-
viewBox="0 0 24 24"
|
|
97
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
98
|
-
aria-hidden="true"
|
|
99
|
-
>
|
|
100
|
-
<path
|
|
101
|
-
d="M18.375 2.25c-1.035 0-1.875.84-1.875 1.875v15.75c0 1.035.84 1.875 1.875 1.875h.75c1.035 0 1.875-.84 1.875-1.875V4.125c0-1.036-.84-1.875-1.875-1.875h-.75zM9.75 8.625c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-.75a1.875 1.875 0 01-1.875-1.875V8.625zM3 13.125c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v6.75c0 1.035-.84 1.875-1.875 1.875h-.75A1.875 1.875 0 013 19.875v-6.75z"
|
|
102
|
-
></path>
|
|
103
|
-
</svg>
|
|
104
|
-
<a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
|
|
105
|
-
More info <i class="bi bi-link-45deg"></i>
|
|
106
|
-
</a>
|
|
107
|
-
</div>
|
|
108
|
-
</div>
|
|
109
|
-
<!-- ./col -->
|
|
110
|
-
<div class="col-lg-3 col-6">
|
|
111
|
-
<!-- small box -->
|
|
112
|
-
<div class="small-box text-bg-warning">
|
|
113
|
-
<div class="inner">
|
|
114
|
-
<h3>44</h3>
|
|
115
|
-
|
|
116
|
-
<p>User Registrations</p>
|
|
117
|
-
</div>
|
|
118
|
-
<svg
|
|
119
|
-
class="small-box-icon"
|
|
120
|
-
fill="currentColor"
|
|
121
|
-
viewBox="0 0 24 24"
|
|
122
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
123
|
-
aria-hidden="true"
|
|
124
|
-
>
|
|
125
|
-
<path
|
|
126
|
-
d="M6.25 6.375a4.125 4.125 0 118.25 0 4.125 4.125 0 01-8.25 0zM3.25 19.125a7.125 7.125 0 0114.25 0v.003l-.001.119a.75.75 0 01-.363.63 13.067 13.067 0 01-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 01-.364-.63l-.001-.122zM19.75 7.5a.75.75 0 00-1.5 0v2.25H16a.75.75 0 000 1.5h2.25v2.25a.75.75 0 001.5 0v-2.25H22a.75.75 0 000-1.5h-2.25V7.5z"
|
|
127
|
-
></path>
|
|
128
|
-
</svg>
|
|
129
|
-
<a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
|
|
130
|
-
More info <i class="bi bi-link-45deg"></i>
|
|
131
|
-
</a>
|
|
132
|
-
</div>
|
|
133
|
-
</div>
|
|
134
|
-
<!-- ./col -->
|
|
135
|
-
<div class="col-lg-3 col-6">
|
|
136
|
-
<!-- small box -->
|
|
137
|
-
<div class="small-box text-bg-danger">
|
|
138
|
-
<div class="inner">
|
|
139
|
-
<h3>65</h3>
|
|
140
|
-
|
|
141
|
-
<p>Unique Visitors</p>
|
|
142
|
-
</div>
|
|
143
|
-
<svg
|
|
144
|
-
class="small-box-icon"
|
|
145
|
-
fill="currentColor"
|
|
146
|
-
viewBox="0 0 24 24"
|
|
147
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
148
|
-
aria-hidden="true"
|
|
149
|
-
>
|
|
150
|
-
<path
|
|
151
|
-
clip-rule="evenodd"
|
|
152
|
-
fill-rule="evenodd"
|
|
153
|
-
d="M2.25 13.5a8.25 8.25 0 018.25-8.25.75.75 0 01.75.75v6.75H18a.75.75 0 01.75.75 8.25 8.25 0 01-16.5 0z"
|
|
154
|
-
></path>
|
|
155
|
-
<path
|
|
156
|
-
clip-rule="evenodd"
|
|
157
|
-
fill-rule="evenodd"
|
|
158
|
-
d="M12.75 3a.75.75 0 01.75-.75 8.25 8.25 0 018.25 8.25.75.75 0 01-.75.75h-7.5a.75.75 0 01-.75-.75V3z"
|
|
159
|
-
></path>
|
|
160
|
-
</svg>
|
|
161
|
-
<a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
|
|
162
|
-
More info <i class="bi bi-link-45deg"></i>
|
|
163
|
-
</a>
|
|
164
|
-
</div>
|
|
165
|
-
</div>
|
|
166
|
-
<!-- ./col -->
|
|
167
|
-
</div>
|
|
168
|
-
<!-- /.row -->
|
|
169
|
-
</div>
|
|
170
|
-
<!--end::Container-->
|
|
171
|
-
</div>
|
|
172
|
-
<!--end::App Content-->
|
|
173
|
-
</main>
|
|
174
|
-
<!--end::App Main-->
|
|
175
|
-
<Footer />
|
|
176
|
-
</div>
|
|
177
|
-
<!--end::App Wrapper-->
|
|
178
|
-
<!--begin::Script-->
|
|
179
|
-
<Scripts path={path} />
|
|
180
|
-
<!--end::Script-->
|
|
181
|
-
</body><!--end::Body-->
|
|
182
|
-
</html>
|
package/src/utils/index.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
function convertPathToHtml(path) {
|
|
2
|
-
let count = 0
|
|
3
|
-
let htmlPath = ''
|
|
4
|
-
while (path.startsWith('../')) {
|
|
5
|
-
count++
|
|
6
|
-
path = path.slice(3)
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
if (count === 2) {
|
|
10
|
-
htmlPath = '.'
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
if (count === 3) {
|
|
14
|
-
htmlPath = '..'
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
if (count === 4) {
|
|
18
|
-
htmlPath = '../..'
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
if (count === 5) {
|
|
22
|
-
htmlPath = '../../..'
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
return htmlPath
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export { convertPathToHtml }
|
package/tsconfig.json
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"root": true,
|
|
3
|
-
"compilerOptions": {
|
|
4
|
-
"noFallthroughCasesInSwitch": true,
|
|
5
|
-
"noUnusedParameters": true,
|
|
6
|
-
"noImplicitReturns": true,
|
|
7
|
-
"noUnusedLocals": true,
|
|
8
|
-
"noImplicitAny": true,
|
|
9
|
-
"module": "esnext",
|
|
10
|
-
"alwaysStrict": true,
|
|
11
|
-
"strict": true,
|
|
12
|
-
"strictNullChecks": true,
|
|
13
|
-
"strictBindCallApply": true,
|
|
14
|
-
"strictFunctionTypes": true,
|
|
15
|
-
"strictPropertyInitialization": true,
|
|
16
|
-
"baseUrl": ".",
|
|
17
|
-
"paths": {
|
|
18
|
-
"@components/*": ["src/html/components/*"],
|
|
19
|
-
},
|
|
20
|
-
/* Language and Environment */
|
|
21
|
-
"target": "es6",
|
|
22
|
-
"lib": ["es2018", "DOM"],
|
|
23
|
-
},
|
|
24
|
-
"include": [
|
|
25
|
-
"src/ts/**/*"
|
|
26
|
-
],
|
|
27
|
-
"exclude": [
|
|
28
|
-
"dist",
|
|
29
|
-
"node_modules",
|
|
30
|
-
]
|
|
31
|
-
}
|