admin-lte 4.0.0-beta1 → 4.0.0-beta3

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 (166) hide show
  1. package/.astro/content-assets.mjs +1 -0
  2. package/.astro/content-modules.mjs +1 -0
  3. package/.astro/content.d.ts +166 -0
  4. package/.astro/data-store.json +1 -0
  5. package/.astro/settings.json +5 -0
  6. package/.astro/types.d.ts +2 -0
  7. package/.prettierrc +6 -0
  8. package/adminlte-v4.0.0-beta1-with-dist.zip +0 -0
  9. package/adminlte-v4.0.0-beta3.zip +0 -0
  10. package/dist/css/adminlte.css +55 -127
  11. package/dist/css/adminlte.css.map +1 -1
  12. package/dist/css/adminlte.min.css +2 -2
  13. package/dist/css/adminlte.min.css.map +1 -1
  14. package/dist/css/adminlte.rtl.css +55 -127
  15. package/dist/css/adminlte.rtl.css.map +1 -1
  16. package/dist/css/adminlte.rtl.min.css +2 -2
  17. package/dist/css/adminlte.rtl.min.css.map +1 -1
  18. package/dist/js/adminlte.js +2 -2
  19. package/dist/js/adminlte.js.map +1 -1
  20. package/dist/js/adminlte.min.js +2 -2
  21. package/dist/js/adminlte.min.js.map +1 -1
  22. package/dist/pages/UI/general.html +1886 -883
  23. package/dist/pages/UI/icons.html +818 -0
  24. package/dist/pages/UI/timeline.html +894 -490
  25. package/dist/pages/docs/browser-support.html +839 -434
  26. package/dist/pages/docs/color-mode.html +985 -539
  27. package/dist/pages/docs/components/main-header.html +1016 -535
  28. package/dist/pages/docs/components/main-sidebar.html +831 -431
  29. package/dist/pages/docs/faq.html +831 -432
  30. package/dist/pages/docs/how-to-contribute.html +904 -472
  31. package/dist/pages/docs/introduction.html +883 -451
  32. package/dist/pages/docs/javascript/treeview.html +837 -443
  33. package/dist/pages/docs/layout.html +835 -473
  34. package/dist/pages/docs/license.html +828 -434
  35. package/dist/pages/examples/lockscreen.html +129 -66
  36. package/dist/pages/examples/login-v2.html +157 -85
  37. package/dist/pages/examples/login.html +147 -80
  38. package/dist/pages/examples/register-v2.html +167 -88
  39. package/dist/pages/examples/register.html +152 -81
  40. package/dist/pages/forms/general.html +1223 -599
  41. package/dist/pages/generate/theme.html +737 -0
  42. package/dist/pages/index.html +1400 -793
  43. package/dist/pages/index2.html +1852 -1051
  44. package/dist/pages/index3.html +1183 -684
  45. package/dist/pages/layout/collapsed-sidebar.html +829 -440
  46. package/dist/pages/layout/fixed-sidebar.html +829 -440
  47. package/dist/pages/layout/layout-custom-area.html +862 -0
  48. package/dist/pages/layout/layout-rtl.html +829 -440
  49. package/dist/pages/layout/logo-switch.html +486 -233
  50. package/dist/pages/layout/sidebar-mini.html +829 -440
  51. package/dist/pages/layout/unfixed-sidebar.html +827 -439
  52. package/dist/pages/tables/simple.html +1079 -686
  53. package/dist/pages/widgets/cards.html +1034 -544
  54. package/dist/pages/widgets/info-box.html +1052 -571
  55. package/dist/pages/widgets/small-box.html +914 -474
  56. package/package.json +25 -24
  57. package/src/scss/_app-content.scss +0 -49
  58. package/src/scss/_app-main.scss +21 -1
  59. package/src/scss/_app-sidebar.scss +1 -6
  60. package/src/scss/_bootstrap-variables.scss +11 -9
  61. package/src/scss/_compact-mode.scss +0 -26
  62. package/src/scss/_variables.scss +19 -7
  63. package/src/scss/adminlte.scss +1 -1
  64. package/src/ts/push-menu.ts +1 -1
  65. package/.bundlewatch.config.json +0 -28
  66. package/.cache/.eslintcache +0 -1
  67. package/.cache/.stylelintcache +0 -1
  68. package/.editorconfig +0 -14
  69. package/.eslintignore +0 -7
  70. package/.eslintrc.json +0 -120
  71. package/.gitattributes +0 -6
  72. package/.gitpod.yml +0 -6
  73. package/.stylelintignore +0 -8
  74. package/.stylelintrc.json +0 -47
  75. package/composer.json +0 -25
  76. package/dist/pages/layout/fixed-complete.html +0 -541
  77. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  78. package/src/assets/img/AdminLTELogo.png +0 -0
  79. package/src/assets/img/avatar.png +0 -0
  80. package/src/assets/img/avatar2.png +0 -0
  81. package/src/assets/img/avatar3.png +0 -0
  82. package/src/assets/img/avatar4.png +0 -0
  83. package/src/assets/img/avatar5.png +0 -0
  84. package/src/assets/img/boxed-bg.jpg +0 -0
  85. package/src/assets/img/boxed-bg.png +0 -0
  86. package/src/assets/img/credit/american-express.png +0 -0
  87. package/src/assets/img/credit/cirrus.png +0 -0
  88. package/src/assets/img/credit/mastercard.png +0 -0
  89. package/src/assets/img/credit/paypal.png +0 -0
  90. package/src/assets/img/credit/paypal2.png +0 -0
  91. package/src/assets/img/credit/visa.png +0 -0
  92. package/src/assets/img/default-150x150.png +0 -0
  93. package/src/assets/img/icons.png +0 -0
  94. package/src/assets/img/photo1.png +0 -0
  95. package/src/assets/img/photo2.png +0 -0
  96. package/src/assets/img/photo3.jpg +0 -0
  97. package/src/assets/img/photo4.jpg +0 -0
  98. package/src/assets/img/prod-1.jpg +0 -0
  99. package/src/assets/img/prod-2.jpg +0 -0
  100. package/src/assets/img/prod-3.jpg +0 -0
  101. package/src/assets/img/prod-4.jpg +0 -0
  102. package/src/assets/img/prod-5.jpg +0 -0
  103. package/src/assets/img/user1-128x128.jpg +0 -0
  104. package/src/assets/img/user2-160x160.jpg +0 -0
  105. package/src/assets/img/user3-128x128.jpg +0 -0
  106. package/src/assets/img/user4-128x128.jpg +0 -0
  107. package/src/assets/img/user5-128x128.jpg +0 -0
  108. package/src/assets/img/user6-128x128.jpg +0 -0
  109. package/src/assets/img/user7-128x128.jpg +0 -0
  110. package/src/assets/img/user8-128x128.jpg +0 -0
  111. package/src/config/assets.config.mjs +0 -8
  112. package/src/config/astro.config.mjs +0 -19
  113. package/src/config/postcss.config.mjs +0 -15
  114. package/src/config/rollup.config.js +0 -20
  115. package/src/html/.eslintrc.json +0 -24
  116. package/src/html/.prettierrc.js +0 -11
  117. package/src/html/.tsconfig.json +0 -4
  118. package/src/html/components/_head.astro +0 -37
  119. package/src/html/components/_scripts.astro +0 -39
  120. package/src/html/components/dashboard/_footer.astro +0 -18
  121. package/src/html/components/dashboard/_sidenav.astro +0 -562
  122. package/src/html/components/dashboard/_topbar.astro +0 -221
  123. package/src/html/components/docs/browser-support.mdx +0 -23
  124. package/src/html/components/docs/color-mode.mdx +0 -169
  125. package/src/html/components/docs/components/main-header.mdx +0 -198
  126. package/src/html/components/docs/components/main-sidebar.mdx +0 -129
  127. package/src/html/components/docs/faq.mdx +0 -11
  128. package/src/html/components/docs/how-to-contribute.mdx +0 -34
  129. package/src/html/components/docs/introduction.mdx +0 -60
  130. package/src/html/components/docs/license.mdx +0 -9
  131. package/src/html/components/javascript/treeview.mdx +0 -39
  132. package/src/html/env.d.ts +0 -1
  133. package/src/html/pages/UI/general.astro +0 -1451
  134. package/src/html/pages/UI/timeline.astro +0 -221
  135. package/src/html/pages/docs/browser-support.astro +0 -71
  136. package/src/html/pages/docs/color-mode.astro +0 -273
  137. package/src/html/pages/docs/components/main-header.astro +0 -320
  138. package/src/html/pages/docs/components/main-sidebar.astro +0 -71
  139. package/src/html/pages/docs/faq.astro +0 -71
  140. package/src/html/pages/docs/how-to-contribute.astro +0 -71
  141. package/src/html/pages/docs/introduction.astro +0 -71
  142. package/src/html/pages/docs/javascript/treeview.astro +0 -71
  143. package/src/html/pages/docs/layout.astro +0 -120
  144. package/src/html/pages/docs/license.astro +0 -71
  145. package/src/html/pages/examples/lockscreen.astro +0 -63
  146. package/src/html/pages/examples/login-v2.astro +0 -109
  147. package/src/html/pages/examples/login.astro +0 -99
  148. package/src/html/pages/examples/register-v2.astro +0 -116
  149. package/src/html/pages/examples/register.astro +0 -102
  150. package/src/html/pages/forms/general.astro +0 -624
  151. package/src/html/pages/index.astro +0 -799
  152. package/src/html/pages/index2.astro +0 -1373
  153. package/src/html/pages/index3.astro +0 -513
  154. package/src/html/pages/layout/collapsed-sidebar.astro +0 -110
  155. package/src/html/pages/layout/fixed-complete.astro +0 -209
  156. package/src/html/pages/layout/fixed-sidebar.astro +0 -109
  157. package/src/html/pages/layout/layout-rtl.astro +0 -109
  158. package/src/html/pages/layout/logo-switch.astro +0 -212
  159. package/src/html/pages/layout/sidebar-mini.astro +0 -108
  160. package/src/html/pages/layout/unfixed-sidebar.astro +0 -107
  161. package/src/html/pages/tables/simple.astro +0 -472
  162. package/src/html/pages/widgets/cards.astro +0 -373
  163. package/src/html/pages/widgets/info-box.astro +0 -413
  164. package/src/html/pages/widgets/small-box.astro +0 -182
  165. package/src/utils/index.js +0 -28
  166. 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-dark 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>
@@ -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
- }