admin-lte 4.0.0-alpha3 → 4.0.0-beta2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (186) hide show
  1. package/.astro/settings.json +5 -0
  2. package/README.md +6 -1
  3. package/dist/css/adminlte.css +238 -226
  4. package/dist/css/adminlte.css.map +1 -1
  5. package/dist/css/adminlte.min.css +2 -2
  6. package/dist/css/adminlte.min.css.map +1 -1
  7. package/dist/css/adminlte.rtl.css +245 -224
  8. package/dist/css/adminlte.rtl.css.map +1 -1
  9. package/dist/css/adminlte.rtl.min.css +2 -2
  10. package/dist/css/adminlte.rtl.min.css.map +1 -1
  11. package/dist/js/adminlte.js +139 -37
  12. package/dist/js/adminlte.js.map +1 -1
  13. package/dist/js/adminlte.min.js +3 -3
  14. package/dist/js/adminlte.min.js.map +1 -1
  15. package/dist/pages/UI/general.html +901 -0
  16. package/dist/pages/UI/icons.html +452 -0
  17. package/dist/pages/UI/timeline.html +228 -599
  18. package/dist/pages/docs/browser-support.html +206 -509
  19. package/dist/pages/docs/color-mode.html +346 -685
  20. package/dist/pages/docs/components/main-header.html +435 -827
  21. package/dist/pages/docs/components/main-sidebar.html +308 -610
  22. package/dist/pages/docs/faq.html +194 -498
  23. package/dist/pages/docs/how-to-contribute.html +196 -499
  24. package/dist/pages/docs/introduction.html +215 -513
  25. package/dist/pages/docs/javascript/treeview.html +204 -507
  26. package/dist/pages/docs/layout.html +194 -499
  27. package/dist/pages/docs/license.html +194 -498
  28. package/dist/pages/examples/lockscreen.html +21 -59
  29. package/dist/pages/examples/login-v2.html +35 -95
  30. package/dist/pages/examples/login.html +33 -89
  31. package/dist/pages/examples/register-v2.html +37 -102
  32. package/dist/pages/examples/register.html +34 -92
  33. package/dist/pages/forms/general.html +286 -766
  34. package/dist/pages/generate/theme.html +412 -0
  35. package/dist/pages/index.html +310 -807
  36. package/dist/pages/index2.html +502 -1189
  37. package/dist/pages/index3.html +250 -663
  38. package/dist/pages/layout/collapsed-sidebar.html +201 -520
  39. package/dist/pages/layout/fixed-sidebar.html +201 -521
  40. package/dist/pages/layout/layout-custom-area.html +467 -0
  41. package/dist/pages/layout/layout-rtl.html +201 -520
  42. package/dist/pages/layout/logo-switch.html +111 -310
  43. package/dist/pages/layout/sidebar-mini.html +201 -520
  44. package/dist/pages/layout/unfixed-sidebar.html +200 -518
  45. package/dist/pages/tables/simple.html +268 -651
  46. package/dist/pages/widgets/cards.html +263 -705
  47. package/dist/pages/widgets/info-box.html +285 -788
  48. package/dist/pages/widgets/small-box.html +217 -548
  49. package/package.json +34 -33
  50. package/src/scss/_app-content.scss +0 -49
  51. package/src/scss/_app-main.scss +25 -1
  52. package/src/scss/_app-sidebar.scss +3 -8
  53. package/src/scss/_bootstrap-variables.scss +26 -22
  54. package/src/scss/_callouts.scss +6 -0
  55. package/src/scss/_cards.scss +1 -0
  56. package/src/scss/_compact-mode.scss +0 -26
  57. package/src/scss/_direct-chat.scss +5 -0
  58. package/src/scss/_dropdown.scss +1 -0
  59. package/src/scss/_info-box.scss +2 -10
  60. package/src/scss/_timeline.scss +1 -0
  61. package/src/scss/_toasts.scss +33 -0
  62. package/src/scss/_variables.scss +29 -11
  63. package/src/scss/adminlte.scss +1 -2
  64. package/src/scss/pages/_lockscreen.scss +1 -0
  65. package/src/scss/pages/_login_and_register.scss +1 -0
  66. package/src/scss/parts/_extra-components.scss +1 -0
  67. package/src/ts/adminlte.ts +3 -1
  68. package/src/ts/card-widget.ts +3 -2
  69. package/src/ts/direct-chat.ts +3 -2
  70. package/src/ts/fullscreen.ts +110 -0
  71. package/src/ts/layout.ts +3 -2
  72. package/src/ts/push-menu.ts +4 -3
  73. package/src/ts/treeview.ts +20 -3
  74. package/src/ts/util/index.ts +1 -1
  75. package/.bundlewatch.config.json +0 -28
  76. package/.cache/.eslintcache +0 -1
  77. package/.cache/.stylelintcache +0 -1
  78. package/.editorconfig +0 -14
  79. package/.eslintignore +0 -7
  80. package/.eslintrc.json +0 -120
  81. package/.gitattributes +0 -6
  82. package/.gitpod.yml +0 -6
  83. package/.idea/AdminLTE.iml +0 -16
  84. package/.idea/codeStyles/Project.xml +0 -53
  85. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  86. package/.idea/dbnavigator.xml +0 -421
  87. package/.idea/git_toolbox_prj.xml +0 -15
  88. package/.idea/inspectionProfiles/Project_Default.xml +0 -7
  89. package/.idea/jsLibraryMappings.xml +0 -6
  90. package/.idea/jsLinters/eslint.xml +0 -6
  91. package/.idea/modules.xml +0 -8
  92. package/.idea/php.xml +0 -28
  93. package/.idea/vcs.xml +0 -12
  94. package/.stylelintignore +0 -8
  95. package/.stylelintrc.json +0 -47
  96. package/composer.json +0 -25
  97. package/dist/pages/layout/fixed-complete.html +0 -867
  98. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  99. package/src/assets/img/AdminLTELogo.png +0 -0
  100. package/src/assets/img/avatar.png +0 -0
  101. package/src/assets/img/avatar2.png +0 -0
  102. package/src/assets/img/avatar3.png +0 -0
  103. package/src/assets/img/avatar4.png +0 -0
  104. package/src/assets/img/avatar5.png +0 -0
  105. package/src/assets/img/boxed-bg.jpg +0 -0
  106. package/src/assets/img/boxed-bg.png +0 -0
  107. package/src/assets/img/credit/american-express.png +0 -0
  108. package/src/assets/img/credit/cirrus.png +0 -0
  109. package/src/assets/img/credit/mastercard.png +0 -0
  110. package/src/assets/img/credit/paypal.png +0 -0
  111. package/src/assets/img/credit/paypal2.png +0 -0
  112. package/src/assets/img/credit/visa.png +0 -0
  113. package/src/assets/img/default-150x150.png +0 -0
  114. package/src/assets/img/icons.png +0 -0
  115. package/src/assets/img/photo1.png +0 -0
  116. package/src/assets/img/photo2.png +0 -0
  117. package/src/assets/img/photo3.jpg +0 -0
  118. package/src/assets/img/photo4.jpg +0 -0
  119. package/src/assets/img/prod-1.jpg +0 -0
  120. package/src/assets/img/prod-2.jpg +0 -0
  121. package/src/assets/img/prod-3.jpg +0 -0
  122. package/src/assets/img/prod-4.jpg +0 -0
  123. package/src/assets/img/prod-5.jpg +0 -0
  124. package/src/assets/img/user1-128x128.jpg +0 -0
  125. package/src/assets/img/user2-160x160.jpg +0 -0
  126. package/src/assets/img/user3-128x128.jpg +0 -0
  127. package/src/assets/img/user4-128x128.jpg +0 -0
  128. package/src/assets/img/user5-128x128.jpg +0 -0
  129. package/src/assets/img/user6-128x128.jpg +0 -0
  130. package/src/assets/img/user7-128x128.jpg +0 -0
  131. package/src/assets/img/user8-128x128.jpg +0 -0
  132. package/src/config/assets.config.mjs +0 -8
  133. package/src/config/astro.config.mjs +0 -19
  134. package/src/config/postcss.config.mjs +0 -15
  135. package/src/config/rollup.config.js +0 -20
  136. package/src/html/.eslintrc.json +0 -24
  137. package/src/html/.prettierrc.js +0 -11
  138. package/src/html/.tsconfig.json +0 -4
  139. package/src/html/components/_head.astro +0 -47
  140. package/src/html/components/_scripts.astro +0 -51
  141. package/src/html/components/dashboard/_footer.astro +0 -18
  142. package/src/html/components/dashboard/_sidenav.astro +0 -553
  143. package/src/html/components/dashboard/_topbar.astro +0 -213
  144. package/src/html/components/docs/browser-support.mdx +0 -23
  145. package/src/html/components/docs/color-mode.mdx +0 -169
  146. package/src/html/components/docs/components/main-header.mdx +0 -198
  147. package/src/html/components/docs/components/main-sidebar.mdx +0 -129
  148. package/src/html/components/docs/faq.mdx +0 -11
  149. package/src/html/components/docs/how-to-contribute.mdx +0 -34
  150. package/src/html/components/docs/introduction.mdx +0 -60
  151. package/src/html/components/docs/license.mdx +0 -9
  152. package/src/html/components/javascript/treeview.mdx +0 -39
  153. package/src/html/env.d.ts +0 -1
  154. package/src/html/pages/UI/timeline.astro +0 -221
  155. package/src/html/pages/docs/browser-support.astro +0 -71
  156. package/src/html/pages/docs/color-mode.astro +0 -271
  157. package/src/html/pages/docs/components/main-header.astro +0 -319
  158. package/src/html/pages/docs/components/main-sidebar.astro +0 -71
  159. package/src/html/pages/docs/faq.astro +0 -71
  160. package/src/html/pages/docs/how-to-contribute.astro +0 -71
  161. package/src/html/pages/docs/introduction.astro +0 -71
  162. package/src/html/pages/docs/javascript/treeview.astro +0 -71
  163. package/src/html/pages/docs/layout.astro +0 -120
  164. package/src/html/pages/docs/license.astro +0 -71
  165. package/src/html/pages/examples/lockscreen.astro +0 -63
  166. package/src/html/pages/examples/login-v2.astro +0 -109
  167. package/src/html/pages/examples/login.astro +0 -99
  168. package/src/html/pages/examples/register-v2.astro +0 -116
  169. package/src/html/pages/examples/register.astro +0 -102
  170. package/src/html/pages/forms/general.astro +0 -624
  171. package/src/html/pages/index.astro +0 -790
  172. package/src/html/pages/index2.astro +0 -1345
  173. package/src/html/pages/index3.astro +0 -513
  174. package/src/html/pages/layout/collapsed-sidebar.astro +0 -110
  175. package/src/html/pages/layout/fixed-complete.astro +0 -209
  176. package/src/html/pages/layout/fixed-sidebar.astro +0 -109
  177. package/src/html/pages/layout/layout-rtl.astro +0 -109
  178. package/src/html/pages/layout/logo-switch.astro +0 -212
  179. package/src/html/pages/layout/sidebar-mini.astro +0 -108
  180. package/src/html/pages/layout/unfixed-sidebar.astro +0 -107
  181. package/src/html/pages/tables/simple.astro +0 -472
  182. package/src/html/pages/widgets/cards.astro +0 -373
  183. package/src/html/pages/widgets/info-box.astro +0 -413
  184. package/src/html/pages/widgets/small-box.astro +0 -182
  185. package/src/utils/index.js +0 -28
  186. package/tsconfig.json +0 -31
package/dist/pages/index2.html CHANGED
@@ -1,658 +1,378 @@
1
1
  <!DOCTYPE html>
2
- <html lang="en">
3
- <!--begin::Head-->
2
+ <html lang="en"> <!--begin::Head-->
4
3
 
5
4
  <head>
6
5
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7
- <title>AdminLTE | Dashboard v2</title>
8
- <!--begin::Primary Meta Tags-->
6
+ <title>AdminLTE | Dashboard v2</title><!--begin::Primary Meta Tags-->
9
7
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
8
  <meta name="title" content="AdminLTE | Dashboard v2">
11
9
  <meta name="author" content="ColorlibHQ">
12
10
  <meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS.">
13
- <meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard">
14
- <!--end::Primary Meta Tags-->
15
- <!--begin::Fonts-->
16
- <link rel="preconnect" href="https://fonts.googleapis.com">
17
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
18
- <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
19
- <!--end::Fonts-->
20
- <!--begin::Third Party Plugin(OverlayScrollbars)-->
21
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/styles/overlayscrollbars.min.css" integrity="sha256-LWLZPJ7X1jJLI5OG5695qDemW1qQ7lNdbTfQ64ylbUY=" crossorigin="anonymous">
22
- <!--end::Third Party Plugin(OverlayScrollbars)-->
23
- <!--begin::Third Party Plugin(Bootstrap Icons)-->
24
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.min.css" integrity="sha256-BicZsQAhkGHIoR//IB2amPN5SrRb3fHB8tFsnqRAwnk=" crossorigin="anonymous">
25
- <!--end::Third Party Plugin(Bootstrap Icons)-->
26
- <!--begin::Required Plugin(AdminLTE)-->
27
- <link rel="stylesheet" href="../../dist/css/adminlte.css">
28
- <!--end::Required Plugin(AdminLTE)-->
29
-
30
- <!-- apexcharts -->
11
+ <meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"><!--end::Primary Meta Tags--><!--begin::Fonts-->
12
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css" integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" crossorigin="anonymous"><!--end::Fonts--><!--begin::Third Party Plugin(OverlayScrollbars)-->
13
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css" integrity="sha256-dSokZseQNT08wYEWiz5iLI8QPlKxG+TswNRD8k35cpg=" crossorigin="anonymous"><!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Third Party Plugin(Bootstrap Icons)-->
14
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css" integrity="sha256-Qsx5lrStHZyR9REqhUF8iQt73X06c8LGIUPzpOhwRrI=" crossorigin="anonymous"><!--end::Third Party Plugin(Bootstrap Icons)--><!--begin::Required Plugin(AdminLTE)-->
15
+ <link rel="stylesheet" href="../../dist/css/adminlte.css"><!--end::Required Plugin(AdminLTE)--><!-- apexcharts -->
31
16
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css" integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0=" crossorigin="anonymous">
32
17
  </head>
33
18
 
34
- <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
35
- <!--begin::App Wrapper-->
36
- <div class="app-wrapper">
37
- <!--begin::Header-->
38
- <nav class="app-header navbar navbar-expand bg-body">
39
- <!--begin::Container-->
40
- <div class="container-fluid">
41
- <!--begin::Start Navbar Links-->
19
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
20
+ <div class="app-wrapper"> <!--begin::Header-->
21
+ <nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
22
+ <div class="container-fluid"> <!--begin::Start Navbar Links-->
42
23
  <ul class="navbar-nav">
43
- <li class="nav-item">
44
- <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
45
- <i class="bi bi-list"></i>
46
- </a>
47
- </li>
48
- <li class="nav-item d-none d-md-block">
49
- <a href="#" class="nav-link">Home</a>
50
- </li>
51
- <li class="nav-item d-none d-md-block">
52
- <a href="#" class="nav-link">Contact</a>
53
- </li>
54
- </ul>
55
- <!--end::Start Navbar Links-->
56
-
57
- <!--begin::End Navbar Links-->
58
- <ul class="navbar-nav ms-auto">
59
- <!--begin::Navbar Search-->
60
- <li class="nav-item">
61
- <a class="nav-link" data-widget="navbar-search" href="#" role="button">
62
- <i class="bi bi-search"></i>
63
- </a>
64
- </li>
65
- <!--end::Navbar Search-->
66
-
67
- <!--begin::Messages Dropdown Menu-->
68
- <li class="nav-item dropdown">
69
- <a class="nav-link" data-bs-toggle="dropdown" href="#">
70
- <i class="bi bi-chat-text"></i>
71
- <span class="navbar-badge badge text-bg-danger">3</span>
72
- </a>
73
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
74
- <a href="#" class="dropdown-item">
75
- <!--begin::Message-->
24
+ <li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
25
+ <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Home</a> </li>
26
+ <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contact</a> </li>
27
+ </ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
28
+ <ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
29
+ <li class="nav-item"> <a class="nav-link" data-widget="navbar-search" href="#" role="button"> <i class="bi bi-search"></i> </a> </li> <!--end::Navbar Search--> <!--begin::Messages Dropdown Menu-->
30
+ <li class="nav-item dropdown"> <a class="nav-link" data-bs-toggle="dropdown" href="#"> <i class="bi bi-chat-text"></i> <span class="navbar-badge badge text-bg-danger">3</span> </a>
31
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <a href="#" class="dropdown-item"> <!--begin::Message-->
76
32
  <div class="d-flex">
77
- <div class="flex-shrink-0">
78
- <img src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
79
- </div>
33
+ <div class="flex-shrink-0"> <img src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
80
34
  <div class="flex-grow-1">
81
35
  <h3 class="dropdown-item-title">
82
36
  Brad Diesel
83
37
  <span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
84
38
  </h3>
85
39
  <p class="fs-7">Call me whenever you can...</p>
86
- <p class="fs-7 text-secondary">
87
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
40
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
88
41
  </p>
89
42
  </div>
90
- </div>
91
- <!--end::Message-->
43
+ </div> <!--end::Message-->
92
44
  </a>
93
- <div class="dropdown-divider"></div>
94
- <a href="#" class="dropdown-item">
95
- <!--begin::Message-->
45
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
96
46
  <div class="d-flex">
97
- <div class="flex-shrink-0">
98
- <img src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
99
- </div>
47
+ <div class="flex-shrink-0"> <img src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
100
48
  <div class="flex-grow-1">
101
49
  <h3 class="dropdown-item-title">
102
50
  John Pierce
103
- <span class="float-end fs-7 text-secondary">
104
- <i class="bi bi-star-fill"></i>
105
- </span>
51
+ <span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
106
52
  </h3>
107
53
  <p class="fs-7">I got your message bro</p>
108
- <p class="fs-7 text-secondary">
109
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
54
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
110
55
  </p>
111
56
  </div>
112
- </div>
113
- <!--end::Message-->
57
+ </div> <!--end::Message-->
114
58
  </a>
115
- <div class="dropdown-divider"></div>
116
- <a href="#" class="dropdown-item">
117
- <!--begin::Message-->
59
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
118
60
  <div class="d-flex">
119
- <div class="flex-shrink-0">
120
- <img src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
121
- </div>
61
+ <div class="flex-shrink-0"> <img src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
122
62
  <div class="flex-grow-1">
123
63
  <h3 class="dropdown-item-title">
124
64
  Nora Silvester
125
- <span class="float-end fs-7 text-warning">
126
- <i class="bi bi-star-fill"></i>
127
- </span>
65
+ <span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
128
66
  </h3>
129
67
  <p class="fs-7">The subject goes here</p>
130
- <p class="fs-7 text-secondary">
131
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
68
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
132
69
  </p>
133
70
  </div>
134
- </div>
135
- <!--end::Message-->
71
+ </div> <!--end::Message-->
136
72
  </a>
137
- <div class="dropdown-divider"></div>
138
- <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
73
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
139
74
  </div>
140
- </li>
141
- <!--end::Messages Dropdown Menu-->
142
-
143
- <!--begin::Notifications Dropdown Menu-->
144
- <li class="nav-item dropdown">
145
- <a class="nav-link" data-bs-toggle="dropdown" href="#">
146
- <i class="bi bi-bell-fill"></i>
147
- <span class="navbar-badge badge text-bg-warning">15</span>
148
- </a>
149
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
150
- <span class="dropdown-item dropdown-header">15 Notifications</span>
151
- <div class="dropdown-divider"></div>
152
- <a href="#" class="dropdown-item">
153
- <i class="bi bi-envelope me-2"></i> 4 new messages
154
- <span class="float-end text-secondary fs-7">3 mins</span>
155
- </a>
156
- <div class="dropdown-divider"></div>
157
- <a href="#" class="dropdown-item">
158
- <i class="bi bi-people-fill me-2"></i> 8 friend requests
159
- <span class="float-end text-secondary fs-7">12 hours</span>
160
- </a>
161
- <div class="dropdown-divider"></div>
162
- <a href="#" class="dropdown-item">
163
- <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
164
- <span class="float-end text-secondary fs-7">2 days</span>
165
- </a>
166
- <div class="dropdown-divider"></div>
167
- <a href="#" class="dropdown-item dropdown-footer">
75
+ </li> <!--end::Messages Dropdown Menu--> <!--begin::Notifications Dropdown Menu-->
76
+ <li class="nav-item dropdown"> <a class="nav-link" data-bs-toggle="dropdown" href="#"> <i class="bi bi-bell-fill"></i> <span class="navbar-badge badge text-bg-warning">15</span> </a>
77
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <span class="dropdown-item dropdown-header">15 Notifications</span>
78
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-envelope me-2"></i> 4 new messages
79
+ <span class="float-end text-secondary fs-7">3 mins</span> </a>
80
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-people-fill me-2"></i> 8 friend requests
81
+ <span class="float-end text-secondary fs-7">12 hours</span> </a>
82
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
83
+ <span class="float-end text-secondary fs-7">2 days</span> </a>
84
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
168
85
  See All Notifications
169
86
  </a>
170
87
  </div>
171
- </li>
172
- <!--end::Notifications Dropdown Menu-->
173
-
174
- <!--begin::User Menu Dropdown-->
175
- <li class="nav-item dropdown user-menu">
176
- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
177
- <img src="../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image">
178
- <span class="d-none d-md-inline">Alexander Pierce</span>
179
- </a>
180
- <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
181
- <!--begin::User Image-->
182
- <li class="user-header text-bg-primary">
183
- <img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
184
-
88
+ </li> <!--end::Notifications Dropdown Menu--> <!--begin::Fullscreen Toggle-->
89
+ <li class="nav-item"> <a class="nav-link" href="#" data-lte-toggle="fullscreen"> <i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i> <i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none;"></i> </a> </li> <!--end::Fullscreen Toggle--> <!--begin::User Menu Dropdown-->
90
+ <li class="nav-item dropdown user-menu"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"> <img src="../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image"> <span class="d-none d-md-inline">Alexander Pierce</span> </a>
91
+ <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
92
+ <li class="user-header text-bg-primary"> <img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
185
93
  <p>
186
94
  Alexander Pierce - Web Developer
187
95
  <small>Member since Nov. 2023</small>
188
96
  </p>
189
- </li>
190
- <!--end::User Image-->
191
- <!--begin::Menu Body-->
192
- <li class="user-body">
193
- <!--begin::Row-->
97
+ </li> <!--end::User Image--> <!--begin::Menu Body-->
98
+ <li class="user-body"> <!--begin::Row-->
194
99
  <div class="row">
195
- <div class="col-4 text-center">
196
- <a href="#">Followers</a>
197
- </div>
198
- <div class="col-4 text-center">
199
- <a href="#">Sales</a>
200
- </div>
201
- <div class="col-4 text-center">
202
- <a href="#">Friends</a>
203
- </div>
204
- </div>
205
- <!--end::Row-->
206
- </li>
207
- <!--end::Menu Body-->
208
- <!--begin::Menu Footer-->
209
- <li class="user-footer">
210
- <a href="#" class="btn btn-default btn-flat">Profile</a>
211
- <a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
212
- </li>
213
- <!--end::Menu Footer-->
100
+ <div class="col-4 text-center"> <a href="#">Followers</a> </div>
101
+ <div class="col-4 text-center"> <a href="#">Sales</a> </div>
102
+ <div class="col-4 text-center"> <a href="#">Friends</a> </div>
103
+ </div> <!--end::Row-->
104
+ </li> <!--end::Menu Body--> <!--begin::Menu Footer-->
105
+ <li class="user-footer"> <a href="#" class="btn btn-default btn-flat">Profile</a> <a href="#" class="btn btn-default btn-flat float-end">Sign out</a> </li> <!--end::Menu Footer-->
214
106
  </ul>
215
- </li>
216
- <!--end::User Menu Dropdown-->
217
- </ul>
218
- <!--end::End Navbar Links-->
219
- </div>
220
- <!--end::Container-->
221
- </nav>
222
- <!--end::Header-->
223
- <!--begin::Sidebar-->
224
- <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
225
- <!--begin::Sidebar Brand-->
226
- <div class="sidebar-brand">
227
- <!--begin::Brand Link-->
228
- <a href="./index.html" class="brand-link">
229
- <!--begin::Brand Image-->
230
- <img src="../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
231
- <!--end::Brand Image-->
232
- <!--begin::Brand Text-->
233
- <span class="brand-text fw-light">AdminLTE 4</span>
234
- <!--end::Brand Text-->
235
- </a>
236
- <!--end::Brand Link-->
237
- </div>
238
- <!--end::Sidebar Brand-->
239
- <!--begin::Sidebar Wrapper-->
107
+ </li> <!--end::User Menu Dropdown-->
108
+ </ul> <!--end::End Navbar Links-->
109
+ </div> <!--end::Container-->
110
+ </nav> <!--end::Header--> <!--begin::Sidebar-->
111
+ <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
112
+ <div class="sidebar-brand"> <!--begin::Brand Link--> <a href="./index.html" class="brand-link"> <!--begin::Brand Image--> <img src="../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow"> <!--end::Brand Image--> <!--begin::Brand Text--> <span class="brand-text fw-light">AdminLTE 4</span> <!--end::Brand Text--> </a> <!--end::Brand Link--> </div> <!--end::Sidebar Brand--> <!--begin::Sidebar Wrapper-->
240
113
  <div class="sidebar-wrapper">
241
- <nav class="mt-2">
242
- <!--begin::Sidebar Menu-->
114
+ <nav class="mt-2"> <!--begin::Sidebar Menu-->
243
115
  <ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
244
- <li class="nav-item menu-open">
245
- <a href="#" class="nav-link active">
246
- <i class="nav-icon bi bi-speedometer"></i>
116
+ <li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-speedometer"></i>
247
117
  <p>
248
118
  Dashboard
249
119
  <i class="nav-arrow bi bi-chevron-right"></i>
250
120
  </p>
251
121
  </a>
252
122
  <ul class="nav nav-treeview">
253
- <li class="nav-item">
254
- <a href="./index.html" class="nav-link">
255
- <i class="nav-icon bi bi-circle"></i>
123
+ <li class="nav-item"> <a href="./index.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
256
124
  <p>Dashboard v1</p>
257
- </a>
258
- </li>
259
- <li class="nav-item">
260
- <a href="./index2.html" class="nav-link active">
261
- <i class="nav-icon bi bi-circle"></i>
125
+ </a> </li>
126
+ <li class="nav-item"> <a href="./index2.html" class="nav-link active"> <i class="nav-icon bi bi-circle"></i>
262
127
  <p>Dashboard v2</p>
263
- </a>
264
- </li>
265
- <li class="nav-item">
266
- <a href="./index3.html" class="nav-link">
267
- <i class="nav-icon bi bi-circle"></i>
128
+ </a> </li>
129
+ <li class="nav-item"> <a href="./index3.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
268
130
  <p>Dashboard v3</p>
269
- </a>
270
- </li>
131
+ </a> </li>
271
132
  </ul>
272
133
  </li>
273
- <li class="nav-item">
274
- <a href="#" class="nav-link">
275
- <i class="nav-icon bi bi-box-seam-fill"></i>
134
+ <li class="nav-item"> <a href="./generate/theme.html" class="nav-link"> <i class="nav-icon bi bi-palette"></i>
135
+ <p>Theme Generate</p>
136
+ </a> </li>
137
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
276
138
  <p>
277
139
  Widgets
278
140
  <i class="nav-arrow bi bi-chevron-right"></i>
279
141
  </p>
280
142
  </a>
281
143
  <ul class="nav nav-treeview">
282
- <li class="nav-item">
283
- <a href="./widgets/small-box.html" class="nav-link">
284
- <i class="nav-icon bi bi-circle"></i>
144
+ <li class="nav-item"> <a href="./widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
285
145
  <p>Small Box</p>
286
- </a>
287
- </li>
288
- <li class="nav-item">
289
- <a href="./widgets/info-box.html" class="nav-link">
290
- <i class="nav-icon bi bi-circle"></i>
146
+ </a> </li>
147
+ <li class="nav-item"> <a href="./widgets/info-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
291
148
  <p>info Box</p>
292
- </a>
293
- </li>
294
- <li class="nav-item">
295
- <a href="./widgets/cards.html" class="nav-link">
296
- <i class="nav-icon bi bi-circle"></i>
149
+ </a> </li>
150
+ <li class="nav-item"> <a href="./widgets/cards.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
297
151
  <p>Cards</p>
298
- </a>
299
- </li>
152
+ </a> </li>
300
153
  </ul>
301
154
  </li>
302
- <li class="nav-item">
303
- <a href="#" class="nav-link">
304
- <i class="nav-icon bi bi-clipboard-fill"></i>
155
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-clipboard-fill"></i>
305
156
  <p>
306
157
  Layout Options
307
- <span class="nav-badge badge text-bg-secondary me-3">6</span>
308
- <i class="nav-arrow bi bi-chevron-right"></i>
158
+ <span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
309
159
  </p>
310
160
  </a>
311
161
  <ul class="nav nav-treeview">
312
- <li class="nav-item">
313
- <a href="./layout/unfixed-sidebar.html" class="nav-link">
314
- <i class="nav-icon bi bi-circle"></i>
162
+ <li class="nav-item"> <a href="./layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
315
163
  <p>Default Sidebar</p>
316
- </a>
317
- </li>
318
- <li class="nav-item">
319
- <a href="./layout/fixed-sidebar.html" class="nav-link">
320
- <i class="nav-icon bi bi-circle"></i>
164
+ </a> </li>
165
+ <li class="nav-item"> <a href="./layout/fixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
321
166
  <p>Fixed Sidebar</p>
322
- </a>
323
- </li>
324
- <li class="nav-item">
325
- <a href="./layout/fixed-complete.html" class="nav-link">
326
- <i class="nav-icon bi bi-circle"></i>
327
- <p>Fixed Complete</p>
328
- </a>
329
- </li>
330
- <li class="nav-item">
331
- <a href="./layout/sidebar-mini.html" class="nav-link">
332
- <i class="nav-icon bi bi-circle"></i>
167
+ </a> </li>
168
+ <li class="nav-item"> <a href="./layout/layout-custom-area.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
169
+ <p>Layout <small>+ Custom Area </small></p>
170
+ </a> </li>
171
+ <li class="nav-item"> <a href="./layout/sidebar-mini.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
333
172
  <p>Sidebar Mini</p>
334
- </a>
335
- </li>
336
- <li class="nav-item">
337
- <a href="./layout/collapsed-sidebar.html" class="nav-link">
338
- <i class="nav-icon bi bi-circle"></i>
173
+ </a> </li>
174
+ <li class="nav-item"> <a href="./layout/collapsed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
339
175
  <p>Sidebar Mini <small>+ Collapsed</small></p>
340
- </a>
341
- </li>
342
- <li class="nav-item">
343
- <a href="./layout/logo-switch.html" class="nav-link">
344
- <i class="nav-icon bi bi-circle"></i>
176
+ </a> </li>
177
+ <li class="nav-item"> <a href="./layout/logo-switch.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
345
178
  <p>Sidebar Mini <small>+ Logo Switch</small></p>
346
- </a>
347
- </li>
348
- <li class="nav-item">
349
- <a href="./layout/layout-rtl.html" class="nav-link">
350
- <i class="nav-icon bi bi-circle"></i>
179
+ </a> </li>
180
+ <li class="nav-item"> <a href="./layout/layout-rtl.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
351
181
  <p>Layout RTL</p>
352
- </a>
353
- </li>
182
+ </a> </li>
354
183
  </ul>
355
184
  </li>
356
- <li class="nav-item">
357
- <a href="#" class="nav-link">
358
- <i class="nav-icon bi bi-tree-fill"></i>
185
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-tree-fill"></i>
359
186
  <p>
360
187
  UI Elements
361
188
  <i class="nav-arrow bi bi-chevron-right"></i>
362
189
  </p>
363
190
  </a>
364
191
  <ul class="nav nav-treeview">
365
- <li class="nav-item">
366
- <a href="./UI/timeline.html" class="nav-link">
367
- <i class="nav-icon bi bi-circle"></i>
192
+ <li class="nav-item"> <a href="./UI/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
193
+ <p>General</p>
194
+ </a> </li>
195
+ <li class="nav-item"> <a href="./UI/icons.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
196
+ <p>Icons</p>
197
+ </a> </li>
198
+ <li class="nav-item"> <a href="./UI/timeline.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
368
199
  <p>Timeline</p>
369
- </a>
370
- </li>
200
+ </a> </li>
371
201
  </ul>
372
202
  </li>
373
- <li class="nav-item">
374
- <a href="#" class="nav-link">
375
- <i class="nav-icon bi bi-pencil-square"></i>
203
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
376
204
  <p>
377
205
  Forms
378
206
  <i class="nav-arrow bi bi-chevron-right"></i>
379
207
  </p>
380
208
  </a>
381
209
  <ul class="nav nav-treeview">
382
- <li class="nav-item">
383
- <a href="./forms/general.html" class="nav-link">
384
- <i class="nav-icon bi bi-circle"></i>
210
+ <li class="nav-item"> <a href="./forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
385
211
  <p>General Elements</p>
386
- </a>
387
- </li>
212
+ </a> </li>
388
213
  </ul>
389
214
  </li>
390
- <li class="nav-item">
391
- <a href="#" class="nav-link">
392
- <i class="nav-icon bi bi-table"></i>
215
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-table"></i>
393
216
  <p>
394
217
  Tables
395
218
  <i class="nav-arrow bi bi-chevron-right"></i>
396
219
  </p>
397
220
  </a>
398
221
  <ul class="nav nav-treeview">
399
- <li class="nav-item">
400
- <a href="./tables/simple.html" class="nav-link">
401
- <i class="nav-icon bi bi-circle"></i>
222
+ <li class="nav-item"> <a href="./tables/simple.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
402
223
  <p>Simple Tables</p>
403
- </a>
404
- </li>
224
+ </a> </li>
405
225
  </ul>
406
226
  </li>
407
-
408
227
  <li class="nav-header">EXAMPLES</li>
409
- <li class="nav-item">
410
- <a href="#" class="nav-link">
411
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
228
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
412
229
  <p>
413
230
  Auth
414
231
  <i class="nav-arrow bi bi-chevron-right"></i>
415
232
  </p>
416
233
  </a>
417
234
  <ul class="nav nav-treeview">
418
- <li class="nav-item">
419
- <a href="#" class="nav-link">
420
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
235
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
421
236
  <p>
422
237
  Version 1
423
238
  <i class="nav-arrow bi bi-chevron-right"></i>
424
239
  </p>
425
240
  </a>
426
241
  <ul class="nav nav-treeview">
427
- <li class="nav-item">
428
- <a href="./examples/login.html" class="nav-link">
429
- <i class="nav-icon bi bi-circle"></i>
242
+ <li class="nav-item"> <a href="./examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
430
243
  <p>Login</p>
431
- </a>
432
- </li>
433
- <li class="nav-item">
434
- <a href="./examples/register.html" class="nav-link">
435
- <i class="nav-icon bi bi-circle"></i>
244
+ </a> </li>
245
+ <li class="nav-item"> <a href="./examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
436
246
  <p>Register</p>
437
- </a>
438
- </li>
247
+ </a> </li>
439
248
  </ul>
440
249
  </li>
441
- <li class="nav-item">
442
- <a href="#" class="nav-link">
443
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
250
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
444
251
  <p>
445
252
  Version 2
446
253
  <i class="nav-arrow bi bi-chevron-right"></i>
447
254
  </p>
448
255
  </a>
449
256
  <ul class="nav nav-treeview">
450
- <li class="nav-item">
451
- <a href="./examples/login-v2.html" class="nav-link">
452
- <i class="nav-icon bi bi-circle"></i>
257
+ <li class="nav-item"> <a href="./examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
453
258
  <p>Login</p>
454
- </a>
455
- </li>
456
- <li class="nav-item">
457
- <a href="./examples/register-v2.html" class="nav-link">
458
- <i class="nav-icon bi bi-circle"></i>
259
+ </a> </li>
260
+ <li class="nav-item"> <a href="./examples/register-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
459
261
  <p>Register</p>
460
- </a>
461
- </li>
262
+ </a> </li>
462
263
  </ul>
463
264
  </li>
464
- <li class="nav-item">
465
- <a href="./examples/lockscreen.html" class="nav-link">
466
- <i class="nav-icon bi bi-circle"></i>
265
+ <li class="nav-item"> <a href="./examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
467
266
  <p>Lockscreen</p>
468
- </a>
469
- </li>
267
+ </a> </li>
470
268
  </ul>
471
269
  </li>
472
-
473
270
  <li class="nav-header">DOCUMENTATIONS</li>
474
- <li class="nav-item">
475
- <a href="./docs/introduction.html" class="nav-link">
476
- <i class="nav-icon bi bi-download"></i>
271
+ <li class="nav-item"> <a href="./docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
477
272
  <p>Installation</p>
478
- </a>
479
- </li>
480
- <li class="nav-item">
481
- <a href="./docs/layout.html" class="nav-link">
482
- <i class="nav-icon bi bi-grip-horizontal"></i>
273
+ </a> </li>
274
+ <li class="nav-item"> <a href="./docs/layout.html" class="nav-link"> <i class="nav-icon bi bi-grip-horizontal"></i>
483
275
  <p>Layout</p>
484
- </a>
485
- </li>
486
- <li class="nav-item">
487
- <a href="./docs/color-mode.html" class="nav-link">
488
- <i class="nav-icon bi bi-star-half"></i>
276
+ </a> </li>
277
+ <li class="nav-item"> <a href="./docs/color-mode.html" class="nav-link"> <i class="nav-icon bi bi-star-half"></i>
489
278
  <p>Color Mode</p>
490
- </a>
491
- </li>
492
- <li class="nav-item">
493
- <a href="#" class="nav-link">
494
- <i class="nav-icon bi bi-ui-checks-grid"></i>
279
+ </a> </li>
280
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-ui-checks-grid"></i>
495
281
  <p>
496
282
  Components
497
283
  <i class="nav-arrow bi bi-chevron-right"></i>
498
284
  </p>
499
285
  </a>
500
286
  <ul class="nav nav-treeview">
501
- <li class="nav-item">
502
- <a href="./docs/components/main-header.html" class="nav-link">
503
- <i class="nav-icon bi bi-circle"></i>
287
+ <li class="nav-item"> <a href="./docs/components/main-header.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
504
288
  <p>Main Header</p>
505
- </a>
506
- </li>
507
- <li class="nav-item">
508
- <a href="./docs/components/main-sidebar.html" class="nav-link">
509
- <i class="nav-icon bi bi-circle"></i>
289
+ </a> </li>
290
+ <li class="nav-item"> <a href="./docs/components/main-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
510
291
  <p>Main Sidebar</p>
511
- </a>
512
- </li>
292
+ </a> </li>
513
293
  </ul>
514
294
  </li>
515
- <li class="nav-item">
516
- <a href="#" class="nav-link">
517
- <i class="nav-icon bi bi-filetype-js"></i>
295
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
518
296
  <p>
519
297
  Javascript
520
298
  <i class="nav-arrow bi bi-chevron-right"></i>
521
299
  </p>
522
300
  </a>
523
301
  <ul class="nav nav-treeview">
524
- <li class="nav-item">
525
- <a href="./docs/javascript/treeview.html" class="nav-link">
526
- <i class="nav-icon bi bi-circle"></i>
302
+ <li class="nav-item"> <a href="./docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
527
303
  <p>Treeview</p>
528
- </a>
529
- </li>
304
+ </a> </li>
530
305
  </ul>
531
306
  </li>
532
- <li class="nav-item">
533
- <a href="./docs/browser-support.html" class="nav-link">
534
- <i class="nav-icon bi bi-browser-edge"></i>
307
+ <li class="nav-item"> <a href="./docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
535
308
  <p>Browser Support</p>
536
- </a>
537
- </li>
538
- <li class="nav-item">
539
- <a href="./docs/how-to-contribute.html" class="nav-link">
540
- <i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
309
+ </a> </li>
310
+ <li class="nav-item"> <a href="./docs/how-to-contribute.html" class="nav-link"> <i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
541
311
  <p>How To Contribute</p>
542
- </a>
543
- </li>
544
- <li class="nav-item">
545
- <a href="./docs/faq.html" class="nav-link">
546
- <i class="nav-icon bi bi-question-circle-fill"></i>
312
+ </a> </li>
313
+ <li class="nav-item"> <a href="./docs/faq.html" class="nav-link"> <i class="nav-icon bi bi-question-circle-fill"></i>
547
314
  <p>FAQ</p>
548
- </a>
549
- </li>
550
- <li class="nav-item">
551
- <a href="./docs/license.html" class="nav-link">
552
- <i class="nav-icon bi bi-patch-check-fill"></i>
315
+ </a> </li>
316
+ <li class="nav-item"> <a href="./docs/license.html" class="nav-link"> <i class="nav-icon bi bi-patch-check-fill"></i>
553
317
  <p>License</p>
554
- </a>
555
- </li>
556
-
318
+ </a> </li>
557
319
  <li class="nav-header">MULTI LEVEL EXAMPLE</li>
558
- <li class="nav-item">
559
- <a href="#" class="nav-link">
560
- <i class="nav-icon bi bi-circle-fill"></i>
320
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
561
321
  <p>Level 1</p>
562
- </a>
563
- </li>
564
- <li class="nav-item">
565
- <a href="#" class="nav-link">
566
- <i class="nav-icon bi bi-circle-fill"></i>
322
+ </a> </li>
323
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
567
324
  <p>
568
325
  Level 1
569
326
  <i class="nav-arrow bi bi-chevron-right"></i>
570
327
  </p>
571
328
  </a>
572
329
  <ul class="nav nav-treeview">
573
- <li class="nav-item">
574
- <a href="#" class="nav-link">
575
- <i class="nav-icon bi bi-circle"></i>
330
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
576
331
  <p>Level 2</p>
577
- </a>
578
- </li>
579
- <li class="nav-item">
580
- <a href="#" class="nav-link">
581
- <i class="nav-icon bi bi-circle"></i>
332
+ </a> </li>
333
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
582
334
  <p>
583
335
  Level 2
584
336
  <i class="nav-arrow bi bi-chevron-right"></i>
585
337
  </p>
586
338
  </a>
587
339
  <ul class="nav nav-treeview">
588
- <li class="nav-item">
589
- <a href="#" class="nav-link">
590
- <i class="nav-icon bi bi-record-circle-fill"></i>
340
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
591
341
  <p>Level 3</p>
592
- </a>
593
- </li>
594
- <li class="nav-item">
595
- <a href="#" class="nav-link">
596
- <i class="nav-icon bi bi-record-circle-fill"></i>
342
+ </a> </li>
343
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
597
344
  <p>Level 3</p>
598
- </a>
599
- </li>
600
- <li class="nav-item">
601
- <a href="#" class="nav-link">
602
- <i class="nav-icon bi bi-record-circle-fill"></i>
345
+ </a> </li>
346
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
603
347
  <p>Level 3</p>
604
- </a>
605
- </li>
348
+ </a> </li>
606
349
  </ul>
607
350
  </li>
608
- <li class="nav-item">
609
- <a href="#" class="nav-link">
610
- <i class="nav-icon bi bi-circle"></i>
351
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
611
352
  <p>Level 2</p>
612
- </a>
613
- </li>
353
+ </a> </li>
614
354
  </ul>
615
355
  </li>
616
- <li class="nav-item">
617
- <a href="#" class="nav-link">
618
- <i class="nav-icon bi bi-circle-fill"></i>
356
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
619
357
  <p>Level 1</p>
620
- </a>
621
- </li>
622
-
358
+ </a> </li>
623
359
  <li class="nav-header">LABELS</li>
624
- <li class="nav-item">
625
- <a href="#" class="nav-link">
626
- <i class="nav-icon bi bi-circle text-danger"></i>
360
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
627
361
  <p class="text">Important</p>
628
- </a>
629
- </li>
630
- <li class="nav-item">
631
- <a href="#" class="nav-link">
632
- <i class="nav-icon bi bi-circle text-warning"></i>
362
+ </a> </li>
363
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-warning"></i>
633
364
  <p>Warning</p>
634
- </a>
635
- </li>
636
- <li class="nav-item">
637
- <a href="#" class="nav-link">
638
- <i class="nav-icon bi bi-circle text-info"></i>
365
+ </a> </li>
366
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-info"></i>
639
367
  <p>Informational</p>
640
- </a>
641
- </li>
642
- </ul>
643
- <!--end::Sidebar Menu-->
368
+ </a> </li>
369
+ </ul> <!--end::Sidebar Menu-->
644
370
  </nav>
645
- </div>
646
- <!--end::Sidebar Wrapper-->
647
- </aside>
648
- <!--end::Sidebar-->
649
- <!--begin::App Main-->
650
- <main class="app-main">
651
- <!--begin::App Content Header-->
652
- <div class="app-content-header">
653
- <!--begin::Container-->
654
- <div class="container-fluid">
655
- <!--begin::Row-->
371
+ </div> <!--end::Sidebar Wrapper-->
372
+ </aside> <!--end::Sidebar--> <!--begin::App Main-->
373
+ <main class="app-main"> <!--begin::App Content Header-->
374
+ <div class="app-content-header"> <!--begin::Container-->
375
+ <div class="container-fluid"> <!--begin::Row-->
656
376
  <div class="row">
657
377
  <div class="col-sm-6">
658
378
  <h3 class="mb-0">Dashboard v2</h3>
@@ -665,597 +385,299 @@
665
385
  </li>
666
386
  </ol>
667
387
  </div>
668
- </div>
669
- <!--end::Row-->
670
- </div>
671
- <!--end::Container-->
388
+ </div> <!--end::Row-->
389
+ </div> <!--end::Container-->
672
390
  </div>
673
- <div class="app-content">
674
- <!--begin::Container-->
675
- <div class="container-fluid">
676
- <!-- Info boxes -->
391
+ <div class="app-content"> <!--begin::Container-->
392
+ <div class="container-fluid"> <!-- Info boxes -->
677
393
  <div class="row">
678
394
  <div class="col-12 col-sm-6 col-md-3">
679
- <div class="info-box">
680
- <span class="info-box-icon text-bg-primary shadow-sm">
681
- <i class="bi bi-gear-fill"></i>
682
- </span>
683
-
684
- <div class="info-box-content">
685
- <span class="info-box-text">CPU Traffic</span>
686
- <span class="info-box-number">
395
+ <div class="info-box"> <span class="info-box-icon text-bg-primary shadow-sm"> <i class="bi bi-gear-fill"></i> </span>
396
+ <div class="info-box-content"> <span class="info-box-text">CPU Traffic</span> <span class="info-box-number">
687
397
  10
688
- <small>%</small>
689
- </span>
690
- </div>
691
- <!-- /.info-box-content -->
692
- </div>
693
- <!-- /.info-box -->
694
- </div>
695
- <!-- /.col -->
398
+ <small>%</small> </span> </div> <!-- /.info-box-content -->
399
+ </div> <!-- /.info-box -->
400
+ </div> <!-- /.col -->
696
401
  <div class="col-12 col-sm-6 col-md-3">
697
- <div class="info-box">
698
- <span class="info-box-icon text-bg-danger shadow-sm">
699
- <i class="bi bi-hand-thumbs-up-fill"></i>
700
- </span>
701
-
702
- <div class="info-box-content">
703
- <span class="info-box-text">Likes</span>
704
- <span class="info-box-number">41,410</span>
705
- </div>
706
- <!-- /.info-box-content -->
707
- </div>
708
- <!-- /.info-box -->
709
- </div>
710
- <!-- /.col -->
711
-
712
- <!-- fix for small devices only -->
713
- <!-- <div class="clearfix hidden-md-up"></div> -->
714
-
402
+ <div class="info-box"> <span class="info-box-icon text-bg-danger shadow-sm"> <i class="bi bi-hand-thumbs-up-fill"></i> </span>
403
+ <div class="info-box-content"> <span class="info-box-text">Likes</span> <span class="info-box-number">41,410</span> </div> <!-- /.info-box-content -->
404
+ </div> <!-- /.info-box -->
405
+ </div> <!-- /.col --> <!-- fix for small devices only --> <!-- <div class="clearfix hidden-md-up"></div> -->
715
406
  <div class="col-12 col-sm-6 col-md-3">
716
- <div class="info-box">
717
- <span class="info-box-icon text-bg-success shadow-sm">
718
- <i class="bi bi-cart-fill"></i>
719
- </span>
720
-
721
- <div class="info-box-content">
722
- <span class="info-box-text">Sales</span>
723
- <span class="info-box-number">760</span>
724
- </div>
725
- <!-- /.info-box-content -->
726
- </div>
727
- <!-- /.info-box -->
728
- </div>
729
- <!-- /.col -->
407
+ <div class="info-box"> <span class="info-box-icon text-bg-success shadow-sm"> <i class="bi bi-cart-fill"></i> </span>
408
+ <div class="info-box-content"> <span class="info-box-text">Sales</span> <span class="info-box-number">760</span> </div> <!-- /.info-box-content -->
409
+ </div> <!-- /.info-box -->
410
+ </div> <!-- /.col -->
730
411
  <div class="col-12 col-sm-6 col-md-3">
731
- <div class="info-box">
732
- <span class="info-box-icon text-bg-warning shadow-sm">
733
- <i class="bi bi-people-fill"></i>
734
- </span>
735
-
736
- <div class="info-box-content">
737
- <span class="info-box-text">New Members</span>
738
- <span class="info-box-number">2,000</span>
739
- </div>
740
- <!-- /.info-box-content -->
741
- </div>
742
- <!-- /.info-box -->
743
- </div>
744
- <!-- /.col -->
745
- </div>
746
- <!-- /.row -->
747
-
748
- <!--begin::Row-->
412
+ <div class="info-box"> <span class="info-box-icon text-bg-warning shadow-sm"> <i class="bi bi-people-fill"></i> </span>
413
+ <div class="info-box-content"> <span class="info-box-text">New Members</span> <span class="info-box-number">2,000</span> </div> <!-- /.info-box-content -->
414
+ </div> <!-- /.info-box -->
415
+ </div> <!-- /.col -->
416
+ </div> <!-- /.row --> <!--begin::Row-->
749
417
  <div class="row">
750
418
  <div class="col-md-12">
751
419
  <div class="card mb-4">
752
420
  <div class="card-header">
753
421
  <h5 class="card-title">Monthly Recap Report</h5>
754
-
755
- <div class="card-tools">
756
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
757
- <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
758
- <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
759
- </button>
760
- <div class="btn-group">
761
- <button type="button" class="btn btn-tool dropdown-toggle" data-bs-toggle="dropdown">
762
- <i class="bi bi-wrench"></i>
763
- </button>
764
- <div class="dropdown-menu dropdown-menu-end" role="menu">
765
- <a href="#" class="dropdown-item">Action</a>
766
- <a href="#" class="dropdown-item">Another action</a>
767
- <a href="#" class="dropdown-item">
422
+ <div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button>
423
+ <div class="btn-group"> <button type="button" class="btn btn-tool dropdown-toggle" data-bs-toggle="dropdown"> <i class="bi bi-wrench"></i> </button>
424
+ <div class="dropdown-menu dropdown-menu-end" role="menu"> <a href="#" class="dropdown-item">Action</a> <a href="#" class="dropdown-item">Another action</a> <a href="#" class="dropdown-item">
768
425
  Something else here
769
- </a>
770
- <a class="dropdown-divider"></a>
771
- <a href="#" class="dropdown-item">Separated link</a>
772
- </div>
773
- </div>
774
- <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
775
- <i class="bi bi-x-lg"></i>
776
- </button>
426
+ </a> <a class="dropdown-divider"></a> <a href="#" class="dropdown-item">Separated link</a> </div>
427
+ </div> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button>
777
428
  </div>
778
- </div>
779
- <!-- /.card-header -->
780
- <div class="card-body">
781
- <!--begin::Row-->
429
+ </div> <!-- /.card-header -->
430
+ <div class="card-body"> <!--begin::Row-->
782
431
  <div class="row">
783
432
  <div class="col-md-8">
784
- <p class="text-center">
785
- <strong>Sales: 1 Jan, 2023 - 30 Jul, 2023</strong>
786
- </p>
787
-
433
+ <p class="text-center"> <strong>Sales: 1 Jan, 2023 - 30 Jul, 2023</strong> </p>
788
434
  <div id="sales-chart"></div>
789
- </div>
790
- <!-- /.col -->
435
+ </div> <!-- /.col -->
791
436
  <div class="col-md-4">
792
- <p class="text-center">
793
- <strong>Goal Completion</strong>
794
- </p>
795
-
437
+ <p class="text-center"> <strong>Goal Completion</strong> </p>
796
438
  <div class="progress-group">
797
439
  Add Products to Cart
798
440
  <span class="float-end"><b>160</b>/200</span>
799
441
  <div class="progress progress-sm">
800
- <div class="progress-bar text-bg-primary" style="width: 80%">
801
- </div>
442
+ <div class="progress-bar text-bg-primary" style="width: 80%"></div>
802
443
  </div>
803
- </div>
804
- <!-- /.progress-group -->
805
-
444
+ </div> <!-- /.progress-group -->
806
445
  <div class="progress-group">
807
446
  Complete Purchase
808
447
  <span class="float-end"><b>310</b>/400</span>
809
448
  <div class="progress progress-sm">
810
- <div class="progress-bar text-bg-danger" style="width: 75%">
811
- </div>
449
+ <div class="progress-bar text-bg-danger" style="width: 75%"></div>
812
450
  </div>
813
- </div>
814
-
815
- <!-- /.progress-group -->
816
- <div class="progress-group">
817
- <span class="progress-text">Visit Premium Page</span>
818
- <span class="float-end"><b>480</b>/800</span>
451
+ </div> <!-- /.progress-group -->
452
+ <div class="progress-group"> <span class="progress-text">Visit Premium Page</span> <span class="float-end"><b>480</b>/800</span>
819
453
  <div class="progress progress-sm">
820
- <div class="progress-bar text-bg-success" style="width: 60%">
821
- </div>
454
+ <div class="progress-bar text-bg-success" style="width: 60%"></div>
822
455
  </div>
823
- </div>
824
-
825
- <!-- /.progress-group -->
456
+ </div> <!-- /.progress-group -->
826
457
  <div class="progress-group">
827
458
  Send Inquiries
828
459
  <span class="float-end"><b>250</b>/500</span>
829
460
  <div class="progress progress-sm">
830
- <div class="progress-bar text-bg-warning" style="width: 50%">
831
- </div>
461
+ <div class="progress-bar text-bg-warning" style="width: 50%"></div>
832
462
  </div>
833
- </div>
834
- <!-- /.progress-group -->
835
- </div>
836
- <!-- /.col -->
837
- </div>
838
- <!--end::Row-->
839
- </div>
840
- <!-- ./card-body -->
841
- <div class="card-footer">
842
- <!--begin::Row-->
463
+ </div> <!-- /.progress-group -->
464
+ </div> <!-- /.col -->
465
+ </div> <!--end::Row-->
466
+ </div> <!-- ./card-body -->
467
+ <div class="card-footer"> <!--begin::Row-->
843
468
  <div class="row">
844
469
  <div class="col-md-3 col-6">
845
- <div class="text-center border-end">
846
- <span class="text-success">
847
- <i class="bi bi-caret-up-fill"></i> 17%
470
+ <div class="text-center border-end"> <span class="text-success"> <i class="bi bi-caret-up-fill"></i> 17%
848
471
  </span>
849
- <h5 class="fw-bold mb-0">$35,210.43</h5>
850
- <span class="text-uppercase">TOTAL REVENUE</span>
472
+ <h5 class="fw-bold mb-0">$35,210.43</h5> <span class="text-uppercase">TOTAL REVENUE</span>
851
473
  </div>
852
- </div>
853
-
854
- <!-- /.col -->
474
+ </div> <!-- /.col -->
855
475
  <div class="col-md-3 col-6">
856
- <div class="text-center border-end">
857
- <span class="text-info">
858
- <i class="bi bi-caret-left-fill"></i> 0%
476
+ <div class="text-center border-end"> <span class="text-info"> <i class="bi bi-caret-left-fill"></i> 0%
859
477
  </span>
860
- <h5 class="fw-bold mb-0">$10,390.90</h5>
861
- <span class="text-uppercase">TOTAL COST</span>
478
+ <h5 class="fw-bold mb-0">$10,390.90</h5> <span class="text-uppercase">TOTAL COST</span>
862
479
  </div>
863
- </div>
864
- <!-- /.col -->
480
+ </div> <!-- /.col -->
865
481
  <div class="col-md-3 col-6">
866
- <div class="text-center border-end">
867
- <span class="text-success">
868
- <i class="bi bi-caret-up-fill"></i> 20%
482
+ <div class="text-center border-end"> <span class="text-success"> <i class="bi bi-caret-up-fill"></i> 20%
869
483
  </span>
870
- <h5 class="fw-bold mb-0">$24,813.53</h5>
871
- <span class="text-uppercase">TOTAL PROFIT</span>
484
+ <h5 class="fw-bold mb-0">$24,813.53</h5> <span class="text-uppercase">TOTAL PROFIT</span>
872
485
  </div>
873
- </div>
874
- <!-- /.col -->
486
+ </div> <!-- /.col -->
875
487
  <div class="col-md-3 col-6">
876
- <div class="text-center">
877
- <span class="text-danger">
878
- <i class="bi bi-caret-down-fill"></i> 18%
488
+ <div class="text-center"> <span class="text-danger"> <i class="bi bi-caret-down-fill"></i> 18%
879
489
  </span>
880
- <h5 class="fw-bold mb-0">1200</h5>
881
- <span class="text-uppercase">GOAL COMPLETIONS</span>
490
+ <h5 class="fw-bold mb-0">1200</h5> <span class="text-uppercase">GOAL COMPLETIONS</span>
882
491
  </div>
883
492
  </div>
884
- </div>
885
- <!--end::Row-->
886
- </div>
887
- <!-- /.card-footer -->
888
- </div>
889
- <!-- /.card -->
890
- </div>
891
- <!-- /.col -->
892
- </div>
893
- <!--end::Row-->
894
-
895
- <!--begin::Row-->
896
- <div class="row">
897
- <!-- Start col -->
898
- <div class="col-md-8">
899
- <!--begin::Row-->
900
- <div class="row">
901
- <div class="col-md-6">
902
- <!-- DIRECT CHAT -->
493
+ </div> <!--end::Row-->
494
+ </div> <!-- /.card-footer -->
495
+ </div> <!-- /.card -->
496
+ </div> <!-- /.col -->
497
+ </div> <!--end::Row--> <!--begin::Row-->
498
+ <div class="row"> <!-- Start col -->
499
+ <div class="col-md-8"> <!--begin::Row-->
500
+ <div class="row g-4 mb-4">
501
+ <div class="col-md-6"> <!-- DIRECT CHAT -->
903
502
  <div class="card direct-chat direct-chat-warning">
904
503
  <div class="card-header">
905
504
  <h3 class="card-title">Direct Chat</h3>
906
-
907
- <div class="card-tools">
908
- <span title="3 New Messages" class="badge text-bg-warning">
505
+ <div class="card-tools"> <span title="3 New Messages" class="badge text-bg-warning">
909
506
  3
910
- </span>
911
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
912
- <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
913
- <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
914
- </button>
915
- <button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane">
916
- <i class="bi bi-chat-text-fill"></i>
917
- </button>
918
- <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
919
- <i class="bi bi-x-lg"></i>
920
- </button>
921
- </div>
922
- </div>
923
- <!-- /.card-header -->
924
- <div class="card-body">
925
- <!-- Conversations are loaded here -->
926
- <div class="direct-chat-messages">
927
- <!-- Message. Default to the start -->
507
+ </span> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane"> <i class="bi bi-chat-text-fill"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
508
+ </div> <!-- /.card-header -->
509
+ <div class="card-body"> <!-- Conversations are loaded here -->
510
+ <div class="direct-chat-messages"> <!-- Message. Default to the start -->
928
511
  <div class="direct-chat-msg">
929
- <div class="direct-chat-infos clearfix">
930
- <span class="direct-chat-name float-start">
512
+ <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-start">
931
513
  Alexander Pierce
932
- </span>
933
- <span class="direct-chat-timestamp float-end">
514
+ </span> <span class="direct-chat-timestamp float-end">
934
515
  23 Jan 2:00 pm
935
- </span>
936
- </div>
937
- <!-- /.direct-chat-infos -->
938
- <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image">
939
- <!-- /.direct-chat-img -->
516
+ </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
940
517
  <div class="direct-chat-text">
941
518
  Is this template really for free? That's
942
519
  unbelievable!
943
- </div>
944
- <!-- /.direct-chat-text -->
945
- </div>
946
- <!-- /.direct-chat-msg -->
947
-
948
- <!-- Message to the end -->
520
+ </div> <!-- /.direct-chat-text -->
521
+ </div> <!-- /.direct-chat-msg --> <!-- Message to the end -->
949
522
  <div class="direct-chat-msg end">
950
- <div class="direct-chat-infos clearfix">
951
- <span class="direct-chat-name float-end">
523
+ <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-end">
952
524
  Sarah Bullock
953
- </span>
954
- <span class="direct-chat-timestamp float-start">
525
+ </span> <span class="direct-chat-timestamp float-start">
955
526
  23 Jan 2:05 pm
956
- </span>
957
- </div>
958
- <!-- /.direct-chat-infos -->
959
- <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image">
960
- <!-- /.direct-chat-img -->
527
+ </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
961
528
  <div class="direct-chat-text">
962
529
  You better believe it!
963
- </div>
964
- <!-- /.direct-chat-text -->
965
- </div>
966
- <!-- /.direct-chat-msg -->
967
-
968
- <!-- Message. Default to the start -->
530
+ </div> <!-- /.direct-chat-text -->
531
+ </div> <!-- /.direct-chat-msg --> <!-- Message. Default to the start -->
969
532
  <div class="direct-chat-msg">
970
- <div class="direct-chat-infos clearfix">
971
- <span class="direct-chat-name float-start">
533
+ <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-start">
972
534
  Alexander Pierce
973
- </span>
974
- <span class="direct-chat-timestamp float-end">
535
+ </span> <span class="direct-chat-timestamp float-end">
975
536
  23 Jan 5:37 pm
976
- </span>
977
- </div>
978
- <!-- /.direct-chat-infos -->
979
- <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image">
980
- <!-- /.direct-chat-img -->
537
+ </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
981
538
  <div class="direct-chat-text">
982
539
  Working with AdminLTE on a great new app! Wanna
983
540
  join?
984
- </div>
985
- <!-- /.direct-chat-text -->
986
- </div>
987
- <!-- /.direct-chat-msg -->
988
-
989
- <!-- Message to the end -->
541
+ </div> <!-- /.direct-chat-text -->
542
+ </div> <!-- /.direct-chat-msg --> <!-- Message to the end -->
990
543
  <div class="direct-chat-msg end">
991
- <div class="direct-chat-infos clearfix">
992
- <span class="direct-chat-name float-end">
544
+ <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-end">
993
545
  Sarah Bullock
994
- </span>
995
- <span class="direct-chat-timestamp float-start">
546
+ </span> <span class="direct-chat-timestamp float-start">
996
547
  23 Jan 6:10 pm
997
- </span>
998
- </div>
999
- <!-- /.direct-chat-infos -->
1000
- <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image">
1001
- <!-- /.direct-chat-img -->
1002
- <div class="direct-chat-text">I would love to.</div>
1003
- <!-- /.direct-chat-text -->
1004
- </div>
1005
- <!-- /.direct-chat-msg -->
1006
- </div>
1007
- <!-- /.direct-chat-messages-->
1008
-
1009
- <!-- Contacts are loaded here -->
548
+ </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
549
+ <div class="direct-chat-text">I would love to.</div> <!-- /.direct-chat-text -->
550
+ </div> <!-- /.direct-chat-msg -->
551
+ </div> <!-- /.direct-chat-messages--> <!-- Contacts are loaded here -->
1010
552
  <div class="direct-chat-contacts">
1011
553
  <ul class="contacts-list">
1012
- <li>
1013
- <a href="#">
1014
- <img class="contacts-list-img" src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar">
1015
-
1016
- <div class="contacts-list-info">
1017
- <span class="contacts-list-name">
554
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar">
555
+ <div class="contacts-list-info"> <span class="contacts-list-name">
1018
556
  Count Dracula
1019
557
  <small class="contacts-list-date float-end">
1020
558
  2/28/2023
1021
- </small>
1022
- </span>
1023
- <span class="contacts-list-msg">
559
+ </small> </span> <span class="contacts-list-msg">
1024
560
  How have you been? I was...
1025
- </span>
1026
- </div>
1027
- <!-- /.contacts-list-info -->
1028
- </a>
1029
- </li>
1030
- <!-- End Contact Item -->
1031
- <li>
1032
- <a href="#">
1033
- <img class="contacts-list-img" src="../../dist/assets/img/user7-128x128.jpg" alt="User Avatar">
1034
-
1035
- <div class="contacts-list-info">
1036
- <span class="contacts-list-name">
561
+ </span> </div> <!-- /.contacts-list-info -->
562
+ </a> </li> <!-- End Contact Item -->
563
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user7-128x128.jpg" alt="User Avatar">
564
+ <div class="contacts-list-info"> <span class="contacts-list-name">
1037
565
  Sarah Doe
1038
566
  <small class="contacts-list-date float-end">
1039
567
  2/23/2023
1040
- </small>
1041
- </span>
1042
- <span class="contacts-list-msg">
568
+ </small> </span> <span class="contacts-list-msg">
1043
569
  I will be waiting for...
1044
- </span>
1045
- </div>
1046
- <!-- /.contacts-list-info -->
1047
- </a>
1048
- </li>
1049
- <!-- End Contact Item -->
1050
- <li>
1051
- <a href="#">
1052
- <img class="contacts-list-img" src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar">
1053
-
1054
- <div class="contacts-list-info">
1055
- <span class="contacts-list-name">
570
+ </span> </div> <!-- /.contacts-list-info -->
571
+ </a> </li> <!-- End Contact Item -->
572
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar">
573
+ <div class="contacts-list-info"> <span class="contacts-list-name">
1056
574
  Nadia Jolie
1057
575
  <small class="contacts-list-date float-end">
1058
576
  2/20/2023
1059
- </small>
1060
- </span>
1061
- <span class="contacts-list-msg">
577
+ </small> </span> <span class="contacts-list-msg">
1062
578
  I'll call you back at...
1063
- </span>
1064
- </div>
1065
- <!-- /.contacts-list-info -->
1066
- </a>
1067
- </li>
1068
- <!-- End Contact Item -->
1069
- <li>
1070
- <a href="#">
1071
- <img class="contacts-list-img" src="../../dist/assets/img/user5-128x128.jpg" alt="User Avatar">
1072
-
1073
- <div class="contacts-list-info">
1074
- <span class="contacts-list-name">
579
+ </span> </div> <!-- /.contacts-list-info -->
580
+ </a> </li> <!-- End Contact Item -->
581
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user5-128x128.jpg" alt="User Avatar">
582
+ <div class="contacts-list-info"> <span class="contacts-list-name">
1075
583
  Nora S. Vans
1076
584
  <small class="contacts-list-date float-end">
1077
585
  2/10/2023
1078
- </small>
1079
- </span>
1080
- <span class="contacts-list-msg">
586
+ </small> </span> <span class="contacts-list-msg">
1081
587
  Where is your new...
1082
- </span>
1083
- </div>
1084
- <!-- /.contacts-list-info -->
1085
- </a>
1086
- </li>
1087
- <!-- End Contact Item -->
1088
- <li>
1089
- <a href="#">
1090
- <img class="contacts-list-img" src="../../dist/assets/img/user6-128x128.jpg" alt="User Avatar">
1091
-
1092
- <div class="contacts-list-info">
1093
- <span class="contacts-list-name">
588
+ </span> </div> <!-- /.contacts-list-info -->
589
+ </a> </li> <!-- End Contact Item -->
590
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user6-128x128.jpg" alt="User Avatar">
591
+ <div class="contacts-list-info"> <span class="contacts-list-name">
1094
592
  John K.
1095
593
  <small class="contacts-list-date float-end">
1096
594
  1/27/2023
1097
- </small>
1098
- </span>
1099
- <span class="contacts-list-msg">
595
+ </small> </span> <span class="contacts-list-msg">
1100
596
  Can I take a look at...
1101
- </span>
1102
- </div>
1103
- <!-- /.contacts-list-info -->
1104
- </a>
1105
- </li>
1106
- <!-- End Contact Item -->
1107
- <li>
1108
- <a href="#">
1109
- <img class="contacts-list-img" src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar">
1110
-
1111
- <div class="contacts-list-info">
1112
- <span class="contacts-list-name">
597
+ </span> </div> <!-- /.contacts-list-info -->
598
+ </a> </li> <!-- End Contact Item -->
599
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar">
600
+ <div class="contacts-list-info"> <span class="contacts-list-name">
1113
601
  Kenneth M.
1114
602
  <small class="contacts-list-date float-end">
1115
603
  1/4/2023
1116
- </small>
1117
- </span>
1118
- <span class="contacts-list-msg">
604
+ </small> </span> <span class="contacts-list-msg">
1119
605
  Never mind I found...
1120
- </span>
1121
- </div>
1122
- <!-- /.contacts-list-info -->
1123
- </a>
1124
- </li>
1125
- <!-- End Contact Item -->
1126
- </ul>
1127
- <!-- /.contacts-list -->
1128
- </div>
1129
- <!-- /.direct-chat-pane -->
1130
- </div>
1131
- <!-- /.card-body -->
606
+ </span> </div> <!-- /.contacts-list-info -->
607
+ </a> </li> <!-- End Contact Item -->
608
+ </ul> <!-- /.contacts-list -->
609
+ </div> <!-- /.direct-chat-pane -->
610
+ </div> <!-- /.card-body -->
1132
611
  <div class="card-footer">
1133
612
  <form action="#" method="post">
1134
- <div class="input-group">
1135
- <input type="text" name="message" placeholder="Type Message ..." class="form-control">
1136
- <span class="input-group-append">
1137
- <button type="button" class="btn btn-warning">
613
+ <div class="input-group"> <input type="text" name="message" placeholder="Type Message ..." class="form-control"> <span class="input-group-append"> <button type="button" class="btn btn-warning">
1138
614
  Send
1139
- </button>
1140
- </span>
1141
- </div>
615
+ </button> </span> </div>
1142
616
  </form>
1143
- </div>
1144
- <!-- /.card-footer-->
1145
- </div>
1146
- <!-- /.direct-chat -->
1147
- </div>
1148
- <!-- /.col -->
1149
-
1150
- <div class="col-md-6">
1151
- <!-- USERS LIST -->
1152
- <div class="card mb-4">
617
+ </div> <!-- /.card-footer-->
618
+ </div> <!-- /.direct-chat -->
619
+ </div> <!-- /.col -->
620
+ <div class="col-md-6"> <!-- USERS LIST -->
621
+ <div class="card">
1153
622
  <div class="card-header">
1154
623
  <h3 class="card-title">Latest Members</h3>
1155
-
1156
- <div class="card-tools">
1157
- <span class="badge text-bg-danger">
624
+ <div class="card-tools"> <span class="badge text-bg-danger">
1158
625
  8 New Members
1159
- </span>
1160
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
1161
- <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
1162
- <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
1163
- </button>
1164
- <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
1165
- <i class="bi bi-x-lg"></i>
1166
- </button>
1167
- </div>
1168
- </div>
1169
- <!-- /.card-header -->
626
+ </span> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
627
+ </div> <!-- /.card-header -->
1170
628
  <div class="card-body p-0">
1171
629
  <div class="row text-center m-1">
1172
- <div class="col-3 p-2">
1173
- <img class="img-fluid rounded-circle" src="../../dist/assets/img/user1-128x128.jpg" alt="User Image">
1174
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
630
+ <div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user1-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1175
631
  Alexander Pierce
1176
632
  </a>
1177
633
  <div class="fs-8">Today</div>
1178
634
  </div>
1179
- <div class="col-3 p-2">
1180
- <img class="img-fluid rounded-circle" src="../../dist/assets/img/user1-128x128.jpg" alt="User Image">
1181
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
635
+ <div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user1-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1182
636
  Norman
1183
637
  </a>
1184
638
  <div class="fs-8">Yesterday</div>
1185
639
  </div>
1186
- <div class="col-3 p-2">
1187
- <img class="img-fluid rounded-circle" src="../../dist/assets/img/user7-128x128.jpg" alt="User Image">
1188
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
640
+ <div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user7-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1189
641
  Jane
1190
642
  </a>
1191
643
  <div class="fs-8">12 Jan</div>
1192
644
  </div>
1193
- <div class="col-3 p-2">
1194
- <img class="img-fluid rounded-circle" src="../../dist/assets/img/user6-128x128.jpg" alt="User Image">
1195
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
645
+ <div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user6-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1196
646
  John
1197
647
  </a>
1198
648
  <div class="fs-8">12 Jan</div>
1199
649
  </div>
1200
- <div class="col-3 p-2">
1201
- <img class="img-fluid rounded-circle" src="../../dist/assets/img/user2-160x160.jpg" alt="User Image">
1202
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
650
+ <div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user2-160x160.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1203
651
  Alexander
1204
652
  </a>
1205
653
  <div class="fs-8">13 Jan</div>
1206
654
  </div>
1207
- <div class="col-3 p-2">
1208
- <img class="img-fluid rounded-circle" src="../../dist/assets/img/user5-128x128.jpg" alt="User Image">
1209
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
655
+ <div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user5-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1210
656
  Sarah
1211
657
  </a>
1212
658
  <div class="fs-8">14 Jan</div>
1213
659
  </div>
1214
- <div class="col-3 p-2">
1215
- <img class="img-fluid rounded-circle" src="../../dist/assets/img/user4-128x128.jpg" alt="User Image">
1216
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
660
+ <div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user4-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1217
661
  Nora
1218
662
  </a>
1219
663
  <div class="fs-8">15 Jan</div>
1220
664
  </div>
1221
- <div class="col-3 p-2">
1222
- <img class="img-fluid rounded-circle" src="../../dist/assets/img/user3-128x128.jpg" alt="User Image">
1223
- <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
665
+ <div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user3-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
1224
666
  Nadia
1225
667
  </a>
1226
668
  <div class="fs-8">15 Jan</div>
1227
669
  </div>
1228
- </div>
1229
- <!-- /.users-list -->
1230
- </div>
1231
- <!-- /.card-body -->
1232
- <div class="card-footer text-center">
1233
- <a href="javascript:">View All Users</a>
1234
- </div>
1235
- <!-- /.card-footer -->
1236
- </div>
1237
- <!-- /.card -->
1238
- </div>
1239
- <!-- /.col -->
1240
- </div>
1241
- <!--end::Row-->
1242
-
1243
- <!-- TABLE: LATEST ORDERS -->
670
+ </div> <!-- /.users-list -->
671
+ </div> <!-- /.card-body -->
672
+ <div class="card-footer text-center"> <a href="javascript:" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">View All Users</a> </div> <!-- /.card-footer -->
673
+ </div> <!-- /.card -->
674
+ </div> <!-- /.col -->
675
+ </div> <!--end::Row--> <!--begin::Latest Order Widget-->
1244
676
  <div class="card">
1245
677
  <div class="card-header">
1246
678
  <h3 class="card-title">Latest Orders</h3>
1247
-
1248
- <div class="card-tools">
1249
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
1250
- <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
1251
- <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
1252
- </button>
1253
- <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
1254
- <i class="bi bi-x-lg"></i>
1255
- </button>
1256
- </div>
1257
- </div>
1258
- <!-- /.card-header -->
679
+ <div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
680
+ </div> <!-- /.card-header -->
1259
681
  <div class="card-body p-0">
1260
682
  <div class="table-responsive">
1261
683
  <table class="table m-0">
@@ -1269,373 +691,201 @@
1269
691
  </thead>
1270
692
  <tbody>
1271
693
  <tr>
1272
- <td>
1273
- <a href="pages/examples/invoice.html">OR9842</a>
1274
- </td>
694
+ <td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR9842</a> </td>
1275
695
  <td>Call of Duty IV</td>
1276
- <td>
1277
- <span class="badge text-bg-success">
696
+ <td> <span class="badge text-bg-success">
1278
697
  Shipped
1279
- </span>
1280
- </td>
698
+ </span> </td>
1281
699
  <td>
1282
- <div class="sparkbar" data-color="#00a65a" data-height="20">
1283
- 90,80,90,-70,61,-83,63
1284
- </div>
700
+ <div id="table-sparkline-1"></div>
1285
701
  </td>
1286
702
  </tr>
1287
703
  <tr>
1288
- <td>
1289
- <a href="pages/examples/invoice.html">OR1848</a>
1290
- </td>
704
+ <td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR1848</a> </td>
1291
705
  <td>Samsung Smart TV</td>
706
+ <td> <span class="badge text-bg-warning">Pending</span> </td>
1292
707
  <td>
1293
- <span class="badge text-bg-warning">Pending</span>
1294
- </td>
1295
- <td>
1296
- <div class="sparkbar" data-color="#f39c12" data-height="20">
1297
- 90,80,-90,70,61,-83,68
1298
- </div>
708
+ <div id="table-sparkline-2"></div>
1299
709
  </td>
1300
710
  </tr>
1301
711
  <tr>
1302
- <td>
1303
- <a href="pages/examples/invoice.html">OR7429</a>
1304
- </td>
712
+ <td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR7429</a> </td>
1305
713
  <td>iPhone 6 Plus</td>
1306
- <td>
1307
- <span class="badge text-bg-danger">
714
+ <td> <span class="badge text-bg-danger">
1308
715
  Delivered
1309
- </span>
1310
- </td>
716
+ </span> </td>
1311
717
  <td>
1312
- <div class="sparkbar" data-color="#f56954" data-height="20">
1313
- 90,-80,90,70,-61,83,63
1314
- </div>
718
+ <div id="table-sparkline-3"></div>
1315
719
  </td>
1316
720
  </tr>
1317
721
  <tr>
1318
- <td>
1319
- <a href="pages/examples/invoice.html">OR7429</a>
1320
- </td>
722
+ <td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR7429</a> </td>
1321
723
  <td>Samsung Smart TV</td>
724
+ <td> <span class="badge text-bg-info">Processing</span> </td>
1322
725
  <td>
1323
- <span class="badge text-bg-info">Processing</span>
1324
- </td>
1325
- <td>
1326
- <div class="sparkbar" data-color="#00c0ef" data-height="20">
1327
- 90,80,-90,70,-61,83,63
1328
- </div>
726
+ <div id="table-sparkline-4"></div>
1329
727
  </td>
1330
728
  </tr>
1331
729
  <tr>
1332
- <td>
1333
- <a href="pages/examples/invoice.html">OR1848</a>
1334
- </td>
730
+ <td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR1848</a> </td>
1335
731
  <td>Samsung Smart TV</td>
732
+ <td> <span class="badge text-bg-warning">Pending</span> </td>
1336
733
  <td>
1337
- <span class="badge text-bg-warning">Pending</span>
1338
- </td>
1339
- <td>
1340
- <div class="sparkbar" data-color="#f39c12" data-height="20">
1341
- 90,80,-90,70,61,-83,68
1342
- </div>
734
+ <div id="table-sparkline-5"></div>
1343
735
  </td>
1344
736
  </tr>
1345
737
  <tr>
1346
- <td>
1347
- <a href="pages/examples/invoice.html">OR7429</a>
1348
- </td>
738
+ <td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR7429</a> </td>
1349
739
  <td>iPhone 6 Plus</td>
1350
- <td>
1351
- <span class="badge text-bg-danger">
740
+ <td> <span class="badge text-bg-danger">
1352
741
  Delivered
1353
- </span>
1354
- </td>
742
+ </span> </td>
1355
743
  <td>
1356
- <div class="sparkbar" data-color="#f56954" data-height="20">
1357
- 90,-80,90,70,-61,83,63
1358
- </div>
744
+ <div id="table-sparkline-6"></div>
1359
745
  </td>
1360
746
  </tr>
1361
747
  <tr>
1362
- <td>
1363
- <a href="pages/examples/invoice.html">OR9842</a>
1364
- </td>
748
+ <td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR9842</a> </td>
1365
749
  <td>Call of Duty IV</td>
750
+ <td> <span class="badge text-bg-success">Shipped</span> </td>
1366
751
  <td>
1367
- <span class="badge text-bg-success">Shipped</span>
1368
- </td>
1369
- <td>
1370
- <div class="sparkbar" data-color="#00a65a" data-height="20">
1371
- 90,80,90,-70,61,-83,63
1372
- </div>
752
+ <div id="table-sparkline-7"></div>
1373
753
  </td>
1374
754
  </tr>
1375
755
  </tbody>
1376
756
  </table>
1377
- </div>
1378
- <!-- /.table-responsive -->
1379
- </div>
1380
- <!-- /.card-body -->
1381
- <div class="card-footer clearfix">
1382
- <a href="javascript:void(0)" class="btn btn-sm btn-primary float-start">
757
+ </div> <!-- /.table-responsive -->
758
+ </div> <!-- /.card-body -->
759
+ <div class="card-footer clearfix"> <a href="javascript:void(0)" class="btn btn-sm btn-primary float-start">
1383
760
  Place New Order
1384
- </a>
1385
- <a href="javascript:void(0)" class="btn btn-sm btn-secondary float-end">
761
+ </a> <a href="javascript:void(0)" class="btn btn-sm btn-secondary float-end">
1386
762
  View All Orders
1387
- </a>
1388
- </div>
1389
- <!-- /.card-footer -->
1390
- </div>
1391
- <!-- /.card -->
1392
- </div>
1393
- <!-- /.col -->
1394
-
1395
- <div class="col-md-4">
1396
- <!-- Info Boxes Style 2 -->
1397
- <div class="info-box mb-3 text-bg-warning">
1398
- <span class="info-box-icon">
1399
- <i class="bi bi-tag-fill"></i>
1400
- </span>
1401
-
1402
- <div class="info-box-content">
1403
- <span class="info-box-text">Inventory</span>
1404
- <span class="info-box-number">5,200</span>
1405
- </div>
1406
- <!-- /.info-box-content -->
1407
- </div>
1408
- <!-- /.info-box -->
1409
- <div class="info-box mb-3 text-bg-success">
1410
- <span class="info-box-icon">
1411
- <i class="bi bi-heart-fill"></i>
1412
- </span>
1413
-
1414
- <div class="info-box-content">
1415
- <span class="info-box-text">Mentions</span>
1416
- <span class="info-box-number">92,050</span>
1417
- </div>
1418
- <!-- /.info-box-content -->
1419
- </div>
1420
- <!-- /.info-box -->
1421
- <div class="info-box mb-3 text-bg-danger">
1422
- <span class="info-box-icon">
1423
- <i class="bi bi-cloud-download"></i>
1424
- </span>
1425
-
1426
- <div class="info-box-content">
1427
- <span class="info-box-text">Downloads</span>
1428
- <span class="info-box-number">114,381</span>
1429
- </div>
1430
- <!-- /.info-box-content -->
1431
- </div>
1432
- <!-- /.info-box -->
1433
- <div class="info-box mb-3 text-bg-info">
1434
- <span class="info-box-icon">
1435
- <i class="bi bi-chat-fill"></i>
1436
- </span>
1437
-
1438
- <div class="info-box-content">
1439
- <span class="info-box-text">Direct Messages</span>
1440
- <span class="info-box-number">163,921</span>
1441
- </div>
1442
- <!-- /.info-box-content -->
1443
- </div>
1444
- <!-- /.info-box -->
1445
-
763
+ </a> </div> <!-- /.card-footer -->
764
+ </div> <!-- /.card -->
765
+ </div> <!-- /.col -->
766
+ <div class="col-md-4"> <!-- Info Boxes Style 2 -->
767
+ <div class="info-box mb-3 text-bg-warning"> <span class="info-box-icon"> <i class="bi bi-tag-fill"></i> </span>
768
+ <div class="info-box-content"> <span class="info-box-text">Inventory</span> <span class="info-box-number">5,200</span> </div> <!-- /.info-box-content -->
769
+ </div> <!-- /.info-box -->
770
+ <div class="info-box mb-3 text-bg-success"> <span class="info-box-icon"> <i class="bi bi-heart-fill"></i> </span>
771
+ <div class="info-box-content"> <span class="info-box-text">Mentions</span> <span class="info-box-number">92,050</span> </div> <!-- /.info-box-content -->
772
+ </div> <!-- /.info-box -->
773
+ <div class="info-box mb-3 text-bg-danger"> <span class="info-box-icon"> <i class="bi bi-cloud-download"></i> </span>
774
+ <div class="info-box-content"> <span class="info-box-text">Downloads</span> <span class="info-box-number">114,381</span> </div> <!-- /.info-box-content -->
775
+ </div> <!-- /.info-box -->
776
+ <div class="info-box mb-3 text-bg-info"> <span class="info-box-icon"> <i class="bi bi-chat-fill"></i> </span>
777
+ <div class="info-box-content"> <span class="info-box-text">Direct Messages</span> <span class="info-box-number">163,921</span> </div> <!-- /.info-box-content -->
778
+ </div> <!-- /.info-box -->
1446
779
  <div class="card mb-4">
1447
780
  <div class="card-header">
1448
781
  <h3 class="card-title">Browser Usage</h3>
1449
-
1450
- <div class="card-tools">
1451
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
1452
- <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
1453
- <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
1454
- </button>
1455
- <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
1456
- <i class="bi bi-x-lg"></i>
1457
- </button>
1458
- </div>
1459
- </div>
1460
- <!-- /.card-header -->
1461
- <div class="card-body">
1462
- <!--begin::Row-->
782
+ <div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
783
+ </div> <!-- /.card-header -->
784
+ <div class="card-body"> <!--begin::Row-->
1463
785
  <div class="row">
1464
786
  <div class="col-12">
1465
787
  <div id="pie-chart"></div>
1466
- </div>
1467
- <!-- /.col -->
1468
- </div>
1469
- <!--end::Row-->
1470
- </div>
1471
- <!-- /.card-body -->
788
+ </div> <!-- /.col -->
789
+ </div> <!--end::Row-->
790
+ </div> <!-- /.card-body -->
1472
791
  <div class="card-footer p-0">
1473
792
  <ul class="nav nav-pills flex-column">
1474
- <li class="nav-item">
1475
- <a href="#" class="nav-link">
793
+ <li class="nav-item"> <a href="#" class="nav-link">
1476
794
  United States of America
1477
- <span class="float-end text-danger">
1478
- <i class="bi bi-arrow-down fs-7"></i>
795
+ <span class="float-end text-danger"> <i class="bi bi-arrow-down fs-7"></i>
1479
796
  12%
1480
- </span>
1481
- </a>
1482
- </li>
1483
- <li class="nav-item">
1484
- <a href="#" class="nav-link">
797
+ </span> </a> </li>
798
+ <li class="nav-item"> <a href="#" class="nav-link">
1485
799
  India
1486
- <span class="float-end text-success">
1487
- <i class="bi bi-arrow-up fs-7"></i> 4%
1488
- </span>
1489
- </a>
1490
- </li>
1491
- <li class="nav-item">
1492
- <a href="#" class="nav-link">
800
+ <span class="float-end text-success"> <i class="bi bi-arrow-up fs-7"></i> 4%
801
+ </span> </a> </li>
802
+ <li class="nav-item"> <a href="#" class="nav-link">
1493
803
  China
1494
- <span class="float-end text-info">
1495
- <i class="bi bi-arrow-left fs-7"></i> 0%
1496
- </span>
1497
- </a>
1498
- </li>
804
+ <span class="float-end text-info"> <i class="bi bi-arrow-left fs-7"></i> 0%
805
+ </span> </a> </li>
1499
806
  </ul>
1500
- </div>
1501
- <!-- /.footer -->
1502
- </div>
1503
- <!-- /.card -->
1504
-
1505
- <!-- PRODUCT LIST -->
807
+ </div> <!-- /.footer -->
808
+ </div> <!-- /.card --> <!-- PRODUCT LIST -->
1506
809
  <div class="card">
1507
810
  <div class="card-header">
1508
811
  <h3 class="card-title">Recently Added Products</h3>
1509
-
1510
- <div class="card-tools">
1511
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
1512
- <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
1513
- <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
1514
- </button>
1515
- <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
1516
- <i class="bi bi-x-lg"></i>
1517
- </button>
1518
- </div>
1519
- </div>
1520
- <!-- /.card-header -->
812
+ <div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
813
+ </div> <!-- /.card-header -->
1521
814
  <div class="card-body p-0">
1522
815
  <div class="px-2">
1523
816
  <div class="d-flex border-top py-2 px-1">
1524
- <div class="col-2">
1525
- <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
1526
- </div>
1527
- <div class="col-10">
1528
- <a href="javascript:void(0)" class="fw-bold">
817
+ <div class="col-2"> <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50"> </div>
818
+ <div class="col-10"> <a href="javascript:void(0)" class="fw-bold">
1529
819
  Samsung TV
1530
820
  <span class="badge text-bg-warning float-end">
1531
821
  $1800
1532
- </span>
1533
- </a>
822
+ </span> </a>
1534
823
  <div class="text-truncate">
1535
824
  Samsung 32" 1080p 60Hz LED Smart HDTV.
1536
825
  </div>
1537
826
  </div>
1538
- </div>
1539
- <!-- /.item -->
827
+ </div> <!-- /.item -->
1540
828
  <div class="d-flex border-top py-2 px-1">
1541
- <div class="col-2">
1542
- <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
1543
- </div>
1544
- <div class="col-10">
1545
- <a href="javascript:void(0)" class="fw-bold">
829
+ <div class="col-2"> <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50"> </div>
830
+ <div class="col-10"> <a href="javascript:void(0)" class="fw-bold">
1546
831
  Bicycle
1547
832
  <span class="badge text-bg-info float-end">
1548
833
  $700
1549
- </span>
1550
- </a>
834
+ </span> </a>
1551
835
  <div class="text-truncate">
1552
836
  26" Mongoose Dolomite Men's 7-speed, Navy Blue.
1553
837
  </div>
1554
838
  </div>
1555
- </div>
1556
- <!-- /.item -->
839
+ </div> <!-- /.item -->
1557
840
  <div class="d-flex border-top py-2 px-1">
1558
- <div class="col-2">
1559
- <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
1560
- </div>
1561
- <div class="col-10">
1562
- <a href="javascript:void(0)" class="fw-bold">
841
+ <div class="col-2"> <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50"> </div>
842
+ <div class="col-10"> <a href="javascript:void(0)" class="fw-bold">
1563
843
  Xbox One
1564
844
  <span class="badge text-bg-danger float-end">
1565
845
  $350
1566
- </span>
1567
- </a>
846
+ </span> </a>
1568
847
  <div class="text-truncate">
1569
848
  Xbox One Console Bundle with Halo Master Chief
1570
849
  Collection.
1571
850
  </div>
1572
851
  </div>
1573
- </div>
1574
- <!-- /.item -->
852
+ </div> <!-- /.item -->
1575
853
  <div class="d-flex border-top py-2 px-1">
1576
- <div class="col-2">
1577
- <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
1578
- </div>
1579
- <div class="col-10">
1580
- <a href="javascript:void(0)" class="fw-bold">
854
+ <div class="col-2"> <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50"> </div>
855
+ <div class="col-10"> <a href="javascript:void(0)" class="fw-bold">
1581
856
  PlayStation 4
1582
857
  <span class="badge text-bg-success float-end">
1583
858
  $399
1584
- </span>
1585
- </a>
859
+ </span> </a>
1586
860
  <div class="text-truncate">
1587
861
  PlayStation 4 500GB Console (PS4)
1588
862
  </div>
1589
863
  </div>
1590
- </div>
1591
- <!-- /.item -->
864
+ </div> <!-- /.item -->
1592
865
  </div>
1593
- </div>
1594
- <!-- /.card-body -->
1595
- <div class="card-footer text-center">
1596
- <a href="javascript:void(0)" class="uppercase">
866
+ </div> <!-- /.card-body -->
867
+ <div class="card-footer text-center"> <a href="javascript:void(0)" class="uppercase">
1597
868
  View All Products
1598
- </a>
1599
- </div>
1600
- <!-- /.card-footer -->
1601
- </div>
1602
- <!-- /.card -->
1603
- </div>
1604
- <!-- /.col -->
1605
- </div>
1606
- <!--end::Row-->
1607
- </div>
1608
- <!--end::Container-->
1609
- </div>
1610
- <!--end::App Content-->
1611
- </main>
1612
- <!--end::App Main-->
1613
- <!--begin::Footer-->
1614
- <footer class="app-footer">
1615
- <!--begin::To the end-->
1616
- <div class="float-end d-none d-sm-inline">Anything you want</div>
1617
- <!--end::To the end-->
1618
- <!--begin::Copyright-->
1619
- <strong>
1620
- Copyright &copy; 2014-2023
1621
- <a href="https://adminlte.io">AdminLTE.io</a>.
869
+ </a> </div> <!-- /.card-footer -->
870
+ </div> <!-- /.card -->
871
+ </div> <!-- /.col -->
872
+ </div> <!--end::Row-->
873
+ </div> <!--end::Container-->
874
+ </div> <!--end::App Content-->
875
+ </main> <!--end::App Main--> <!--begin::Footer-->
876
+ <footer class="app-footer"> <!--begin::To the end-->
877
+ <div class="float-end d-none d-sm-inline">Anything you want</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
878
+ Copyright &copy; 2014-2024&nbsp;
879
+ <a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
1622
880
  </strong>
1623
881
  All rights reserved.
1624
882
  <!--end::Copyright-->
1625
- </footer>
1626
- <!--end::Footer-->
1627
- </div>
1628
- <!--end::App Wrapper-->
1629
- <!--begin::Script-->
1630
- <!--begin::Third Party Plugin(OverlayScrollbars)-->
1631
- <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
1632
- <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
1633
- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
1634
- <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
1635
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
1636
- <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
1637
- <script src="../../dist/js/adminlte.js"></script>
1638
- <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
883
+ </footer> <!--end::Footer-->
884
+ </div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
885
+ <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-H2VM7BKda+v2Z4+DRy69uknwxjyDRhszjXFhsL4gD3w=" crossorigin="anonymous"></script> <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
886
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha256-whL0tQWoY1Ku1iskqPFvmZ+CHsvmRWx/PIoEvIeWh4I=" crossorigin="anonymous"></script> <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
887
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha256-YMa+wAM6QkVyz999odX7lPRxkoYAan8suedu4k2Zur8=" crossorigin="anonymous"></script> <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
888
+ <script src="../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
1639
889
  <script>
1640
890
  const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
1641
891
  const Default = {
@@ -1643,7 +893,6 @@
1643
893
  scrollbarAutoHide: "leave",
1644
894
  scrollbarClickScroll: true,
1645
895
  };
1646
-
1647
896
  document.addEventListener("DOMContentLoaded", function() {
1648
897
  const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
1649
898
  if (
@@ -1659,14 +908,8 @@
1659
908
  });
1660
909
  }
1661
910
  });
1662
- </script>
1663
- <!--end::OverlayScrollbars Configure-->
1664
-
1665
- <!-- OPTIONAL SCRIPTS -->
1666
-
1667
- <!-- apexcharts -->
911
+ </script> <!--end::OverlayScrollbars Configure--> <!-- OPTIONAL SCRIPTS --> <!-- apexcharts -->
1668
912
  <script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script>
1669
-
1670
913
  <script>
1671
914
  // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
1672
915
  // IT'S ALL JUST JUNK FOR DEMO
@@ -1681,7 +924,7 @@
1681
924
  // - MONTHLY SALES CHART -
1682
925
  //-----------------------
1683
926
 
1684
- var sales_chart_options = {
927
+ const sales_chart_options = {
1685
928
  series: [{
1686
929
  name: "Digital Goods",
1687
930
  data: [28, 48, 40, 19, 86, 27, 90],
@@ -1727,9 +970,9 @@
1727
970
  },
1728
971
  };
1729
972
 
1730
- var sales_chart = new ApexCharts(
973
+ const sales_chart = new ApexCharts(
1731
974
  document.querySelector("#sales-chart"),
1732
- sales_chart_options
975
+ sales_chart_options,
1733
976
  );
1734
977
  sales_chart.render();
1735
978
 
@@ -1737,11 +980,82 @@
1737
980
  // - END MONTHLY SALES CHART -
1738
981
  //---------------------------
1739
982
 
983
+ function createSparklineChart(selector, data) {
984
+ const options = {
985
+ series: [{
986
+ data
987
+ }],
988
+ chart: {
989
+ type: "line",
990
+ width: 150,
991
+ height: 30,
992
+ sparkline: {
993
+ enabled: true,
994
+ },
995
+ },
996
+ colors: ["var(--bs-primary)"],
997
+ stroke: {
998
+ width: 2,
999
+ },
1000
+ tooltip: {
1001
+ fixed: {
1002
+ enabled: false,
1003
+ },
1004
+ x: {
1005
+ show: false,
1006
+ },
1007
+ y: {
1008
+ title: {
1009
+ formatter: function(seriesName) {
1010
+ return "";
1011
+ },
1012
+ },
1013
+ },
1014
+ marker: {
1015
+ show: false,
1016
+ },
1017
+ },
1018
+ };
1019
+
1020
+ const chart = new ApexCharts(document.querySelector(selector), options);
1021
+ chart.render();
1022
+ }
1023
+
1024
+ const table_sparkline_1_data = [
1025
+ 25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54,
1026
+ ];
1027
+ const table_sparkline_2_data = [
1028
+ 12, 56, 21, 39, 73, 45, 64, 52, 36, 59, 44,
1029
+ ];
1030
+ const table_sparkline_3_data = [
1031
+ 15, 46, 21, 59, 33, 15, 34, 42, 56, 19, 64,
1032
+ ];
1033
+ const table_sparkline_4_data = [
1034
+ 30, 56, 31, 69, 43, 35, 24, 32, 46, 29, 64,
1035
+ ];
1036
+ const table_sparkline_5_data = [
1037
+ 20, 76, 51, 79, 53, 35, 54, 22, 36, 49, 64,
1038
+ ];
1039
+ const table_sparkline_6_data = [
1040
+ 5, 36, 11, 69, 23, 15, 14, 42, 26, 19, 44,
1041
+ ];
1042
+ const table_sparkline_7_data = [
1043
+ 12, 56, 21, 39, 73, 45, 64, 52, 36, 59, 74,
1044
+ ];
1045
+
1046
+ createSparklineChart("#table-sparkline-1", table_sparkline_1_data);
1047
+ createSparklineChart("#table-sparkline-2", table_sparkline_2_data);
1048
+ createSparklineChart("#table-sparkline-3", table_sparkline_3_data);
1049
+ createSparklineChart("#table-sparkline-4", table_sparkline_4_data);
1050
+ createSparklineChart("#table-sparkline-5", table_sparkline_5_data);
1051
+ createSparklineChart("#table-sparkline-6", table_sparkline_6_data);
1052
+ createSparklineChart("#table-sparkline-7", table_sparkline_7_data);
1053
+
1740
1054
  //-------------
1741
1055
  // - PIE CHART -
1742
1056
  //-------------
1743
1057
 
1744
- var pie_chart_options = {
1058
+ const pie_chart_options = {
1745
1059
  series: [700, 500, 400, 600, 300, 100],
1746
1060
  chart: {
1747
1061
  type: "donut",
@@ -1760,17 +1074,16 @@
1760
1074
  ],
1761
1075
  };
1762
1076
 
1763
- var pie_chart = new ApexCharts(
1077
+ const pie_chart = new ApexCharts(
1764
1078
  document.querySelector("#pie-chart"),
1765
- pie_chart_options
1079
+ pie_chart_options,
1766
1080
  );
1767
1081
  pie_chart.render();
1768
1082
 
1769
1083
  //-----------------
1770
1084
  // - END PIE CHART -
1771
1085
  //-----------------
1772
- </script>
1773
- <!--end::Script-->
1086
+ </script> <!--end::Script-->
1774
1087
  </body><!--end::Body-->
1775
1088
 
1776
1089
  </html>