admin-lte 4.0.0-alpha1 → 4.0.0-alpha3

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 (200) hide show
  1. package/.bundlewatch.config.json +8 -8
  2. package/.cache/.eslintcache +1 -0
  3. package/.cache/.stylelintcache +1 -0
  4. package/.eslintignore +1 -0
  5. package/.eslintrc.json +16 -0
  6. package/.gitpod.yml +1 -1
  7. package/.idea/AdminLTE.iml +4 -0
  8. package/.idea/codeStyles/Project.xml +24 -0
  9. package/.idea/dbnavigator.xml +421 -0
  10. package/.idea/git_toolbox_prj.xml +15 -0
  11. package/.idea/jsLibraryMappings.xml +6 -0
  12. package/.idea/jsLinters/eslint.xml +6 -0
  13. package/.idea/vcs.xml +6 -0
  14. package/.stylelintrc.json +47 -0
  15. package/LICENSE +1 -1
  16. package/README.md +6 -7
  17. package/dist/assets/img/AdminLTEFullLogo.png +0 -0
  18. package/dist/css/adminlte.css +2716 -2710
  19. package/dist/css/adminlte.css.map +1 -1
  20. package/dist/css/adminlte.min.css +2 -2
  21. package/dist/css/adminlte.min.css.map +1 -1
  22. package/dist/css/{rtl/adminlte.rtl.css → adminlte.rtl.css} +2715 -2710
  23. package/dist/css/adminlte.rtl.css.map +1 -0
  24. package/dist/css/adminlte.rtl.min.css +7 -0
  25. package/dist/css/adminlte.rtl.min.css.map +1 -0
  26. package/dist/js/adminlte.js +204 -233
  27. package/dist/js/adminlte.js.map +1 -1
  28. package/dist/js/adminlte.min.js +6 -1
  29. package/dist/js/adminlte.min.js.map +1 -1
  30. package/dist/pages/UI/timeline.html +869 -0
  31. package/dist/pages/docs/browser-support.html +755 -0
  32. package/dist/pages/docs/color-mode.html +1067 -0
  33. package/dist/pages/docs/components/main-header.html +1137 -0
  34. package/dist/pages/docs/components/main-sidebar.html +858 -0
  35. package/dist/pages/docs/faq.html +743 -0
  36. package/dist/pages/docs/how-to-contribute.html +783 -0
  37. package/dist/pages/docs/introduction.html +767 -0
  38. package/dist/pages/docs/javascript/treeview.html +762 -0
  39. package/dist/pages/docs/layout.html +788 -0
  40. package/dist/pages/docs/license.html +746 -0
  41. package/dist/pages/examples/lockscreen.html +107 -0
  42. package/dist/pages/examples/login-v2.html +148 -0
  43. package/dist/pages/examples/login.html +128 -196
  44. package/dist/pages/examples/register-v2.html +155 -0
  45. package/dist/pages/examples/register.html +131 -199
  46. package/dist/pages/forms/general.html +1065 -652
  47. package/dist/pages/index.html +1320 -0
  48. package/dist/pages/index2.html +1776 -0
  49. package/dist/pages/index3.html +1111 -0
  50. package/dist/pages/layout/collapsed-sidebar.html +766 -0
  51. package/dist/pages/layout/fixed-complete.html +867 -0
  52. package/dist/pages/layout/fixed-sidebar.html +749 -654
  53. package/dist/pages/layout/layout-rtl.html +766 -0
  54. package/dist/pages/layout/logo-switch.html +433 -0
  55. package/dist/pages/layout/sidebar-mini.html +766 -0
  56. package/dist/pages/layout/unfixed-sidebar.html +747 -654
  57. package/dist/pages/tables/simple.html +1049 -946
  58. package/dist/pages/widgets/cards.html +974 -713
  59. package/dist/pages/widgets/info-box.html +1062 -966
  60. package/dist/pages/widgets/small-box.html +792 -694
  61. package/index.html +6 -15
  62. package/package.json +59 -39
  63. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  64. package/src/config/assets.config.mjs +8 -0
  65. package/src/config/astro.config.mjs +19 -0
  66. package/src/config/postcss.config.mjs +15 -0
  67. package/src/config/rollup.config.js +20 -0
  68. package/src/html/.eslintrc.json +24 -0
  69. package/src/html/.prettierrc.js +11 -0
  70. package/src/html/.tsconfig.json +4 -0
  71. package/src/html/components/_head.astro +47 -0
  72. package/src/html/components/_scripts.astro +51 -0
  73. package/src/html/components/dashboard/_footer.astro +18 -0
  74. package/src/html/components/dashboard/_sidenav.astro +553 -0
  75. package/src/html/components/dashboard/_topbar.astro +213 -0
  76. package/src/html/components/docs/browser-support.mdx +23 -0
  77. package/src/html/components/docs/color-mode.mdx +169 -0
  78. package/src/{partials/dashboard/_topbar.html → html/components/docs/components/main-header.mdx} +67 -67
  79. package/src/html/components/docs/components/main-sidebar.mdx +129 -0
  80. package/src/html/components/docs/faq.mdx +11 -0
  81. package/src/html/components/docs/how-to-contribute.mdx +34 -0
  82. package/src/html/components/docs/introduction.mdx +60 -0
  83. package/src/html/components/docs/license.mdx +9 -0
  84. package/src/html/components/javascript/treeview.mdx +39 -0
  85. package/src/html/env.d.ts +1 -0
  86. package/src/html/pages/UI/timeline.astro +221 -0
  87. package/src/html/pages/docs/browser-support.astro +71 -0
  88. package/src/html/pages/docs/color-mode.astro +271 -0
  89. package/src/html/pages/docs/components/main-header.astro +319 -0
  90. package/src/html/pages/docs/components/main-sidebar.astro +71 -0
  91. package/src/html/pages/docs/faq.astro +71 -0
  92. package/src/html/pages/docs/how-to-contribute.astro +71 -0
  93. package/src/html/pages/docs/introduction.astro +71 -0
  94. package/src/html/pages/docs/javascript/treeview.astro +71 -0
  95. package/src/html/pages/docs/layout.astro +120 -0
  96. package/src/html/pages/docs/license.astro +71 -0
  97. package/src/html/pages/examples/lockscreen.astro +63 -0
  98. package/src/html/pages/examples/login-v2.astro +109 -0
  99. package/src/{pages/examples/login.html → html/pages/examples/login.astro} +40 -22
  100. package/src/html/pages/examples/register-v2.astro +116 -0
  101. package/src/{pages/examples/register.html → html/pages/examples/register.astro} +42 -24
  102. package/src/html/pages/forms/general.astro +624 -0
  103. package/src/html/pages/index.astro +790 -0
  104. package/src/html/pages/index2.astro +1345 -0
  105. package/src/html/pages/index3.astro +513 -0
  106. package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
  107. package/src/html/pages/layout/fixed-complete.astro +209 -0
  108. package/src/html/pages/layout/fixed-sidebar.astro +109 -0
  109. package/src/html/pages/layout/layout-rtl.astro +109 -0
  110. package/src/html/pages/layout/logo-switch.astro +212 -0
  111. package/src/html/pages/layout/sidebar-mini.astro +108 -0
  112. package/src/html/pages/layout/unfixed-sidebar.astro +107 -0
  113. package/src/html/pages/tables/simple.astro +472 -0
  114. package/src/html/pages/widgets/cards.astro +373 -0
  115. package/src/{pages/widgets/info-box.html → html/pages/widgets/info-box.astro} +110 -60
  116. package/src/html/pages/widgets/small-box.astro +182 -0
  117. package/src/scss/_app-content.scss +52 -0
  118. package/src/scss/_app-footer.scss +15 -0
  119. package/src/scss/_app-header.scss +26 -0
  120. package/src/scss/_app-main.scss +17 -0
  121. package/src/scss/_app-sidebar.scss +603 -0
  122. package/src/scss/{_wrapper.scss → _app-wrapper.scss} +8 -4
  123. package/src/scss/_bootstrap-variables.scss +42 -27
  124. package/src/scss/_callouts.scss +34 -0
  125. package/src/scss/_cards.scss +54 -224
  126. package/src/scss/_compact-mode.scss +79 -0
  127. package/src/scss/_direct-chat.scss +15 -9
  128. package/src/scss/_docs.scss +4 -0
  129. package/src/scss/_dropdown.scss +7 -5
  130. package/src/scss/_info-box.scss +2 -6
  131. package/src/scss/_miscellaneous.scss +0 -455
  132. package/src/scss/_mixins.scss +0 -6
  133. package/src/scss/_root.scss +2 -58
  134. package/src/scss/_small-box.scss +15 -41
  135. package/src/scss/_table.scss +0 -50
  136. package/src/scss/_timeline.scss +120 -0
  137. package/src/scss/_variables-dark.scss +15 -8
  138. package/src/scss/_variables.scss +48 -136
  139. package/src/scss/adminlte.scss +1 -1
  140. package/src/scss/mixins/_animations.scss +0 -1
  141. package/src/scss/mixins/_scrollbar.scss +2 -2
  142. package/src/scss/pages/_lockscreen.scss +74 -0
  143. package/src/scss/pages/_login_and_register.scss +1 -5
  144. package/src/scss/parts/_core.scss +9 -15
  145. package/src/scss/parts/_extra-components.scss +1 -2
  146. package/src/scss/parts/_pages.scss +1 -0
  147. package/src/ts/adminlte.ts +0 -2
  148. package/src/ts/card-widget.ts +57 -66
  149. package/src/ts/direct-chat.ts +35 -10
  150. package/src/ts/layout.ts +8 -6
  151. package/src/ts/push-menu.ts +90 -158
  152. package/src/ts/treeview.ts +30 -30
  153. package/src/ts/util/index.ts +14 -12
  154. package/src/utils/index.js +28 -0
  155. package/tsconfig.json +11 -3
  156. package/.stylelintrc +0 -40
  157. package/CHECKLIST.md +0 -0
  158. package/dist/css/rtl/adminlte.rtl.css.map +0 -1
  159. package/dist/css/rtl/adminlte.rtl.min.css +0 -7
  160. package/dist/css/rtl/adminlte.rtl.min.css.map +0 -1
  161. package/dist/index.html +0 -1065
  162. package/dist/index2.html +0 -1629
  163. package/dist/index3.html +0 -1015
  164. package/gulpfile.js +0 -315
  165. package/src/index.html +0 -476
  166. package/src/index2.html +0 -968
  167. package/src/index3.html +0 -430
  168. package/src/pages/forms/general.html +0 -97
  169. package/src/pages/layout/fixed-sidebar.html +0 -87
  170. package/src/pages/layout/unfixed-sidebar.html +0 -87
  171. package/src/pages/tables/simple.html +0 -336
  172. package/src/pages/widgets/cards.html +0 -143
  173. package/src/pages/widgets/small-box.html +0 -124
  174. package/src/partials/_head.html +0 -31
  175. package/src/partials/_scripts.html +0 -95
  176. package/src/partials/dashboard/_footer.html +0 -9
  177. package/src/partials/dashboard/_sidenav.html +0 -244
  178. package/src/scss/_brand-container.scss +0 -72
  179. package/src/scss/_content-header.scss +0 -9
  180. package/src/scss/_content-wrapper.scss +0 -6
  181. package/src/scss/_content.scss +0 -3
  182. package/src/scss/_layout-fixed.scss +0 -43
  183. package/src/scss/_layout-mobile.scss +0 -22
  184. package/src/scss/_main-footer.scss +0 -28
  185. package/src/scss/_main-header.scss +0 -40
  186. package/src/scss/_main-sidebar.scss +0 -63
  187. package/src/scss/_nav-sidebar.scss +0 -66
  188. package/src/scss/_products.scss +0 -55
  189. package/src/scss/_sidebar-close.scss +0 -6
  190. package/src/scss/_sidebar-collapse.scss +0 -120
  191. package/src/scss/_sidebar-horizontal.scss +0 -67
  192. package/src/scss/_sidebar.scss +0 -11
  193. package/src/scss/_users-list.scss +0 -45
  194. package/src/scss/mixins/_brand-variant.scss +0 -9
  195. package/src/scss/mixins/_cards.scss +0 -53
  196. package/src/scss/mixins/_direct-chat.scss +0 -17
  197. package/src/scss/mixins/_header-variant.scss +0 -22
  198. package/src/scss/mixins/_nav-treeview-dark.scss +0 -87
  199. package/src/scss/mixins/_nav-treeview-light.scss +0 -89
  200. package/src/scss/mixins/_sidebar-color.scss +0 -9
package/src/index3.html DELETED
@@ -1,430 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <!-- For RTL verison -->
4
- <!-- <html lang="en" dir="rtl"> -->
5
- <head>
6
- @@include('./_head.html', {
7
- "path": ".",
8
- "title": "AdminLTE 4 | Dashboard 3"
9
- })
10
- <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
11
- </head>
12
- <body class="layout-fixed">
13
- <div class="wrapper">
14
- @@include('./dashboard/_topbar.html', {
15
- "path": "."
16
- })
17
-
18
- @@include('./dashboard/_sidenav.html', {
19
- "mainPage": "dashboard",
20
- "page": "index3",
21
- "path": "."
22
- })
23
- <!-- Main content -->
24
- <main class="content-wrapper">
25
- <div class="content-header">
26
- <div class="container-fluid">
27
- <div class="row mb-2">
28
- <div class="col-sm-6">
29
- <h3>Dashboard v3</h3>
30
- </div>
31
- <div class="col-sm-6">
32
- <ol class="breadcrumb float-sm-end">
33
- <li class="breadcrumb-item"><a href="#">Home</a></li>
34
- <li class="breadcrumb-item active" aria-current="page">Dashboard v3</li>
35
- </ol>
36
- </div>
37
- </div>
38
- </div>
39
- </div>
40
- <div class="content">
41
- <div class="container-fluid">
42
- <div class="row">
43
- <div class="col-lg-6">
44
- <div class="card">
45
- <div class="card-header border-0">
46
- <div class="d-flex justify-content-between">
47
- <h3 class="card-title">Online Store Visitors</h3>
48
- <a href="javascript:void(0);">View Report</a>
49
- </div>
50
- </div>
51
- <div class="card-body">
52
- <div class="d-flex">
53
- <p class="d-flex flex-column">
54
- <span class="fw-bold text-lg">820</span>
55
- <span>Visitors Over Time</span>
56
- </p>
57
- <p class="ms-auto d-flex flex-column text-end">
58
- <span class="text-success">
59
- <i class="fa-solid fa-arrow-up"></i> 12.5%
60
- </span>
61
- <span class="text-muted">Since last week</span>
62
- </p>
63
- </div>
64
- <!-- /.d-flex -->
65
-
66
- <div class="position-relative mb-4">
67
- <canvas id="visitors-chart" height="200"></canvas>
68
- </div>
69
-
70
- <div class="d-flex flex-row justify-content-end">
71
- <span class="me-2">
72
- <i class="fa-solid fa-square text-primary"></i> This Week
73
- </span>
74
-
75
- <span>
76
- <i class="fa-solid fa-square text-gray"></i> Last Week
77
- </span>
78
- </div>
79
- </div>
80
- </div>
81
- <!-- /.card -->
82
-
83
- <div class="card">
84
- <div class="card-header border-0">
85
- <h3 class="card-title">Products</h3>
86
- <div class="card-tools">
87
- <a href="#" class="btn btn-tool btn-sm">
88
- <i class="fa-solid fa-download"></i>
89
- </a>
90
- <a href="#" class="btn btn-tool btn-sm">
91
- <i class="fa-solid fa-bars"></i>
92
- </a>
93
- </div>
94
- </div>
95
- <div class="card-body table-responsive p-0">
96
- <table class="table table-striped align-middle">
97
- <thead>
98
- <tr>
99
- <th>Product</th>
100
- <th>Price</th>
101
- <th>Sales</th>
102
- <th>More</th>
103
- </tr>
104
- </thead>
105
- <tbody>
106
- <tr>
107
- <td>
108
- <img src="./assets/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 me-2">
109
- Some Product
110
- </td>
111
- <td>$13 USD</td>
112
- <td>
113
- <small class="text-success me-1">
114
- <i class="fa-solid fa-arrow-up"></i>
115
- 12%
116
- </small>
117
- 12,000 Sold
118
- </td>
119
- <td>
120
- <a href="#" class="text-muted">
121
- <i class="fa-solid fa-search"></i>
122
- </a>
123
- </td>
124
- </tr>
125
- <tr>
126
- <td>
127
- <img src="./assets/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 me-2">
128
- Another Product
129
- </td>
130
- <td>$29 USD</td>
131
- <td>
132
- <small class="text-warning me-1">
133
- <i class="fa-solid fa-arrow-down"></i>
134
- 0.5%
135
- </small>
136
- 123,234 Sold
137
- </td>
138
- <td>
139
- <a href="#" class="text-muted">
140
- <i class="fa-solid fa-search"></i>
141
- </a>
142
- </td>
143
- </tr>
144
- <tr>
145
- <td>
146
- <img src="./assets/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 me-2">
147
- Amazing Product
148
- </td>
149
- <td>$1,230 USD</td>
150
- <td>
151
- <small class="text-danger me-1">
152
- <i class="fa-solid fa-arrow-down"></i>
153
- 3%
154
- </small>
155
- 198 Sold
156
- </td>
157
- <td>
158
- <a href="#" class="text-muted">
159
- <i class="fa-solid fa-search"></i>
160
- </a>
161
- </td>
162
- </tr>
163
- <tr>
164
- <td>
165
- <img src="./assets/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 me-2">
166
- Perfect Item
167
- <span class="badge text-bg-danger">NEW</span>
168
- </td>
169
- <td>$199 USD</td>
170
- <td>
171
- <small class="text-success me-1">
172
- <i class="fa-solid fa-arrow-up"></i>
173
- 63%
174
- </small>
175
- 87 Sold
176
- </td>
177
- <td>
178
- <a href="#" class="text-muted">
179
- <i class="fa-solid fa-search"></i>
180
- </a>
181
- </td>
182
- </tr>
183
- </tbody>
184
- </table>
185
- </div>
186
- </div>
187
- <!-- /.card -->
188
- </div>
189
- <!-- /.col-md-6 -->
190
- <div class="col-lg-6">
191
- <div class="card">
192
- <div class="card-header border-0">
193
- <div class="d-flex justify-content-between">
194
- <h3 class="card-title">Sales</h3>
195
- <a href="javascript:void(0);">View Report</a>
196
- </div>
197
- </div>
198
- <div class="card-body">
199
- <div class="d-flex">
200
- <p class="d-flex flex-column">
201
- <span class="fw-bold text-lg">$18,230.00</span>
202
- <span>Sales Over Time</span>
203
- </p>
204
- <p class="ms-auto d-flex flex-column text-end">
205
- <span class="text-success">
206
- <i class="fa-solid fa-arrow-up"></i> 33.1%
207
- </span>
208
- <span class="text-muted">Since last month</span>
209
- </p>
210
- </div>
211
- <!-- /.d-flex -->
212
-
213
- <div class="position-relative mb-4">
214
- <canvas id="sales-chart" height="200"></canvas>
215
- </div>
216
-
217
- <div class="d-flex flex-row justify-content-end">
218
- <span class="me-2">
219
- <i class="fa-solid fa-square text-primary"></i> This year
220
- </span>
221
-
222
- <span>
223
- <i class="fa-solid fa-square text-gray"></i> Last year
224
- </span>
225
- </div>
226
- </div>
227
- </div>
228
- <!-- /.card -->
229
-
230
- <div class="card">
231
- <div class="card-header border-0">
232
- <h3 class="card-title">Online Store Overview</h3>
233
- <div class="card-tools">
234
- <a href="#" class="btn btn-sm btn-tool">
235
- <i class="fa-solid fa-download"></i>
236
- </a>
237
- <a href="#" class="btn btn-sm btn-tool">
238
- <i class="fa-solid fa-bars"></i>
239
- </a>
240
- </div>
241
- </div>
242
- <div class="card-body">
243
- <div class="d-flex justify-content-between align-items-center border-bottom mb-3">
244
- <p class="text-success fs-2">
245
- <i class="ion ion-ios-refresh-empty"></i>
246
- </p>
247
- <p class="d-flex flex-column text-end">
248
- <span class="fw-bold">
249
- <i class="ion ion-android-arrow-up text-success"></i> 12%
250
- </span>
251
- <span class="text-muted">CONVERSION RATE</span>
252
- </p>
253
- </div>
254
- <!-- /.d-flex -->
255
- <div class="d-flex justify-content-between align-items-center border-bottom mb-3">
256
- <p class="text-warning fs-2">
257
- <i class="ion ion-ios-cart-outline"></i>
258
- </p>
259
- <p class="d-flex flex-column text-end">
260
- <span class="fw-bold">
261
- <i class="ion ion-android-arrow-up text-warning"></i> 0.8%
262
- </span>
263
- <span class="text-muted">SALES RATE</span>
264
- </p>
265
- </div>
266
- <!-- /.d-flex -->
267
- <div class="d-flex justify-content-between align-items-center mb-0">
268
- <p class="text-danger fs-2">
269
- <i class="ion ion-ios-people-outline"></i>
270
- </p>
271
- <p class="d-flex flex-column text-end">
272
- <span class="fw-bold">
273
- <i class="ion ion-android-arrow-down text-danger"></i> 1%
274
- </span>
275
- <span class="text-muted">REGISTRATION RATE</span>
276
- </p>
277
- </div>
278
- <!-- /.d-flex -->
279
- </div>
280
- </div>
281
- </div>
282
- <!-- /.col-md-6 -->
283
- </div>
284
- <!-- /.row -->
285
- </div><!-- /.container-fluid -->
286
- </div>
287
- </main>
288
- <!-- /.content-wrapper -->
289
-
290
- @@include('./dashboard/_footer.html', {
291
- "path": "."
292
- })
293
- </div>
294
- <!-- ./wrapper -->
295
-
296
- @@include('./_scripts.html', {
297
- "path": "."
298
- })
299
-
300
- <!-- OPTIONAL SCRIPTS -->
301
-
302
- <!-- ChartJS -->
303
- <script src="https://cdn.jsdelivr.net/npm/chart.js@3.6.0/dist/chart.min.js" integrity="sha256-7lWo7cjrrponRJcS6bc8isfsPDwSKoaYfGIHgSheQkk=" crossorigin="anonymous"></script>
304
- <!-- AdminLTE dashboard3 demo (This is only for demo purposes) -->
305
- <script src="./assets/js/dashboard3.js"></script>
306
- <script>
307
- // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
308
- // IT'S ALL JUST JUNK FOR DEMO
309
- // ++++++++++++++++++++++++++++++++++++++++++
310
-
311
- /* global Chart:false */
312
- (function () {
313
- 'use strict'
314
-
315
- var ticksStyle = {
316
- fontColor: '#495057',
317
- fontStyle: 'bold'
318
- }
319
-
320
- var mode = 'index'
321
- var intersect = true
322
-
323
- var salesChartSelector = document.querySelector('#sales-chart')
324
- // eslint-disable-next-line no-unused-vars
325
- var salesChart = new Chart(salesChartSelector, {
326
- type: 'bar',
327
- data: {
328
- labels: ['JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC'],
329
- datasets: [{
330
- label: 'My First Dataset',
331
- data: [65, 59, 80, 81, 56, 55, 40],
332
- backgroundColor: [
333
- 'rgba(255, 99, 132, 0.2)',
334
- 'rgba(255, 159, 64, 0.2)',
335
- 'rgba(255, 205, 86, 0.2)',
336
- 'rgba(75, 192, 192, 0.2)',
337
- 'rgba(54, 162, 235, 0.2)',
338
- 'rgba(153, 102, 255, 0.2)',
339
- 'rgba(201, 203, 207, 0.2)'
340
- ],
341
- borderColor: [
342
- 'rgb(255, 99, 132)',
343
- 'rgb(255, 159, 64)',
344
- 'rgb(255, 205, 86)',
345
- 'rgb(75, 192, 192)',
346
- 'rgb(54, 162, 235)',
347
- 'rgb(153, 102, 255)',
348
- 'rgb(201, 203, 207)'
349
- ],
350
- borderWidth: 1
351
- }]
352
- },
353
- options: {
354
- maintainAspectRatio: false,
355
- scales: {
356
- y: {
357
- beginAtZero: true
358
- }
359
- }
360
- }
361
- })
362
-
363
- var visitorsChartSelector = document.querySelector('#visitors-chart')
364
- var visitorsChart = new Chart(visitorsChartSelector, {
365
- data: {
366
- labels: ['18th', '20th', '22nd', '24th', '26th', '28th', '30th'],
367
- datasets: [{
368
- type: 'line',
369
- data: [100, 120, 170, 167, 180, 177, 160],
370
- backgroundColor: 'transparent',
371
- borderColor: '#007bff',
372
- pointBorderColor: '#007bff',
373
- pointBackgroundColor: '#007bff'
374
- // pointHoverBackgroundColor: '#007bff',
375
- // pointHoverBorderColor : '#007bff'
376
- },
377
- {
378
- type: 'line',
379
- data: [60, 80, 70, 67, 80, 77, 100],
380
- backgroundColor: 'tansparent',
381
- borderColor: '#ced4da',
382
- pointBorderColor: '#ced4da',
383
- pointBackgroundColor: '#ced4da'
384
- // pointHoverBackgroundColor: '#ced4da',
385
- // pointHoverBorderColor : '#ced4da'
386
- }]
387
- },
388
- options: {
389
- maintainAspectRatio: false,
390
- tooltip: {
391
- mode: mode,
392
- intersect: intersect
393
- },
394
- hover: {
395
- mode: mode,
396
- intersect: intersect
397
- },
398
- plugins: {
399
- legend: {
400
- display: false
401
- }
402
- },
403
- scales: {
404
- yAxes: {
405
- // display: false,
406
- gridLines: {
407
- display: true,
408
- lineWidth: '4px',
409
- color: 'rgba(0, 0, 0, .2)',
410
- zeroLineColor: 'transparent'
411
- },
412
- ticks: Object.assign({
413
- beginAtZero: true,
414
- suggestedMax: 200
415
- }, ticksStyle)
416
- },
417
- xAxes: {
418
- display: true,
419
- gridLines: {
420
- display: false
421
- },
422
- ticks: ticksStyle
423
- }
424
- }
425
- }
426
- })
427
- })()
428
- </script>
429
- </body>
430
- </html>
package/src/pages/forms/general.html DELETED
@@ -1,97 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <!-- For RTL verison -->
4
- <!-- <html lang="en" dir="rtl"> -->
5
- <head>
6
- @@include('./_head.html', {
7
- "path": "../..",
8
- "title": "AdminLTE 4 | General Form Elements"
9
- })
10
- </head>
11
- <body class="layout-fixed">
12
- <div class="wrapper">
13
- @@include('./dashboard/_topbar.html', {
14
- "path": "../.."
15
- })
16
-
17
- @@include('./dashboard/_sidenav.html', {
18
- "mainPage": "forms",
19
- "page": "general",
20
- "path": "../.."
21
- })
22
- <!-- Main content -->
23
- <main class="content-wrapper">
24
- <div class="content-header">
25
- <div class="container-fluid">
26
- <div class="row mb-2">
27
- <div class="col-sm-6">
28
- <h3>General Form</h3>
29
- </div>
30
- <div class="col-sm-6">
31
- <ol class="breadcrumb float-sm-end">
32
- <li class="breadcrumb-item"><a href="#">Home</a></li>
33
- <li class="breadcrumb-item active" aria-current="page">General Form</li>
34
- </ol>
35
- </div>
36
- </div>
37
- </div>
38
- </div>
39
- <!-- Main content -->
40
- <div class="content">
41
- <div class="container-fluid">
42
- <div class="row g-4">
43
- <!-- Start column -->
44
- <div class="col-md-6">
45
- <!-- general form elements -->
46
- <div class="card card-primary card-outline">
47
- <div class="card-header">
48
- <div class="card-title">
49
- Quick Example
50
- </div>
51
- </div>
52
- <form>
53
- <div class="card-body">
54
- <div class="mb-3">
55
- <label for="exampleInputEmail1" class="form-label">Email address</label>
56
- <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
57
- <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
58
- </div>
59
- <div class="mb-3">
60
- <label for="exampleInputPassword1" class="form-label">Password</label>
61
- <input type="password" class="form-control" id="exampleInputPassword1">
62
- </div>
63
- <div class="input-group mb-3">
64
- <input type="file" class="form-control" id="inputGroupFile02">
65
- <label class="input-group-text" for="inputGroupFile02">Upload</label>
66
- </div>
67
- <div class="mb-3 form-check">
68
- <input type="checkbox" class="form-check-input" id="exampleCheck1">
69
- <label class="form-check-label" for="exampleCheck1">Check me out</label>
70
- </div>
71
- </div>
72
- <div class="card-footer">
73
- <button type="submit" class="btn btn-primary">Submit</button>
74
- </div>
75
- </form>
76
- </div>
77
- <!-- /.card -->
78
- </div>
79
- </div>
80
- <!-- /.row -->
81
- </div><!-- /.container-fluid -->
82
- </div>
83
- <!-- /.content -->
84
- </main>
85
- <!-- /.content-wrapper -->
86
-
87
- @@include('./dashboard/_footer.html', {
88
- "path": "../.."
89
- })
90
- </div>
91
- <!-- ./wrapper -->
92
-
93
- @@include('./_scripts.html', {
94
- "path": "../.."
95
- })
96
- </body>
97
- </html>
package/src/pages/layout/fixed-sidebar.html DELETED
@@ -1,87 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <!-- For RTL verison -->
4
- <!-- <html lang="en" dir="rtl"> -->
5
- <head>
6
- @@include('./_head.html', {
7
- "path": "../..",
8
- "title": "AdminLTE 4 | Fixed Sidebar"
9
- })
10
- </head>
11
- <body class="layout-fixed">
12
- <div class="wrapper">
13
- @@include('./dashboard/_topbar.html', {
14
- "path": "../.."
15
- })
16
-
17
- @@include('./dashboard/_sidenav.html', {
18
- "mainPage": "layout",
19
- "page": "fixed-sidebar",
20
- "path": "../.."
21
- })
22
- <!-- Main content -->
23
- <main class="content-wrapper">
24
- <div class="content-header">
25
- <div class="container-fluid">
26
- <div class="row mb-2">
27
- <div class="col-sm-6">
28
- <h3>Fixed Layout</h3>
29
- </div>
30
- <div class="col-sm-6">
31
- <ol class="breadcrumb float-sm-end">
32
- <li class="breadcrumb-item"><a href="#">Home</a></li>
33
- <li class="breadcrumb-item active" aria-current="page">Fixed Layout</li>
34
- </ol>
35
- </div>
36
- </div>
37
- </div>
38
- </div>
39
- <!-- Main content -->
40
- <div class="content">
41
- <div class="container-fluid">
42
- <div class="row">
43
- <div class="col-12">
44
- <!-- Default box -->
45
- <div class="card">
46
- <div class="card-header">
47
- <h3 class="card-title">Title</h3>
48
-
49
- <div class="card-tools">
50
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse" title="Collapse">
51
- <i class="fa-solid fa-minus"></i>
52
- </button>
53
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove" title="Remove">
54
- <i class="fa-solid fa-times"></i>
55
- </button>
56
- </div>
57
- </div>
58
- <div class="card-body">
59
- Start creating your amazing application!
60
- </div>
61
- <!-- /.card-body -->
62
- <div class="card-footer">
63
- Footer
64
- </div>
65
- <!-- /.card-footer-->
66
- </div>
67
- <!-- /.card -->
68
- </div>
69
- </div>
70
- <!-- /.row -->
71
- </div><!-- /.container-fluid -->
72
- </div>
73
- <!-- /.content -->
74
- </main>
75
- <!-- /.content-wrapper -->
76
-
77
- @@include('./dashboard/_footer.html', {
78
- "path": "../.."
79
- })
80
- </div>
81
- <!-- ./wrapper -->
82
-
83
- @@include('./_scripts.html', {
84
- "path": "../.."
85
- })
86
- </body>
87
- </html>