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/index2.html DELETED
@@ -1,968 +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 2"
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": "dashboard",
19
- "page": "index2",
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>Dashboard v2</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">Dashboard v2</li>
34
- </ol>
35
- </div>
36
- </div>
37
- </div>
38
- </div>
39
- <div class="content">
40
- <div class="container-fluid">
41
- <!-- Info boxes -->
42
- <div class="row">
43
- <div class="col-12 col-sm-6 col-md-3">
44
- <div class="info-box">
45
- <span class="info-box-icon text-bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span>
46
-
47
- <div class="info-box-content">
48
- <span class="info-box-text">CPU Traffic</span>
49
- <span class="info-box-number">
50
- 10
51
- <small>%</small>
52
- </span>
53
- </div>
54
- <!-- /.info-box-content -->
55
- </div>
56
- <!-- /.info-box -->
57
- </div>
58
- <!-- /.col -->
59
- <div class="col-12 col-sm-6 col-md-3">
60
- <div class="info-box">
61
- <span class="info-box-icon text-bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span>
62
-
63
- <div class="info-box-content">
64
- <span class="info-box-text">Likes</span>
65
- <span class="info-box-number">41,410</span>
66
- </div>
67
- <!-- /.info-box-content -->
68
- </div>
69
- <!-- /.info-box -->
70
- </div>
71
- <!-- /.col -->
72
-
73
- <!-- fix for small devices only -->
74
- <!-- <div class="clearfix hidden-md-up"></div> -->
75
-
76
- <div class="col-12 col-sm-6 col-md-3">
77
- <div class="info-box">
78
- <span class="info-box-icon text-bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span>
79
-
80
- <div class="info-box-content">
81
- <span class="info-box-text">Sales</span>
82
- <span class="info-box-number">760</span>
83
- </div>
84
- <!-- /.info-box-content -->
85
- </div>
86
- <!-- /.info-box -->
87
- </div>
88
- <!-- /.col -->
89
- <div class="col-12 col-sm-6 col-md-3">
90
- <div class="info-box">
91
- <span class="info-box-icon text-bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span>
92
-
93
- <div class="info-box-content">
94
- <span class="info-box-text">New Members</span>
95
- <span class="info-box-number">2,000</span>
96
- </div>
97
- <!-- /.info-box-content -->
98
- </div>
99
- <!-- /.info-box -->
100
- </div>
101
- <!-- /.col -->
102
- </div>
103
- <!-- /.row -->
104
-
105
- <div class="row">
106
- <div class="col-md-12">
107
- <div class="card">
108
- <div class="card-header">
109
- <h5 class="card-title">Monthly Recap Report</h5>
110
-
111
- <div class="card-tools">
112
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
113
- <i class="fa-solid fa-minus"></i>
114
- </button>
115
- <div class="btn-group">
116
- <button type="button" class="btn btn-tool dropdown-toggle" data-bs-toggle="dropdown">
117
- <i class="fa-solid fa-wrench"></i>
118
- </button>
119
- <div class="dropdown-menu dropdown-menu-end" role="menu">
120
- <a href="#" class="dropdown-item">Action</a>
121
- <a href="#" class="dropdown-item">Another action</a>
122
- <a href="#" class="dropdown-item">Something else here</a>
123
- <a class="dropdown-divider"></a>
124
- <a href="#" class="dropdown-item">Separated link</a>
125
- </div>
126
- </div>
127
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
128
- <i class="fa-solid fa-times"></i>
129
- </button>
130
- </div>
131
- </div>
132
- <!-- /.card-header -->
133
- <div class="card-body">
134
- <div class="row">
135
- <div class="col-md-8">
136
- <p class="text-center">
137
- <strong>Sales: 1 Jan, 2014 - 30 Jul, 2014</strong>
138
- </p>
139
-
140
- <div class="chart">
141
- <!-- Sales Chart Canvas -->
142
- <canvas id="salesChart" style="height: 180px;"></canvas>
143
- </div>
144
- <!-- /.chart-responsive -->
145
- </div>
146
- <!-- /.col -->
147
- <div class="col-md-4">
148
- <p class="text-center">
149
- <strong>Goal Completion</strong>
150
- </p>
151
-
152
- <div class="progress-group">
153
- Add Products to Cart
154
- <span class="float-end"><b>160</b>/200</span>
155
- <div class="progress progress-sm">
156
- <div class="progress-bar text-bg-primary" style="width: 80%"></div>
157
- </div>
158
- </div>
159
- <!-- /.progress-group -->
160
-
161
- <div class="progress-group">
162
- Complete Purchase
163
- <span class="float-end"><b>310</b>/400</span>
164
- <div class="progress progress-sm">
165
- <div class="progress-bar text-bg-danger" style="width: 75%"></div>
166
- </div>
167
- </div>
168
-
169
- <!-- /.progress-group -->
170
- <div class="progress-group">
171
- <span class="progress-text">Visit Premium Page</span>
172
- <span class="float-end"><b>480</b>/800</span>
173
- <div class="progress progress-sm">
174
- <div class="progress-bar text-bg-success" style="width: 60%"></div>
175
- </div>
176
- </div>
177
-
178
- <!-- /.progress-group -->
179
- <div class="progress-group">
180
- Send Inquiries
181
- <span class="float-end"><b>250</b>/500</span>
182
- <div class="progress progress-sm">
183
- <div class="progress-bar text-bg-warning" style="width: 50%"></div>
184
- </div>
185
- </div>
186
- <!-- /.progress-group -->
187
- </div>
188
- <!-- /.col -->
189
- </div>
190
- <!-- /.row -->
191
- </div>
192
- <!-- ./card-body -->
193
- <div class="card-footer">
194
- <div class="row">
195
- <div class="col-sm-3 col-6">
196
- <div class="description-block border-end">
197
- <span class="description-percentage text-success"><i class="fa-solid fa-caret-up"></i> 17%</span>
198
- <h5 class="description-header">$35,210.43</h5>
199
- <span class="description-text">TOTAL REVENUE</span>
200
- </div>
201
- <!-- /.description-block -->
202
- </div>
203
- <!-- /.col -->
204
- <div class="col-sm-3 col-6">
205
- <div class="description-block border-end">
206
- <span class="description-percentage text-info"><i class="fa-solid fa-caret-left"></i> 0%</span>
207
- <h5 class="description-header">$10,390.90</h5>
208
- <span class="description-text">TOTAL COST</span>
209
- </div>
210
- <!-- /.description-block -->
211
- </div>
212
- <!-- /.col -->
213
- <div class="col-sm-3 col-6">
214
- <div class="description-block border-end">
215
- <span class="description-percentage text-success"><i class="fa-solid fa-caret-up"></i> 20%</span>
216
- <h5 class="description-header">$24,813.53</h5>
217
- <span class="description-text">TOTAL PROFIT</span>
218
- </div>
219
- <!-- /.description-block -->
220
- </div>
221
- <!-- /.col -->
222
- <div class="col-sm-3 col-6">
223
- <div class="description-block">
224
- <span class="description-percentage text-danger"><i class="fa-solid fa-caret-down"></i> 18%</span>
225
- <h5 class="description-header">1200</h5>
226
- <span class="description-text">GOAL COMPLETIONS</span>
227
- </div>
228
- <!-- /.description-block -->
229
- </div>
230
- </div>
231
- <!-- /.row -->
232
- </div>
233
- <!-- /.card-footer -->
234
- </div>
235
- <!-- /.card -->
236
- </div>
237
- <!-- /.col -->
238
- </div>
239
- <!-- /.row -->
240
-
241
- <!-- Main row -->
242
- <div class="row">
243
- <!-- Start col -->
244
- <div class="col-md-8">
245
- <div class="row">
246
- <div class="col-md-6">
247
- <!-- DIRECT CHAT -->
248
- <div class="card direct-chat direct-chat-warning">
249
- <div class="card-header">
250
- <h3 class="card-title">Direct Chat</h3>
251
-
252
- <div class="card-tools">
253
- <span title="3 New Messages" class="badge text-bg-warning">3</span>
254
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
255
- <i class="fa-solid fa-minus"></i>
256
- </button>
257
- <button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane">
258
- <i class="fa-solid fa-comments"></i>
259
- </button>
260
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
261
- <i class="fa-solid fa-times"></i>
262
- </button>
263
- </div>
264
- </div>
265
- <!-- /.card-header -->
266
- <div class="card-body">
267
- <!-- Conversations are loaded here -->
268
- <div class="direct-chat-messages">
269
- <!-- Message. Default to the start -->
270
- <div class="direct-chat-msg">
271
- <div class="direct-chat-infos clearfix">
272
- <span class="direct-chat-name float-start">Alexander Pierce</span>
273
- <span class="direct-chat-timestamp float-end">23 Jan 2:00 pm</span>
274
- </div>
275
- <!-- /.direct-chat-infos -->
276
- <img class="direct-chat-img" src="./assets/img/user1-128x128.jpg" alt="message user image">
277
- <!-- /.direct-chat-img -->
278
- <div class="direct-chat-text">
279
- Is this template really for free? That's unbelievable!
280
- </div>
281
- <!-- /.direct-chat-text -->
282
- </div>
283
- <!-- /.direct-chat-msg -->
284
-
285
- <!-- Message to the end -->
286
- <div class="direct-chat-msg end">
287
- <div class="direct-chat-infos clearfix">
288
- <span class="direct-chat-name float-end">Sarah Bullock</span>
289
- <span class="direct-chat-timestamp float-start">23 Jan 2:05 pm</span>
290
- </div>
291
- <!-- /.direct-chat-infos -->
292
- <img class="direct-chat-img" src="./assets/img/user3-128x128.jpg" alt="message user image">
293
- <!-- /.direct-chat-img -->
294
- <div class="direct-chat-text">
295
- You better believe it!
296
- </div>
297
- <!-- /.direct-chat-text -->
298
- </div>
299
- <!-- /.direct-chat-msg -->
300
-
301
- <!-- Message. Default to the start -->
302
- <div class="direct-chat-msg">
303
- <div class="direct-chat-infos clearfix">
304
- <span class="direct-chat-name float-start">Alexander Pierce</span>
305
- <span class="direct-chat-timestamp float-end">23 Jan 5:37 pm</span>
306
- </div>
307
- <!-- /.direct-chat-infos -->
308
- <img class="direct-chat-img" src="./assets/img/user1-128x128.jpg" alt="message user image">
309
- <!-- /.direct-chat-img -->
310
- <div class="direct-chat-text">
311
- Working with AdminLTE on a great new app! Wanna join?
312
- </div>
313
- <!-- /.direct-chat-text -->
314
- </div>
315
- <!-- /.direct-chat-msg -->
316
-
317
- <!-- Message to the end -->
318
- <div class="direct-chat-msg end">
319
- <div class="direct-chat-infos clearfix">
320
- <span class="direct-chat-name float-end">Sarah Bullock</span>
321
- <span class="direct-chat-timestamp float-start">23 Jan 6:10 pm</span>
322
- </div>
323
- <!-- /.direct-chat-infos -->
324
- <img class="direct-chat-img" src="./assets/img/user3-128x128.jpg" alt="message user image">
325
- <!-- /.direct-chat-img -->
326
- <div class="direct-chat-text">
327
- I would love to.
328
- </div>
329
- <!-- /.direct-chat-text -->
330
- </div>
331
- <!-- /.direct-chat-msg -->
332
-
333
- </div>
334
- <!--/.direct-chat-messages-->
335
-
336
- <!-- Contacts are loaded here -->
337
- <div class="direct-chat-contacts">
338
- <ul class="contacts-list">
339
- <li>
340
- <a href="#">
341
- <img class="contacts-list-img" src="./assets/img/user1-128x128.jpg" alt="User Avatar">
342
-
343
- <div class="contacts-list-info">
344
- <span class="contacts-list-name">
345
- Count Dracula
346
- <small class="contacts-list-date float-end">2/28/2015</small>
347
- </span>
348
- <span class="contacts-list-msg">How have you been? I was...</span>
349
- </div>
350
- <!-- /.contacts-list-info -->
351
- </a>
352
- </li>
353
- <!-- End Contact Item -->
354
- <li>
355
- <a href="#">
356
- <img class="contacts-list-img" src="./assets/img/user7-128x128.jpg" alt="User Avatar">
357
-
358
- <div class="contacts-list-info">
359
- <span class="contacts-list-name">
360
- Sarah Doe
361
- <small class="contacts-list-date float-end">2/23/2015</small>
362
- </span>
363
- <span class="contacts-list-msg">I will be waiting for...</span>
364
- </div>
365
- <!-- /.contacts-list-info -->
366
- </a>
367
- </li>
368
- <!-- End Contact Item -->
369
- <li>
370
- <a href="#">
371
- <img class="contacts-list-img" src="./assets/img/user3-128x128.jpg" alt="User Avatar">
372
-
373
- <div class="contacts-list-info">
374
- <span class="contacts-list-name">
375
- Nadia Jolie
376
- <small class="contacts-list-date float-end">2/20/2015</small>
377
- </span>
378
- <span class="contacts-list-msg">I'll call you back at...</span>
379
- </div>
380
- <!-- /.contacts-list-info -->
381
- </a>
382
- </li>
383
- <!-- End Contact Item -->
384
- <li>
385
- <a href="#">
386
- <img class="contacts-list-img" src="./assets/img/user5-128x128.jpg" alt="User Avatar">
387
-
388
- <div class="contacts-list-info">
389
- <span class="contacts-list-name">
390
- Nora S. Vans
391
- <small class="contacts-list-date float-end">2/10/2015</small>
392
- </span>
393
- <span class="contacts-list-msg">Where is your new...</span>
394
- </div>
395
- <!-- /.contacts-list-info -->
396
- </a>
397
- </li>
398
- <!-- End Contact Item -->
399
- <li>
400
- <a href="#">
401
- <img class="contacts-list-img" src="./assets/img/user6-128x128.jpg" alt="User Avatar">
402
-
403
- <div class="contacts-list-info">
404
- <span class="contacts-list-name">
405
- John K.
406
- <small class="contacts-list-date float-end">1/27/2015</small>
407
- </span>
408
- <span class="contacts-list-msg">Can I take a look at...</span>
409
- </div>
410
- <!-- /.contacts-list-info -->
411
- </a>
412
- </li>
413
- <!-- End Contact Item -->
414
- <li>
415
- <a href="#">
416
- <img class="contacts-list-img" src="./assets/img/user8-128x128.jpg" alt="User Avatar">
417
-
418
- <div class="contacts-list-info">
419
- <span class="contacts-list-name">
420
- Kenneth M.
421
- <small class="contacts-list-date float-end">1/4/2015</small>
422
- </span>
423
- <span class="contacts-list-msg">Never mind I found...</span>
424
- </div>
425
- <!-- /.contacts-list-info -->
426
- </a>
427
- </li>
428
- <!-- End Contact Item -->
429
- </ul>
430
- <!-- /.contacts-list -->
431
- </div>
432
- <!-- /.direct-chat-pane -->
433
- </div>
434
- <!-- /.card-body -->
435
- <div class="card-footer">
436
- <form action="#" method="post">
437
- <div class="input-group">
438
- <input type="text" name="message" placeholder="Type Message ..." class="form-control">
439
- <span class="input-group-append">
440
- <button type="button" class="btn btn-warning">Send</button>
441
- </span>
442
- </div>
443
- </form>
444
- </div>
445
- <!-- /.card-footer-->
446
- </div>
447
- <!--/.direct-chat -->
448
- </div>
449
- <!-- /.col -->
450
-
451
- <div class="col-md-6">
452
- <!-- USERS LIST -->
453
- <div class="card">
454
- <div class="card-header">
455
- <h3 class="card-title">Latest Members</h3>
456
-
457
- <div class="card-tools">
458
- <span class="badge text-bg-danger">8 New Members</span>
459
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
460
- <i class="fa-solid fa-minus"></i>
461
- </button>
462
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
463
- <i class="fa-solid fa-times"></i>
464
- </button>
465
- </div>
466
- </div>
467
- <!-- /.card-header -->
468
- <div class="card-body p-0">
469
- <ul class="users-list clearfix">
470
- <li>
471
- <img src="./assets/img/user1-128x128.jpg" alt="User Image">
472
- <a class="users-list-name" href="#">Alexander Pierce</a>
473
- <span class="users-list-date">Today</span>
474
- </li>
475
- <li>
476
- <img src="./assets/img/user8-128x128.jpg" alt="User Image">
477
- <a class="users-list-name" href="#">Norman</a>
478
- <span class="users-list-date">Yesterday</span>
479
- </li>
480
- <li>
481
- <img src="./assets/img/user7-128x128.jpg" alt="User Image">
482
- <a class="users-list-name" href="#">Jane</a>
483
- <span class="users-list-date">12 Jan</span>
484
- </li>
485
- <li>
486
- <img src="./assets/img/user6-128x128.jpg" alt="User Image">
487
- <a class="users-list-name" href="#">John</a>
488
- <span class="users-list-date">12 Jan</span>
489
- </li>
490
- <li>
491
- <img src="./assets/img/user2-160x160.jpg" alt="User Image">
492
- <a class="users-list-name" href="#">Alexander</a>
493
- <span class="users-list-date">13 Jan</span>
494
- </li>
495
- <li>
496
- <img src="./assets/img/user5-128x128.jpg" alt="User Image">
497
- <a class="users-list-name" href="#">Sarah</a>
498
- <span class="users-list-date">14 Jan</span>
499
- </li>
500
- <li>
501
- <img src="./assets/img/user4-128x128.jpg" alt="User Image">
502
- <a class="users-list-name" href="#">Nora</a>
503
- <span class="users-list-date">15 Jan</span>
504
- </li>
505
- <li>
506
- <img src="./assets/img/user3-128x128.jpg" alt="User Image">
507
- <a class="users-list-name" href="#">Nadia</a>
508
- <span class="users-list-date">15 Jan</span>
509
- </li>
510
- </ul>
511
- <!-- /.users-list -->
512
- </div>
513
- <!-- /.card-body -->
514
- <div class="card-footer text-center">
515
- <a href="javascript:">View All Users</a>
516
- </div>
517
- <!-- /.card-footer -->
518
- </div>
519
- <!--/.card -->
520
- </div>
521
- <!-- /.col -->
522
- </div>
523
- <!-- /.row -->
524
-
525
- <!-- TABLE: LATEST ORDERS -->
526
- <div class="card">
527
- <div class="card-header border-transparent">
528
- <h3 class="card-title">Latest Orders</h3>
529
-
530
- <div class="card-tools">
531
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
532
- <i class="fa-solid fa-minus"></i>
533
- </button>
534
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
535
- <i class="fa-solid fa-times"></i>
536
- </button>
537
- </div>
538
- </div>
539
- <!-- /.card-header -->
540
- <div class="card-body p-0">
541
- <div class="table-responsive">
542
- <table class="table m-0">
543
- <thead>
544
- <tr>
545
- <th>Order ID</th>
546
- <th>Item</th>
547
- <th>Status</th>
548
- <th>Popularity</th>
549
- </tr>
550
- </thead>
551
- <tbody>
552
- <tr>
553
- <td><a href="pages/examples/invoice.html">OR9842</a></td>
554
- <td>Call of Duty IV</td>
555
- <td><span class="badge text-bg-success">Shipped</span></td>
556
- <td>
557
- <div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div>
558
- </td>
559
- </tr>
560
- <tr>
561
- <td><a href="pages/examples/invoice.html">OR1848</a></td>
562
- <td>Samsung Smart TV</td>
563
- <td><span class="badge text-bg-warning">Pending</span></td>
564
- <td>
565
- <div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div>
566
- </td>
567
- </tr>
568
- <tr>
569
- <td><a href="pages/examples/invoice.html">OR7429</a></td>
570
- <td>iPhone 6 Plus</td>
571
- <td><span class="badge text-bg-danger">Delivered</span></td>
572
- <td>
573
- <div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div>
574
- </td>
575
- </tr>
576
- <tr>
577
- <td><a href="pages/examples/invoice.html">OR7429</a></td>
578
- <td>Samsung Smart TV</td>
579
- <td><span class="badge text-bg-info">Processing</span></td>
580
- <td>
581
- <div class="sparkbar" data-color="#00c0ef" data-height="20">90,80,-90,70,-61,83,63</div>
582
- </td>
583
- </tr>
584
- <tr>
585
- <td><a href="pages/examples/invoice.html">OR1848</a></td>
586
- <td>Samsung Smart TV</td>
587
- <td><span class="badge text-bg-warning">Pending</span></td>
588
- <td>
589
- <div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div>
590
- </td>
591
- </tr>
592
- <tr>
593
- <td><a href="pages/examples/invoice.html">OR7429</a></td>
594
- <td>iPhone 6 Plus</td>
595
- <td><span class="badge text-bg-danger">Delivered</span></td>
596
- <td>
597
- <div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div>
598
- </td>
599
- </tr>
600
- <tr>
601
- <td><a href="pages/examples/invoice.html">OR9842</a></td>
602
- <td>Call of Duty IV</td>
603
- <td><span class="badge text-bg-success">Shipped</span></td>
604
- <td>
605
- <div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div>
606
- </td>
607
- </tr>
608
- </tbody>
609
- </table>
610
- </div>
611
- <!-- /.table-responsive -->
612
- </div>
613
- <!-- /.card-body -->
614
- <div class="card-footer clearfix">
615
- <a href="javascript:void(0)" class="btn btn-sm btn-primary float-start">Place New Order</a>
616
- <a href="javascript:void(0)" class="btn btn-sm btn-secondary float-end">View All Orders</a>
617
- </div>
618
- <!-- /.card-footer -->
619
- </div>
620
- <!-- /.card -->
621
- </div>
622
- <!-- /.col -->
623
-
624
- <div class="col-md-4">
625
- <!-- Info Boxes Style 2 -->
626
- <div class="info-box mb-3 text-bg-warning">
627
- <span class="info-box-icon"><i class="fa-solid fa-tag"></i></span>
628
-
629
- <div class="info-box-content">
630
- <span class="info-box-text">Inventory</span>
631
- <span class="info-box-number">5,200</span>
632
- </div>
633
- <!-- /.info-box-content -->
634
- </div>
635
- <!-- /.info-box -->
636
- <div class="info-box mb-3 text-bg-success">
637
- <span class="info-box-icon"><i class="fa-regular fa-heart"></i></span>
638
-
639
- <div class="info-box-content">
640
- <span class="info-box-text">Mentions</span>
641
- <span class="info-box-number">92,050</span>
642
- </div>
643
- <!-- /.info-box-content -->
644
- </div>
645
- <!-- /.info-box -->
646
- <div class="info-box mb-3 text-bg-danger">
647
- <span class="info-box-icon"><i class="fa-solid fa-cloud-download-alt"></i></span>
648
-
649
- <div class="info-box-content">
650
- <span class="info-box-text">Downloads</span>
651
- <span class="info-box-number">114,381</span>
652
- </div>
653
- <!-- /.info-box-content -->
654
- </div>
655
- <!-- /.info-box -->
656
- <div class="info-box mb-3 text-bg-info">
657
- <span class="info-box-icon"><i class="fa-regular fa-comment"></i></span>
658
-
659
- <div class="info-box-content">
660
- <span class="info-box-text">Direct Messages</span>
661
- <span class="info-box-number">163,921</span>
662
- </div>
663
- <!-- /.info-box-content -->
664
- </div>
665
- <!-- /.info-box -->
666
-
667
- <div class="card">
668
- <div class="card-header">
669
- <h3 class="card-title">Browser Usage</h3>
670
-
671
- <div class="card-tools">
672
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
673
- <i class="fa-solid fa-minus"></i>
674
- </button>
675
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
676
- <i class="fa-solid fa-times"></i>
677
- </button>
678
- </div>
679
- </div>
680
- <!-- /.card-header -->
681
- <div class="card-body">
682
- <div class="row">
683
- <div class="col-md-8">
684
- <div class="chart-responsive">
685
- <canvas id="pieChart" height="150"></canvas>
686
- </div>
687
- <!-- ./chart-responsive -->
688
- </div>
689
- <!-- /.col -->
690
- <div class="col-md-4">
691
- <ul class="chart-legend clearfix">
692
- <li><i class="fa-regular fa-circle text-danger"></i> Chrome</li>
693
- <li><i class="fa-regular fa-circle text-success"></i> IE</li>
694
- <li><i class="fa-regular fa-circle text-warning"></i> FireFox</li>
695
- <li><i class="fa-regular fa-circle text-info"></i> Safari</li>
696
- <li><i class="fa-regular fa-circle text-primary"></i> Opera</li>
697
- <li><i class="fa-regular fa-circle text-secondary"></i> Navigator</li>
698
- </ul>
699
- </div>
700
- <!-- /.col -->
701
- </div>
702
- <!-- /.row -->
703
- </div>
704
- <!-- /.card-body -->
705
- <div class="card-footer p-0">
706
- <ul class="nav nav-pills flex-column">
707
- <li class="nav-item">
708
- <a href="#" class="nav-link">
709
- United States of America
710
- <span class="float-end text-danger">
711
- <i class="fa-solid fa-arrow-down fs-7"></i>
712
- 12%</span>
713
- </a>
714
- </li>
715
- <li class="nav-item">
716
- <a href="#" class="nav-link">
717
- India
718
- <span class="float-end text-success">
719
- <i class="fa-solid fa-arrow-up fs-7"></i> 4%
720
- </span>
721
- </a>
722
- </li>
723
- <li class="nav-item">
724
- <a href="#" class="nav-link">
725
- China
726
- <span class="float-end text-info">
727
- <i class="fa-solid fa-arrow-left fs-7"></i> 0%
728
- </span>
729
- </a>
730
- </li>
731
- </ul>
732
- </div>
733
- <!-- /.footer -->
734
- </div>
735
- <!-- /.card -->
736
-
737
- <!-- PRODUCT LIST -->
738
- <div class="card">
739
- <div class="card-header">
740
- <h3 class="card-title">Recently Added Products</h3>
741
-
742
- <div class="card-tools">
743
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
744
- <i class="fa-solid fa-minus"></i>
745
- </button>
746
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
747
- <i class="fa-solid fa-times"></i>
748
- </button>
749
- </div>
750
- </div>
751
- <!-- /.card-header -->
752
- <div class="card-body p-0">
753
- <ul class="products-list product-list-in-card ps-2 pe-2">
754
- <li class="item">
755
- <div class="product-img">
756
- <img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
757
- </div>
758
- <div class="product-info">
759
- <a href="javascript:void(0)" class="product-title">Samsung TV
760
- <span class="badge text-bg-warning float-end">$1800</span></a>
761
- <span class="product-description">
762
- Samsung 32" 1080p 60Hz LED Smart HDTV.
763
- </span>
764
- </div>
765
- </li>
766
- <!-- /.item -->
767
- <li class="item">
768
- <div class="product-img">
769
- <img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
770
- </div>
771
- <div class="product-info">
772
- <a href="javascript:void(0)" class="product-title">Bicycle
773
- <span class="badge text-bg-info float-end">$700</span></a>
774
- <span class="product-description">
775
- 26" Mongoose Dolomite Men's 7-speed, Navy Blue.
776
- </span>
777
- </div>
778
- </li>
779
- <!-- /.item -->
780
- <li class="item">
781
- <div class="product-img">
782
- <img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
783
- </div>
784
- <div class="product-info">
785
- <a href="javascript:void(0)" class="product-title">
786
- Xbox One <span class="badge text-bg-danger float-end">
787
- $350
788
- </span>
789
- </a>
790
- <span class="product-description">
791
- Xbox One Console Bundle with Halo Master Chief Collection.
792
- </span>
793
- </div>
794
- </li>
795
- <!-- /.item -->
796
- <li class="item">
797
- <div class="product-img">
798
- <img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
799
- </div>
800
- <div class="product-info">
801
- <a href="javascript:void(0)" class="product-title">PlayStation 4
802
- <span class="badge text-bg-success float-end">$399</span></a>
803
- <span class="product-description">
804
- PlayStation 4 500GB Console (PS4)
805
- </span>
806
- </div>
807
- </li>
808
- <!-- /.item -->
809
- </ul>
810
- </div>
811
- <!-- /.card-body -->
812
- <div class="card-footer text-center">
813
- <a href="javascript:void(0)" class="uppercase">View All Products</a>
814
- </div>
815
- <!-- /.card-footer -->
816
- </div>
817
- <!-- /.card -->
818
- </div>
819
- <!-- /.col -->
820
- </div>
821
- <!-- /.row -->
822
- </div><!-- /.container-fluid -->
823
- </div>
824
- </main>
825
- <!-- /.content-wrapper -->
826
-
827
- @@include('./dashboard/_footer.html', {
828
- "path": "."
829
- })
830
- </div>
831
- <!-- ./wrapper -->
832
-
833
- @@include('./_scripts.html', {
834
- "path": "."
835
- })
836
-
837
- <!-- OPTIONAL SCRIPTS -->
838
-
839
- <!-- ChartJS -->
840
- <script src="https://cdn.jsdelivr.net/npm/chart.js@3.6.0/dist/chart.min.js" integrity="sha256-7lWo7cjrrponRJcS6bc8isfsPDwSKoaYfGIHgSheQkk=" crossorigin="anonymous"></script>
841
-
842
- <script>
843
- // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
844
- // IT'S ALL JUST JUNK FOR DEMO
845
- // ++++++++++++++++++++++++++++++++++++++++++
846
-
847
- /* ChartJS
848
- * -------
849
- * Here we will create a few charts using ChartJS
850
- */
851
-
852
- //-----------------------
853
- // - MONTHLY SALES CHART -
854
- //-----------------------
855
- (function () {
856
- 'use strict'
857
- // Get context with querySelector - using Chart.js .getContext('2d') method.
858
- var salesChartCanvas = document.querySelector('#salesChart').getContext('2d')
859
-
860
- var salesChartData = {
861
- labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
862
- datasets: [
863
- {
864
- label: 'Digital Goods',
865
- backgroundColor: 'rgba(60,141,188,0.9)',
866
- borderColor: 'rgba(60,141,188,0.8)',
867
- fill: true,
868
- pointRadius: 0,
869
- pointColor: '#3b8bba',
870
- pointStrokeColor: 'rgba(60,141,188,1)',
871
- pointHighlightFill: '#fff',
872
- pointHighlightStroke: 'rgba(60,141,188,1)',
873
- data: [28, 48, 40, 19, 86, 27, 90]
874
- },
875
- {
876
- label: 'Electronics',
877
- backgroundColor: 'rgba(210, 214, 222, 1)',
878
- borderColor: 'rgba(210, 214, 222, 1)',
879
- fill: true,
880
- pointRadius: 0,
881
- pointColor: 'rgba(210, 214, 222, 1)',
882
- pointStrokeColor: '#c1c7d1',
883
- pointHighlightFill: '#fff',
884
- pointHighlightStroke: 'rgba(220,220,220,1)',
885
- data: [65, 59, 80, 81, 56, 55, 40]
886
- }
887
- ]
888
- }
889
-
890
- var salesChartOptions = {
891
- maintainAspectRatio: false,
892
- responsive: true,
893
- tension: 0.4,
894
- plugins: {
895
- legend: {
896
- display: false
897
- }
898
- },
899
- scales: {
900
- xAxes: {
901
- gridLines: {
902
- display: false
903
- }
904
- },
905
- yAxes: {
906
- gridLines: {
907
- display: false
908
- }
909
- }
910
- }
911
- }
912
-
913
- // This will get the first returned node in the js collection.
914
- var salesChart = new Chart(salesChartCanvas, {
915
- type: 'line',
916
- data: salesChartData,
917
- options: salesChartOptions
918
- })
919
-
920
- //---------------------------
921
- // - END MONTHLY SALES CHART -
922
- //---------------------------
923
-
924
- //-------------
925
- // - PIE CHART -
926
- //-------------
927
-
928
- // Get context with querySelector - using Chart.js .getContext('2d') method.
929
- var pieChartCanvas = document.querySelector('#pieChart').getContext('2d')
930
-
931
- var pieData = {
932
- labels: [
933
- 'Chrome',
934
- 'IE',
935
- 'FireFox',
936
- 'Safari',
937
- 'Opera',
938
- 'Navigator'
939
- ],
940
- datasets: [
941
- {
942
- data: [700, 500, 400, 600, 300, 100],
943
- backgroundColor: ['#f56954', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de']
944
- }
945
- ]
946
- }
947
- var pieOptions = {
948
- plugins: {
949
- legend: {
950
- display: false
951
- }
952
- }
953
- }
954
- // Create pie or douhnut chart
955
- // You can switch between pie and douhnut using the method below.
956
- // eslint-disable-next-line no-unused-vars
957
- var pieChart = new Chart(pieChartCanvas, {
958
- type: 'doughnut',
959
- data: pieData,
960
- options: pieOptions
961
- })
962
- })()
963
- //-----------------
964
- // - END PIE CHART -
965
- //-----------------
966
- </script>
967
- </body>
968
- </html>