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/index.html DELETED
@@ -1,476 +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"
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": "index",
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</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</li>
35
- </ol>
36
- </div>
37
- </div>
38
- </div>
39
- </div>
40
- <div class="content">
41
- <div class="container-fluid">
42
- <!-- Small boxes (Stat box) -->
43
- <div class="row">
44
- <div class="col-lg-3 col-6">
45
- <!-- small box -->
46
- <div class="small-box text-bg-primary">
47
- <div class="inner">
48
- <h3>150</h3>
49
-
50
- <p>New Orders</p>
51
- </div>
52
- <div class="icon">
53
- <i class="inner-icon ion ion-bag"></i>
54
- </div>
55
- <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
56
- </div>
57
- </div>
58
- <!-- ./col -->
59
- <div class="col-lg-3 col-6">
60
- <!-- small box -->
61
- <div class="small-box text-bg-success">
62
- <div class="inner">
63
- <h3>53<sup class="fs-5">%</sup></h3>
64
-
65
- <p>Bounce Rate</p>
66
- </div>
67
- <div class="icon">
68
- <i class="inner-icon ion ion-stats-bars"></i>
69
- </div>
70
- <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
71
- </div>
72
- </div>
73
- <!-- ./col -->
74
- <div class="col-lg-3 col-6">
75
- <!-- small box -->
76
- <div class="small-box text-bg-warning">
77
- <div class="inner">
78
- <h3>44</h3>
79
-
80
- <p>User Registrations</p>
81
- </div>
82
- <div class="icon">
83
- <i class="inner-icon ion ion-person-add"></i>
84
- </div>
85
- <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
86
- </div>
87
- </div>
88
- <!-- ./col -->
89
- <div class="col-lg-3 col-6">
90
- <!-- small box -->
91
- <div class="small-box text-bg-danger">
92
- <div class="inner">
93
- <h3>65</h3>
94
-
95
- <p>Unique Visitors</p>
96
- </div>
97
- <div class="icon">
98
- <i class="inner-icon ion ion-pie-graph"></i>
99
- </div>
100
- <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
101
- </div>
102
- </div>
103
- <!-- ./col -->
104
- </div>
105
- <!-- /.row -->
106
- <!-- Main row -->
107
- <div class="row">
108
- <!-- Start col -->
109
- <div class="col-lg-7">
110
- <!-- Custom tabs (Charts with tabs)-->
111
- <div class="card">
112
- <div class="card-header">
113
- <h3 class="card-title">
114
- <i class="fa-solid fa-chart-pie me-1"></i>
115
- Sales
116
- </h3>
117
- <div class="card-tools">
118
- <ul class="nav nav-pills ms-auto">
119
- <li class="nav-item">
120
- <a class="nav-link active" href="#revenue-chart" data-bs-toggle="tab">Area</a>
121
- </li>
122
- <li class="nav-item">
123
- <a class="nav-link" href="#sales-chart" data-bs-toggle="tab">Donut</a>
124
- </li>
125
- </ul>
126
- </div>
127
- </div><!-- /.card-header -->
128
- <div class="card-body">
129
- <div class="tab-content p-0">
130
- <!-- Morris chart - Sales -->
131
- <div class="chart tab-pane active" id="revenue-chart"
132
- style="position: relative; height: 300px;">
133
- <canvas id="revenue-chart-canvas" height="300" style="height: 300px;"></canvas>
134
- </div>
135
- <div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;">
136
- <canvas id="sales-chart-canvas" height="300" style="height: 300px;"></canvas>
137
- </div>
138
- </div>
139
- </div><!-- /.card-body -->
140
- </div>
141
- <!-- /.card -->
142
-
143
- <!-- DIRECT CHAT -->
144
- <div class="card direct-chat direct-chat-primary">
145
- <div class="card-header">
146
- <h3 class="card-title">Direct Chat</h3>
147
-
148
- <div class="card-tools">
149
- <span title="3 New Messages" class="badge text-bg-primary">3</span>
150
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
151
- <i class="fa-solid fa-minus"></i>
152
- </button>
153
- <button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane">
154
- <i class="fa-solid fa-comments"></i>
155
- </button>
156
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove">
157
- <i class="fa-solid fa-times"></i>
158
- </button>
159
- </div>
160
- </div>
161
- <!-- /.card-header -->
162
- <div class="card-body">
163
- <!-- Conversations are loaded here -->
164
- <div class="direct-chat-messages">
165
- <!-- Message. Default to the start -->
166
- <div class="direct-chat-msg">
167
- <div class="direct-chat-infos clearfix">
168
- <span class="direct-chat-name float-start">Alexander Pierce</span>
169
- <span class="direct-chat-timestamp float-end">23 Jan 2:00 pm</span>
170
- </div>
171
- <!-- /.direct-chat-infos -->
172
- <img class="direct-chat-img" src="./assets/img/user1-128x128.jpg" alt="message user image">
173
- <!-- /.direct-chat-img -->
174
- <div class="direct-chat-text">
175
- Is this template really for free? That's unbelievable!
176
- </div>
177
- <!-- /.direct-chat-text -->
178
- </div>
179
- <!-- /.direct-chat-msg -->
180
-
181
- <!-- Message to the end -->
182
- <div class="direct-chat-msg end">
183
- <div class="direct-chat-infos clearfix">
184
- <span class="direct-chat-name float-end">Sarah Bullock</span>
185
- <span class="direct-chat-timestamp float-start">23 Jan 2:05 pm</span>
186
- </div>
187
- <!-- /.direct-chat-infos -->
188
- <img class="direct-chat-img" src="./assets/img/user3-128x128.jpg" alt="message user image">
189
- <!-- /.direct-chat-img -->
190
- <div class="direct-chat-text">
191
- You better believe it!
192
- </div>
193
- <!-- /.direct-chat-text -->
194
- </div>
195
- <!-- /.direct-chat-msg -->
196
-
197
- <!-- Message. Default to the start -->
198
- <div class="direct-chat-msg">
199
- <div class="direct-chat-infos clearfix">
200
- <span class="direct-chat-name float-start">Alexander Pierce</span>
201
- <span class="direct-chat-timestamp float-end">23 Jan 5:37 pm</span>
202
- </div>
203
- <!-- /.direct-chat-infos -->
204
- <img class="direct-chat-img" src="./assets/img/user1-128x128.jpg" alt="message user image">
205
- <!-- /.direct-chat-img -->
206
- <div class="direct-chat-text">
207
- Working with AdminLTE on a great new app! Wanna join?
208
- </div>
209
- <!-- /.direct-chat-text -->
210
- </div>
211
- <!-- /.direct-chat-msg -->
212
-
213
- <!-- Message to the end -->
214
- <div class="direct-chat-msg end">
215
- <div class="direct-chat-infos clearfix">
216
- <span class="direct-chat-name float-end">Sarah Bullock</span>
217
- <span class="direct-chat-timestamp float-start">23 Jan 6:10 pm</span>
218
- </div>
219
- <!-- /.direct-chat-infos -->
220
- <img class="direct-chat-img" src="./assets/img/user3-128x128.jpg" alt="message user image">
221
- <!-- /.direct-chat-img -->
222
- <div class="direct-chat-text">
223
- I would love to.
224
- </div>
225
- <!-- /.direct-chat-text -->
226
- </div>
227
- <!-- /.direct-chat-msg -->
228
-
229
- </div>
230
- <!--/.direct-chat-messages-->
231
-
232
- <!-- Contacts are loaded here -->
233
- <div class="direct-chat-contacts">
234
- <ul class="contacts-list">
235
- <li>
236
- <a href="#">
237
- <img class="contacts-list-img" src="./assets/img/user1-128x128.jpg" alt="User Avatar">
238
-
239
- <div class="contacts-list-info">
240
- <span class="contacts-list-name">
241
- Count Dracula
242
- <small class="contacts-list-date float-end">2/28/2015</small>
243
- </span>
244
- <span class="contacts-list-msg">How have you been? I was...</span>
245
- </div>
246
- <!-- /.contacts-list-info -->
247
- </a>
248
- </li>
249
- <!-- End Contact Item -->
250
- <li>
251
- <a href="#">
252
- <img class="contacts-list-img" src="./assets/img/user7-128x128.jpg" alt="User Avatar">
253
-
254
- <div class="contacts-list-info">
255
- <span class="contacts-list-name">
256
- Sarah Doe
257
- <small class="contacts-list-date float-end">2/23/2015</small>
258
- </span>
259
- <span class="contacts-list-msg">I will be waiting for...</span>
260
- </div>
261
- <!-- /.contacts-list-info -->
262
- </a>
263
- </li>
264
- <!-- End Contact Item -->
265
- <li>
266
- <a href="#">
267
- <img class="contacts-list-img" src="./assets/img/user3-128x128.jpg" alt="User Avatar">
268
-
269
- <div class="contacts-list-info">
270
- <span class="contacts-list-name">
271
- Nadia Jolie
272
- <small class="contacts-list-date float-end">2/20/2015</small>
273
- </span>
274
- <span class="contacts-list-msg">I'll call you back at...</span>
275
- </div>
276
- <!-- /.contacts-list-info -->
277
- </a>
278
- </li>
279
- <!-- End Contact Item -->
280
- <li>
281
- <a href="#">
282
- <img class="contacts-list-img" src="./assets/img/user5-128x128.jpg" alt="User Avatar">
283
-
284
- <div class="contacts-list-info">
285
- <span class="contacts-list-name">
286
- Nora S. Vans
287
- <small class="contacts-list-date float-end">2/10/2015</small>
288
- </span>
289
- <span class="contacts-list-msg">Where is your new...</span>
290
- </div>
291
- <!-- /.contacts-list-info -->
292
- </a>
293
- </li>
294
- <!-- End Contact Item -->
295
- <li>
296
- <a href="#">
297
- <img class="contacts-list-img" src="./assets/img/user6-128x128.jpg" alt="User Avatar">
298
-
299
- <div class="contacts-list-info">
300
- <span class="contacts-list-name">
301
- John K.
302
- <small class="contacts-list-date float-end">1/27/2015</small>
303
- </span>
304
- <span class="contacts-list-msg">Can I take a look at...</span>
305
- </div>
306
- <!-- /.contacts-list-info -->
307
- </a>
308
- </li>
309
- <!-- End Contact Item -->
310
- <li>
311
- <a href="#">
312
- <img class="contacts-list-img" src="./assets/img/user8-128x128.jpg" alt="User Avatar">
313
-
314
- <div class="contacts-list-info">
315
- <span class="contacts-list-name">
316
- Kenneth M.
317
- <small class="contacts-list-date float-end">1/4/2015</small>
318
- </span>
319
- <span class="contacts-list-msg">Never mind I found...</span>
320
- </div>
321
- <!-- /.contacts-list-info -->
322
- </a>
323
- </li>
324
- <!-- End Contact Item -->
325
- </ul>
326
- <!-- /.contacts-list -->
327
- </div>
328
- <!-- /.direct-chat-pane -->
329
- </div>
330
- <!-- /.card-body -->
331
- <div class="card-footer">
332
- <form action="#" method="post">
333
- <div class="input-group">
334
- <input type="text" name="message" placeholder="Type Message ..." class="form-control">
335
- <span class="input-group-append">
336
- <button type="button" class="btn btn-primary">Send</button>
337
- </span>
338
- </div>
339
- </form>
340
- </div>
341
- <!-- /.card-footer-->
342
- </div>
343
- <!--/.direct-chat -->
344
- </div>
345
- <!-- /.Start col -->
346
- </div>
347
- <!-- /.row (main row) -->
348
- </div><!-- /.container-fluid -->
349
- </div>
350
- </main>
351
- <!-- /.content-wrapper -->
352
-
353
- @@include('./dashboard/_footer.html', {
354
- "path": "."
355
- })
356
- </div>
357
- <!-- ./wrapper -->
358
-
359
- @@include('./_scripts.html', {
360
- "path": "."
361
- })
362
-
363
- <!-- OPTIONAL SCRIPTS -->
364
-
365
- <!-- ChartJS -->
366
- <script src="https://cdn.jsdelivr.net/npm/chart.js@3.6.0/dist/chart.min.js" integrity="sha256-7lWo7cjrrponRJcS6bc8isfsPDwSKoaYfGIHgSheQkk=" crossorigin="anonymous"></script>
367
- <script>
368
- // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
369
- // IT'S ALL JUST JUNK FOR DEMO
370
- // ++++++++++++++++++++++++++++++++++++++++++
371
-
372
- /* Chart.js Charts */
373
- // Sales chart
374
- (function () {
375
- 'use strict'
376
-
377
- var salesChartCanvas = document.querySelector('#revenue-chart-canvas').getContext('2d')
378
-
379
- var salesChartData = {
380
- labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
381
- datasets: [
382
- {
383
- label: 'Digital Goods',
384
- backgroundColor: 'rgba(60,141,188,0.9)',
385
- borderColor: 'rgba(60,141,188,0.8)',
386
- fill: true,
387
- tension: 0.4,
388
- pointRadius: 0,
389
- pointColor: '#3b8bba',
390
- pointStrokeColor: 'rgba(60,141,188,1)',
391
- pointHighlightFill: '#fff',
392
- pointHighlightStroke: 'rgba(60,141,188,1)',
393
- data: [28, 48, 40, 19, 86, 27, 90]
394
- },
395
- {
396
- label: 'Electronics',
397
- backgroundColor: 'rgba(210, 214, 222, 1)',
398
- borderColor: 'rgba(210, 214, 222, 1)',
399
- fill: true,
400
- tension: 0.4,
401
- pointRadius: 0,
402
- pointColor: 'rgba(210, 214, 222, 1)',
403
- pointStrokeColor: '#c1c7d1',
404
- pointHighlightFill: '#fff',
405
- pointHighlightStroke: 'rgba(220,220,220,1)',
406
- data: [65, 59, 80, 81, 56, 55, 40]
407
- }
408
- ]
409
- }
410
-
411
- var salesChartOptions = {
412
- maintainAspectRatio: false,
413
- responsive: true,
414
- plugins: {
415
- legend: {
416
- display: false
417
- }
418
- },
419
- scales: {
420
- xAxes: {
421
- gridLines: {
422
- display: false
423
- }
424
- },
425
- yAxes: {
426
- gridLines: {
427
- display: false
428
- }
429
- }
430
- }
431
- }
432
-
433
- // This will get the first returned node in the js collection.
434
- var salesChart = new Chart(salesChartCanvas, { // lgtm[js/unused-local-variable]
435
- type: 'line',
436
- data: salesChartData,
437
- options: salesChartOptions
438
- })
439
-
440
- // Donut Chart
441
- var pieChartCanvas = document.querySelector('#sales-chart-canvas').getContext('2d')
442
- var pieData = {
443
- labels: [
444
- 'Instore Sales',
445
- 'Download Sales',
446
- 'Mail-Order Sales'
447
- ],
448
- datasets: [
449
- {
450
- data: [30, 12, 20],
451
- backgroundColor: ['#f56954', '#00a65a', '#f39c12']
452
- }
453
- ]
454
- }
455
- var pieOptions = {
456
- plugins: {
457
- legend: {
458
- display: false
459
- }
460
- },
461
- maintainAspectRatio: false,
462
- responsive: true
463
- }
464
- // Create pie or douhnut chart
465
- // You can switch between pie and douhnut using the method below.
466
- // eslint-disable-next-line no-unused-vars
467
- var pieChart = new Chart(pieChartCanvas, { // lgtm[js/unused-local-variable]
468
- type: 'doughnut',
469
- data: pieData,
470
- options: pieOptions
471
- })
472
- })()
473
-
474
- </script>
475
- </body>
476
- </html>