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/index.html CHANGED
@@ -1,663 +1,379 @@
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 v4 | Dashboard</title>
8
- <!--begin::Primary Meta Tags-->
6
+ <title>AdminLTE v4 | Dashboard</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 v4 | Dashboard">
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 -->
31
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css" integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0=" crossorigin="anonymous">
32
-
33
- <!-- jsvectormap -->
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 -->
16
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css" integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0=" crossorigin="anonymous"><!-- jsvectormap -->
34
17
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/css/jsvectormap.min.css" integrity="sha256-+uGLJmmTKOqBr+2E6KDYs/NRsHxSkONXFHUL0fy2O/4=" crossorigin="anonymous">
35
- </head>
36
- <!--end::Head-->
37
- <!--begin::Body-->
18
+ </head> <!--end::Head--> <!--begin::Body-->
38
19
 
39
- <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
40
- <!--begin::App Wrapper-->
41
- <div class="app-wrapper">
42
- <!--begin::Header-->
43
- <nav class="app-header navbar navbar-expand bg-body">
44
- <!--begin::Container-->
45
- <div class="container-fluid">
46
- <!--begin::Start Navbar Links-->
20
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
21
+ <div class="app-wrapper"> <!--begin::Header-->
22
+ <nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
23
+ <div class="container-fluid"> <!--begin::Start Navbar Links-->
47
24
  <ul class="navbar-nav">
48
- <li class="nav-item">
49
- <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
50
- <i class="bi bi-list"></i>
51
- </a>
52
- </li>
53
- <li class="nav-item d-none d-md-block">
54
- <a href="#" class="nav-link">Home</a>
55
- </li>
56
- <li class="nav-item d-none d-md-block">
57
- <a href="#" class="nav-link">Contact</a>
58
- </li>
59
- </ul>
60
- <!--end::Start Navbar Links-->
61
-
62
- <!--begin::End Navbar Links-->
63
- <ul class="navbar-nav ms-auto">
64
- <!--begin::Navbar Search-->
65
- <li class="nav-item">
66
- <a class="nav-link" data-widget="navbar-search" href="#" role="button">
67
- <i class="bi bi-search"></i>
68
- </a>
69
- </li>
70
- <!--end::Navbar Search-->
71
-
72
- <!--begin::Messages Dropdown Menu-->
73
- <li class="nav-item dropdown">
74
- <a class="nav-link" data-bs-toggle="dropdown" href="#">
75
- <i class="bi bi-chat-text"></i>
76
- <span class="navbar-badge badge text-bg-danger">3</span>
77
- </a>
78
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
79
- <a href="#" class="dropdown-item">
80
- <!--begin::Message-->
25
+ <li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
26
+ <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Home</a> </li>
27
+ <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contact</a> </li>
28
+ </ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
29
+ <ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
30
+ <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-->
31
+ <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>
32
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <a href="#" class="dropdown-item"> <!--begin::Message-->
81
33
  <div class="d-flex">
82
- <div class="flex-shrink-0">
83
- <img src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
84
- </div>
34
+ <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>
85
35
  <div class="flex-grow-1">
86
36
  <h3 class="dropdown-item-title">
87
37
  Brad Diesel
88
38
  <span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
89
39
  </h3>
90
40
  <p class="fs-7">Call me whenever you can...</p>
91
- <p class="fs-7 text-secondary">
92
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
41
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
93
42
  </p>
94
43
  </div>
95
- </div>
96
- <!--end::Message-->
44
+ </div> <!--end::Message-->
97
45
  </a>
98
- <div class="dropdown-divider"></div>
99
- <a href="#" class="dropdown-item">
100
- <!--begin::Message-->
46
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
101
47
  <div class="d-flex">
102
- <div class="flex-shrink-0">
103
- <img src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
104
- </div>
48
+ <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>
105
49
  <div class="flex-grow-1">
106
50
  <h3 class="dropdown-item-title">
107
51
  John Pierce
108
- <span class="float-end fs-7 text-secondary">
109
- <i class="bi bi-star-fill"></i>
110
- </span>
52
+ <span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
111
53
  </h3>
112
54
  <p class="fs-7">I got your message bro</p>
113
- <p class="fs-7 text-secondary">
114
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
55
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
115
56
  </p>
116
57
  </div>
117
- </div>
118
- <!--end::Message-->
58
+ </div> <!--end::Message-->
119
59
  </a>
120
- <div class="dropdown-divider"></div>
121
- <a href="#" class="dropdown-item">
122
- <!--begin::Message-->
60
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
123
61
  <div class="d-flex">
124
- <div class="flex-shrink-0">
125
- <img src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
126
- </div>
62
+ <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>
127
63
  <div class="flex-grow-1">
128
64
  <h3 class="dropdown-item-title">
129
65
  Nora Silvester
130
- <span class="float-end fs-7 text-warning">
131
- <i class="bi bi-star-fill"></i>
132
- </span>
66
+ <span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
133
67
  </h3>
134
68
  <p class="fs-7">The subject goes here</p>
135
- <p class="fs-7 text-secondary">
136
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
69
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
137
70
  </p>
138
71
  </div>
139
- </div>
140
- <!--end::Message-->
72
+ </div> <!--end::Message-->
141
73
  </a>
142
- <div class="dropdown-divider"></div>
143
- <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
74
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
144
75
  </div>
145
- </li>
146
- <!--end::Messages Dropdown Menu-->
147
-
148
- <!--begin::Notifications Dropdown Menu-->
149
- <li class="nav-item dropdown">
150
- <a class="nav-link" data-bs-toggle="dropdown" href="#">
151
- <i class="bi bi-bell-fill"></i>
152
- <span class="navbar-badge badge text-bg-warning">15</span>
153
- </a>
154
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
155
- <span class="dropdown-item dropdown-header">15 Notifications</span>
156
- <div class="dropdown-divider"></div>
157
- <a href="#" class="dropdown-item">
158
- <i class="bi bi-envelope me-2"></i> 4 new messages
159
- <span class="float-end text-secondary fs-7">3 mins</span>
160
- </a>
161
- <div class="dropdown-divider"></div>
162
- <a href="#" class="dropdown-item">
163
- <i class="bi bi-people-fill me-2"></i> 8 friend requests
164
- <span class="float-end text-secondary fs-7">12 hours</span>
165
- </a>
166
- <div class="dropdown-divider"></div>
167
- <a href="#" class="dropdown-item">
168
- <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
169
- <span class="float-end text-secondary fs-7">2 days</span>
170
- </a>
171
- <div class="dropdown-divider"></div>
172
- <a href="#" class="dropdown-item dropdown-footer">
76
+ </li> <!--end::Messages Dropdown Menu--> <!--begin::Notifications Dropdown Menu-->
77
+ <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>
78
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <span class="dropdown-item dropdown-header">15 Notifications</span>
79
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-envelope me-2"></i> 4 new messages
80
+ <span class="float-end text-secondary fs-7">3 mins</span> </a>
81
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-people-fill me-2"></i> 8 friend requests
82
+ <span class="float-end text-secondary fs-7">12 hours</span> </a>
83
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
84
+ <span class="float-end text-secondary fs-7">2 days</span> </a>
85
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
173
86
  See All Notifications
174
87
  </a>
175
88
  </div>
176
- </li>
177
- <!--end::Notifications Dropdown Menu-->
178
-
179
- <!--begin::User Menu Dropdown-->
180
- <li class="nav-item dropdown user-menu">
181
- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
182
- <img src="../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image">
183
- <span class="d-none d-md-inline">Alexander Pierce</span>
184
- </a>
185
- <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
186
- <!--begin::User Image-->
187
- <li class="user-header text-bg-primary">
188
- <img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
189
-
89
+ </li> <!--end::Notifications Dropdown Menu--> <!--begin::Fullscreen Toggle-->
90
+ <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-->
91
+ <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>
92
+ <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
93
+ <li class="user-header text-bg-primary"> <img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
190
94
  <p>
191
95
  Alexander Pierce - Web Developer
192
96
  <small>Member since Nov. 2023</small>
193
97
  </p>
194
- </li>
195
- <!--end::User Image-->
196
- <!--begin::Menu Body-->
197
- <li class="user-body">
198
- <!--begin::Row-->
98
+ </li> <!--end::User Image--> <!--begin::Menu Body-->
99
+ <li class="user-body"> <!--begin::Row-->
199
100
  <div class="row">
200
- <div class="col-4 text-center">
201
- <a href="#">Followers</a>
202
- </div>
203
- <div class="col-4 text-center">
204
- <a href="#">Sales</a>
205
- </div>
206
- <div class="col-4 text-center">
207
- <a href="#">Friends</a>
208
- </div>
209
- </div>
210
- <!--end::Row-->
211
- </li>
212
- <!--end::Menu Body-->
213
- <!--begin::Menu Footer-->
214
- <li class="user-footer">
215
- <a href="#" class="btn btn-default btn-flat">Profile</a>
216
- <a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
217
- </li>
218
- <!--end::Menu Footer-->
101
+ <div class="col-4 text-center"> <a href="#">Followers</a> </div>
102
+ <div class="col-4 text-center"> <a href="#">Sales</a> </div>
103
+ <div class="col-4 text-center"> <a href="#">Friends</a> </div>
104
+ </div> <!--end::Row-->
105
+ </li> <!--end::Menu Body--> <!--begin::Menu Footer-->
106
+ <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-->
219
107
  </ul>
220
- </li>
221
- <!--end::User Menu Dropdown-->
222
- </ul>
223
- <!--end::End Navbar Links-->
224
- </div>
225
- <!--end::Container-->
226
- </nav>
227
- <!--end::Header-->
228
- <!--begin::Sidebar-->
229
- <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
230
- <!--begin::Sidebar Brand-->
231
- <div class="sidebar-brand">
232
- <!--begin::Brand Link-->
233
- <a href="./index.html" class="brand-link">
234
- <!--begin::Brand Image-->
235
- <img src="../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
236
- <!--end::Brand Image-->
237
- <!--begin::Brand Text-->
238
- <span class="brand-text fw-light">AdminLTE 4</span>
239
- <!--end::Brand Text-->
240
- </a>
241
- <!--end::Brand Link-->
242
- </div>
243
- <!--end::Sidebar Brand-->
244
- <!--begin::Sidebar Wrapper-->
108
+ </li> <!--end::User Menu Dropdown-->
109
+ </ul> <!--end::End Navbar Links-->
110
+ </div> <!--end::Container-->
111
+ </nav> <!--end::Header--> <!--begin::Sidebar-->
112
+ <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
113
+ <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-->
245
114
  <div class="sidebar-wrapper">
246
- <nav class="mt-2">
247
- <!--begin::Sidebar Menu-->
115
+ <nav class="mt-2"> <!--begin::Sidebar Menu-->
248
116
  <ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
249
- <li class="nav-item menu-open">
250
- <a href="#" class="nav-link active">
251
- <i class="nav-icon bi bi-speedometer"></i>
117
+ <li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-speedometer"></i>
252
118
  <p>
253
119
  Dashboard
254
120
  <i class="nav-arrow bi bi-chevron-right"></i>
255
121
  </p>
256
122
  </a>
257
123
  <ul class="nav nav-treeview">
258
- <li class="nav-item">
259
- <a href="./index.html" class="nav-link active">
260
- <i class="nav-icon bi bi-circle"></i>
124
+ <li class="nav-item"> <a href="./index.html" class="nav-link active"> <i class="nav-icon bi bi-circle"></i>
261
125
  <p>Dashboard v1</p>
262
- </a>
263
- </li>
264
- <li class="nav-item">
265
- <a href="./index2.html" class="nav-link">
266
- <i class="nav-icon bi bi-circle"></i>
126
+ </a> </li>
127
+ <li class="nav-item"> <a href="./index2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
267
128
  <p>Dashboard v2</p>
268
- </a>
269
- </li>
270
- <li class="nav-item">
271
- <a href="./index3.html" class="nav-link">
272
- <i class="nav-icon bi bi-circle"></i>
129
+ </a> </li>
130
+ <li class="nav-item"> <a href="./index3.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
273
131
  <p>Dashboard v3</p>
274
- </a>
275
- </li>
132
+ </a> </li>
276
133
  </ul>
277
134
  </li>
278
- <li class="nav-item">
279
- <a href="#" class="nav-link">
280
- <i class="nav-icon bi bi-box-seam-fill"></i>
135
+ <li class="nav-item"> <a href="./generate/theme.html" class="nav-link"> <i class="nav-icon bi bi-palette"></i>
136
+ <p>Theme Generate</p>
137
+ </a> </li>
138
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
281
139
  <p>
282
140
  Widgets
283
141
  <i class="nav-arrow bi bi-chevron-right"></i>
284
142
  </p>
285
143
  </a>
286
144
  <ul class="nav nav-treeview">
287
- <li class="nav-item">
288
- <a href="./widgets/small-box.html" class="nav-link">
289
- <i class="nav-icon bi bi-circle"></i>
145
+ <li class="nav-item"> <a href="./widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
290
146
  <p>Small Box</p>
291
- </a>
292
- </li>
293
- <li class="nav-item">
294
- <a href="./widgets/info-box.html" class="nav-link">
295
- <i class="nav-icon bi bi-circle"></i>
147
+ </a> </li>
148
+ <li class="nav-item"> <a href="./widgets/info-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
296
149
  <p>info Box</p>
297
- </a>
298
- </li>
299
- <li class="nav-item">
300
- <a href="./widgets/cards.html" class="nav-link">
301
- <i class="nav-icon bi bi-circle"></i>
150
+ </a> </li>
151
+ <li class="nav-item"> <a href="./widgets/cards.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
302
152
  <p>Cards</p>
303
- </a>
304
- </li>
153
+ </a> </li>
305
154
  </ul>
306
155
  </li>
307
- <li class="nav-item">
308
- <a href="#" class="nav-link">
309
- <i class="nav-icon bi bi-clipboard-fill"></i>
156
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-clipboard-fill"></i>
310
157
  <p>
311
158
  Layout Options
312
- <span class="nav-badge badge text-bg-secondary me-3">6</span>
313
- <i class="nav-arrow bi bi-chevron-right"></i>
159
+ <span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
314
160
  </p>
315
161
  </a>
316
162
  <ul class="nav nav-treeview">
317
- <li class="nav-item">
318
- <a href="./layout/unfixed-sidebar.html" class="nav-link">
319
- <i class="nav-icon bi bi-circle"></i>
163
+ <li class="nav-item"> <a href="./layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
320
164
  <p>Default Sidebar</p>
321
- </a>
322
- </li>
323
- <li class="nav-item">
324
- <a href="./layout/fixed-sidebar.html" class="nav-link">
325
- <i class="nav-icon bi bi-circle"></i>
165
+ </a> </li>
166
+ <li class="nav-item"> <a href="./layout/fixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
326
167
  <p>Fixed Sidebar</p>
327
- </a>
328
- </li>
329
- <li class="nav-item">
330
- <a href="./layout/fixed-complete.html" class="nav-link">
331
- <i class="nav-icon bi bi-circle"></i>
332
- <p>Fixed Complete</p>
333
- </a>
334
- </li>
335
- <li class="nav-item">
336
- <a href="./layout/sidebar-mini.html" class="nav-link">
337
- <i class="nav-icon bi bi-circle"></i>
168
+ </a> </li>
169
+ <li class="nav-item"> <a href="./layout/layout-custom-area.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
170
+ <p>Layout <small>+ Custom Area </small></p>
171
+ </a> </li>
172
+ <li class="nav-item"> <a href="./layout/sidebar-mini.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
338
173
  <p>Sidebar Mini</p>
339
- </a>
340
- </li>
341
- <li class="nav-item">
342
- <a href="./layout/collapsed-sidebar.html" class="nav-link">
343
- <i class="nav-icon bi bi-circle"></i>
174
+ </a> </li>
175
+ <li class="nav-item"> <a href="./layout/collapsed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
344
176
  <p>Sidebar Mini <small>+ Collapsed</small></p>
345
- </a>
346
- </li>
347
- <li class="nav-item">
348
- <a href="./layout/logo-switch.html" class="nav-link">
349
- <i class="nav-icon bi bi-circle"></i>
177
+ </a> </li>
178
+ <li class="nav-item"> <a href="./layout/logo-switch.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
350
179
  <p>Sidebar Mini <small>+ Logo Switch</small></p>
351
- </a>
352
- </li>
353
- <li class="nav-item">
354
- <a href="./layout/layout-rtl.html" class="nav-link">
355
- <i class="nav-icon bi bi-circle"></i>
180
+ </a> </li>
181
+ <li class="nav-item"> <a href="./layout/layout-rtl.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
356
182
  <p>Layout RTL</p>
357
- </a>
358
- </li>
183
+ </a> </li>
359
184
  </ul>
360
185
  </li>
361
- <li class="nav-item">
362
- <a href="#" class="nav-link">
363
- <i class="nav-icon bi bi-tree-fill"></i>
186
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-tree-fill"></i>
364
187
  <p>
365
188
  UI Elements
366
189
  <i class="nav-arrow bi bi-chevron-right"></i>
367
190
  </p>
368
191
  </a>
369
192
  <ul class="nav nav-treeview">
370
- <li class="nav-item">
371
- <a href="./UI/timeline.html" class="nav-link">
372
- <i class="nav-icon bi bi-circle"></i>
193
+ <li class="nav-item"> <a href="./UI/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
194
+ <p>General</p>
195
+ </a> </li>
196
+ <li class="nav-item"> <a href="./UI/icons.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
197
+ <p>Icons</p>
198
+ </a> </li>
199
+ <li class="nav-item"> <a href="./UI/timeline.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
373
200
  <p>Timeline</p>
374
- </a>
375
- </li>
201
+ </a> </li>
376
202
  </ul>
377
203
  </li>
378
- <li class="nav-item">
379
- <a href="#" class="nav-link">
380
- <i class="nav-icon bi bi-pencil-square"></i>
204
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
381
205
  <p>
382
206
  Forms
383
207
  <i class="nav-arrow bi bi-chevron-right"></i>
384
208
  </p>
385
209
  </a>
386
210
  <ul class="nav nav-treeview">
387
- <li class="nav-item">
388
- <a href="./forms/general.html" class="nav-link">
389
- <i class="nav-icon bi bi-circle"></i>
211
+ <li class="nav-item"> <a href="./forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
390
212
  <p>General Elements</p>
391
- </a>
392
- </li>
213
+ </a> </li>
393
214
  </ul>
394
215
  </li>
395
- <li class="nav-item">
396
- <a href="#" class="nav-link">
397
- <i class="nav-icon bi bi-table"></i>
216
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-table"></i>
398
217
  <p>
399
218
  Tables
400
219
  <i class="nav-arrow bi bi-chevron-right"></i>
401
220
  </p>
402
221
  </a>
403
222
  <ul class="nav nav-treeview">
404
- <li class="nav-item">
405
- <a href="./tables/simple.html" class="nav-link">
406
- <i class="nav-icon bi bi-circle"></i>
223
+ <li class="nav-item"> <a href="./tables/simple.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
407
224
  <p>Simple Tables</p>
408
- </a>
409
- </li>
225
+ </a> </li>
410
226
  </ul>
411
227
  </li>
412
-
413
228
  <li class="nav-header">EXAMPLES</li>
414
- <li class="nav-item">
415
- <a href="#" class="nav-link">
416
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
229
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
417
230
  <p>
418
231
  Auth
419
232
  <i class="nav-arrow bi bi-chevron-right"></i>
420
233
  </p>
421
234
  </a>
422
235
  <ul class="nav nav-treeview">
423
- <li class="nav-item">
424
- <a href="#" class="nav-link">
425
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
236
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
426
237
  <p>
427
238
  Version 1
428
239
  <i class="nav-arrow bi bi-chevron-right"></i>
429
240
  </p>
430
241
  </a>
431
242
  <ul class="nav nav-treeview">
432
- <li class="nav-item">
433
- <a href="./examples/login.html" class="nav-link">
434
- <i class="nav-icon bi bi-circle"></i>
243
+ <li class="nav-item"> <a href="./examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
435
244
  <p>Login</p>
436
- </a>
437
- </li>
438
- <li class="nav-item">
439
- <a href="./examples/register.html" class="nav-link">
440
- <i class="nav-icon bi bi-circle"></i>
245
+ </a> </li>
246
+ <li class="nav-item"> <a href="./examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
441
247
  <p>Register</p>
442
- </a>
443
- </li>
248
+ </a> </li>
444
249
  </ul>
445
250
  </li>
446
- <li class="nav-item">
447
- <a href="#" class="nav-link">
448
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
251
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
449
252
  <p>
450
253
  Version 2
451
254
  <i class="nav-arrow bi bi-chevron-right"></i>
452
255
  </p>
453
256
  </a>
454
257
  <ul class="nav nav-treeview">
455
- <li class="nav-item">
456
- <a href="./examples/login-v2.html" class="nav-link">
457
- <i class="nav-icon bi bi-circle"></i>
258
+ <li class="nav-item"> <a href="./examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
458
259
  <p>Login</p>
459
- </a>
460
- </li>
461
- <li class="nav-item">
462
- <a href="./examples/register-v2.html" class="nav-link">
463
- <i class="nav-icon bi bi-circle"></i>
260
+ </a> </li>
261
+ <li class="nav-item"> <a href="./examples/register-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
464
262
  <p>Register</p>
465
- </a>
466
- </li>
263
+ </a> </li>
467
264
  </ul>
468
265
  </li>
469
- <li class="nav-item">
470
- <a href="./examples/lockscreen.html" class="nav-link">
471
- <i class="nav-icon bi bi-circle"></i>
266
+ <li class="nav-item"> <a href="./examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
472
267
  <p>Lockscreen</p>
473
- </a>
474
- </li>
268
+ </a> </li>
475
269
  </ul>
476
270
  </li>
477
-
478
271
  <li class="nav-header">DOCUMENTATIONS</li>
479
- <li class="nav-item">
480
- <a href="./docs/introduction.html" class="nav-link">
481
- <i class="nav-icon bi bi-download"></i>
272
+ <li class="nav-item"> <a href="./docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
482
273
  <p>Installation</p>
483
- </a>
484
- </li>
485
- <li class="nav-item">
486
- <a href="./docs/layout.html" class="nav-link">
487
- <i class="nav-icon bi bi-grip-horizontal"></i>
274
+ </a> </li>
275
+ <li class="nav-item"> <a href="./docs/layout.html" class="nav-link"> <i class="nav-icon bi bi-grip-horizontal"></i>
488
276
  <p>Layout</p>
489
- </a>
490
- </li>
491
- <li class="nav-item">
492
- <a href="./docs/color-mode.html" class="nav-link">
493
- <i class="nav-icon bi bi-star-half"></i>
277
+ </a> </li>
278
+ <li class="nav-item"> <a href="./docs/color-mode.html" class="nav-link"> <i class="nav-icon bi bi-star-half"></i>
494
279
  <p>Color Mode</p>
495
- </a>
496
- </li>
497
- <li class="nav-item">
498
- <a href="#" class="nav-link">
499
- <i class="nav-icon bi bi-ui-checks-grid"></i>
280
+ </a> </li>
281
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-ui-checks-grid"></i>
500
282
  <p>
501
283
  Components
502
284
  <i class="nav-arrow bi bi-chevron-right"></i>
503
285
  </p>
504
286
  </a>
505
287
  <ul class="nav nav-treeview">
506
- <li class="nav-item">
507
- <a href="./docs/components/main-header.html" class="nav-link">
508
- <i class="nav-icon bi bi-circle"></i>
288
+ <li class="nav-item"> <a href="./docs/components/main-header.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
509
289
  <p>Main Header</p>
510
- </a>
511
- </li>
512
- <li class="nav-item">
513
- <a href="./docs/components/main-sidebar.html" class="nav-link">
514
- <i class="nav-icon bi bi-circle"></i>
290
+ </a> </li>
291
+ <li class="nav-item"> <a href="./docs/components/main-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
515
292
  <p>Main Sidebar</p>
516
- </a>
517
- </li>
293
+ </a> </li>
518
294
  </ul>
519
295
  </li>
520
- <li class="nav-item">
521
- <a href="#" class="nav-link">
522
- <i class="nav-icon bi bi-filetype-js"></i>
296
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
523
297
  <p>
524
298
  Javascript
525
299
  <i class="nav-arrow bi bi-chevron-right"></i>
526
300
  </p>
527
301
  </a>
528
302
  <ul class="nav nav-treeview">
529
- <li class="nav-item">
530
- <a href="./docs/javascript/treeview.html" class="nav-link">
531
- <i class="nav-icon bi bi-circle"></i>
303
+ <li class="nav-item"> <a href="./docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
532
304
  <p>Treeview</p>
533
- </a>
534
- </li>
305
+ </a> </li>
535
306
  </ul>
536
307
  </li>
537
- <li class="nav-item">
538
- <a href="./docs/browser-support.html" class="nav-link">
539
- <i class="nav-icon bi bi-browser-edge"></i>
308
+ <li class="nav-item"> <a href="./docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
540
309
  <p>Browser Support</p>
541
- </a>
542
- </li>
543
- <li class="nav-item">
544
- <a href="./docs/how-to-contribute.html" class="nav-link">
545
- <i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
310
+ </a> </li>
311
+ <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>
546
312
  <p>How To Contribute</p>
547
- </a>
548
- </li>
549
- <li class="nav-item">
550
- <a href="./docs/faq.html" class="nav-link">
551
- <i class="nav-icon bi bi-question-circle-fill"></i>
313
+ </a> </li>
314
+ <li class="nav-item"> <a href="./docs/faq.html" class="nav-link"> <i class="nav-icon bi bi-question-circle-fill"></i>
552
315
  <p>FAQ</p>
553
- </a>
554
- </li>
555
- <li class="nav-item">
556
- <a href="./docs/license.html" class="nav-link">
557
- <i class="nav-icon bi bi-patch-check-fill"></i>
316
+ </a> </li>
317
+ <li class="nav-item"> <a href="./docs/license.html" class="nav-link"> <i class="nav-icon bi bi-patch-check-fill"></i>
558
318
  <p>License</p>
559
- </a>
560
- </li>
561
-
319
+ </a> </li>
562
320
  <li class="nav-header">MULTI LEVEL EXAMPLE</li>
563
- <li class="nav-item">
564
- <a href="#" class="nav-link">
565
- <i class="nav-icon bi bi-circle-fill"></i>
321
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
566
322
  <p>Level 1</p>
567
- </a>
568
- </li>
569
- <li class="nav-item">
570
- <a href="#" class="nav-link">
571
- <i class="nav-icon bi bi-circle-fill"></i>
323
+ </a> </li>
324
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
572
325
  <p>
573
326
  Level 1
574
327
  <i class="nav-arrow bi bi-chevron-right"></i>
575
328
  </p>
576
329
  </a>
577
330
  <ul class="nav nav-treeview">
578
- <li class="nav-item">
579
- <a href="#" class="nav-link">
580
- <i class="nav-icon bi bi-circle"></i>
331
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
581
332
  <p>Level 2</p>
582
- </a>
583
- </li>
584
- <li class="nav-item">
585
- <a href="#" class="nav-link">
586
- <i class="nav-icon bi bi-circle"></i>
333
+ </a> </li>
334
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
587
335
  <p>
588
336
  Level 2
589
337
  <i class="nav-arrow bi bi-chevron-right"></i>
590
338
  </p>
591
339
  </a>
592
340
  <ul class="nav nav-treeview">
593
- <li class="nav-item">
594
- <a href="#" class="nav-link">
595
- <i class="nav-icon bi bi-record-circle-fill"></i>
341
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
596
342
  <p>Level 3</p>
597
- </a>
598
- </li>
599
- <li class="nav-item">
600
- <a href="#" class="nav-link">
601
- <i class="nav-icon bi bi-record-circle-fill"></i>
343
+ </a> </li>
344
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
602
345
  <p>Level 3</p>
603
- </a>
604
- </li>
605
- <li class="nav-item">
606
- <a href="#" class="nav-link">
607
- <i class="nav-icon bi bi-record-circle-fill"></i>
346
+ </a> </li>
347
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
608
348
  <p>Level 3</p>
609
- </a>
610
- </li>
349
+ </a> </li>
611
350
  </ul>
612
351
  </li>
613
- <li class="nav-item">
614
- <a href="#" class="nav-link">
615
- <i class="nav-icon bi bi-circle"></i>
352
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
616
353
  <p>Level 2</p>
617
- </a>
618
- </li>
354
+ </a> </li>
619
355
  </ul>
620
356
  </li>
621
- <li class="nav-item">
622
- <a href="#" class="nav-link">
623
- <i class="nav-icon bi bi-circle-fill"></i>
357
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
624
358
  <p>Level 1</p>
625
- </a>
626
- </li>
627
-
359
+ </a> </li>
628
360
  <li class="nav-header">LABELS</li>
629
- <li class="nav-item">
630
- <a href="#" class="nav-link">
631
- <i class="nav-icon bi bi-circle text-danger"></i>
361
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
632
362
  <p class="text">Important</p>
633
- </a>
634
- </li>
635
- <li class="nav-item">
636
- <a href="#" class="nav-link">
637
- <i class="nav-icon bi bi-circle text-warning"></i>
363
+ </a> </li>
364
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-warning"></i>
638
365
  <p>Warning</p>
639
- </a>
640
- </li>
641
- <li class="nav-item">
642
- <a href="#" class="nav-link">
643
- <i class="nav-icon bi bi-circle text-info"></i>
366
+ </a> </li>
367
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-info"></i>
644
368
  <p>Informational</p>
645
- </a>
646
- </li>
647
- </ul>
648
- <!--end::Sidebar Menu-->
369
+ </a> </li>
370
+ </ul> <!--end::Sidebar Menu-->
649
371
  </nav>
650
- </div>
651
- <!--end::Sidebar Wrapper-->
652
- </aside>
653
- <!--end::Sidebar-->
654
- <!--begin::App Main-->
655
- <main class="app-main">
656
- <!--begin::App Content Header-->
657
- <div class="app-content-header">
658
- <!--begin::Container-->
659
- <div class="container-fluid">
660
- <!--begin::Row-->
372
+ </div> <!--end::Sidebar Wrapper-->
373
+ </aside> <!--end::Sidebar--> <!--begin::App Main-->
374
+ <main class="app-main"> <!--begin::App Content Header-->
375
+ <div class="app-content-header"> <!--begin::Container-->
376
+ <div class="container-fluid"> <!--begin::Row-->
661
377
  <div class="row">
662
378
  <div class="col-sm-6">
663
379
  <h3 class="mb-0">Dashboard</h3>
@@ -670,425 +386,228 @@
670
386
  </li>
671
387
  </ol>
672
388
  </div>
673
- </div>
674
- <!--end::Row-->
675
- </div>
676
- <!--end::Container-->
677
- </div>
678
- <!--end::App Content Header-->
679
- <!--begin::App Content-->
680
- <div class="app-content">
681
- <!--begin::Container-->
682
- <div class="container-fluid">
683
- <!--begin::Row-->
684
- <div class="row">
685
- <!--begin::Col-->
686
- <div class="col-lg-3 col-6">
687
- <!--begin::Small Box Widget 1-->
389
+ </div> <!--end::Row-->
390
+ </div> <!--end::Container-->
391
+ </div> <!--end::App Content Header--> <!--begin::App Content-->
392
+ <div class="app-content"> <!--begin::Container-->
393
+ <div class="container-fluid"> <!--begin::Row-->
394
+ <div class="row"> <!--begin::Col-->
395
+ <div class="col-lg-3 col-6"> <!--begin::Small Box Widget 1-->
688
396
  <div class="small-box text-bg-primary">
689
397
  <div class="inner">
690
398
  <h3>150</h3>
691
-
692
399
  <p>New Orders</p>
693
- </div>
694
- <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
400
+ </div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
695
401
  <path d="M2.25 2.25a.75.75 0 000 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 00-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 000-1.5H5.378A2.25 2.25 0 017.5 15h11.218a.75.75 0 00.674-.421 60.358 60.358 0 002.96-7.228.75.75 0 00-.525-.965A60.864 60.864 0 005.68 4.509l-.232-.867A1.875 1.875 0 003.636 2.25H2.25zM3.75 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM16.5 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"></path>
696
- </svg>
697
- <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
698
- More info <i class="bi bi-link-45deg"></i>
699
- </a>
700
- </div>
701
- <!--end::Small Box Widget 1-->
702
- </div>
703
- <!--end::Col-->
704
- <div class="col-lg-3 col-6">
705
- <!--begin::Small Box Widget 2-->
402
+ </svg> <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
403
+ More info <i class="bi bi-link-45deg"></i> </a>
404
+ </div> <!--end::Small Box Widget 1-->
405
+ </div> <!--end::Col-->
406
+ <div class="col-lg-3 col-6"> <!--begin::Small Box Widget 2-->
706
407
  <div class="small-box text-bg-success">
707
408
  <div class="inner">
708
409
  <h3>53<sup class="fs-5">%</sup></h3>
709
-
710
410
  <p>Bounce Rate</p>
711
- </div>
712
- <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
411
+ </div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
713
412
  <path d="M18.375 2.25c-1.035 0-1.875.84-1.875 1.875v15.75c0 1.035.84 1.875 1.875 1.875h.75c1.035 0 1.875-.84 1.875-1.875V4.125c0-1.036-.84-1.875-1.875-1.875h-.75zM9.75 8.625c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-.75a1.875 1.875 0 01-1.875-1.875V8.625zM3 13.125c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v6.75c0 1.035-.84 1.875-1.875 1.875h-.75A1.875 1.875 0 013 19.875v-6.75z"></path>
714
- </svg>
715
- <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
716
- More info <i class="bi bi-link-45deg"></i>
717
- </a>
718
- </div>
719
- <!--end::Small Box Widget 2-->
720
- </div>
721
- <!--end::Col-->
722
- <div class="col-lg-3 col-6">
723
- <!--begin::Small Box Widget 3-->
413
+ </svg> <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
414
+ More info <i class="bi bi-link-45deg"></i> </a>
415
+ </div> <!--end::Small Box Widget 2-->
416
+ </div> <!--end::Col-->
417
+ <div class="col-lg-3 col-6"> <!--begin::Small Box Widget 3-->
724
418
  <div class="small-box text-bg-warning">
725
419
  <div class="inner">
726
420
  <h3>44</h3>
727
-
728
421
  <p>User Registrations</p>
729
- </div>
730
- <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
422
+ </div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
731
423
  <path d="M6.25 6.375a4.125 4.125 0 118.25 0 4.125 4.125 0 01-8.25 0zM3.25 19.125a7.125 7.125 0 0114.25 0v.003l-.001.119a.75.75 0 01-.363.63 13.067 13.067 0 01-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 01-.364-.63l-.001-.122zM19.75 7.5a.75.75 0 00-1.5 0v2.25H16a.75.75 0 000 1.5h2.25v2.25a.75.75 0 001.5 0v-2.25H22a.75.75 0 000-1.5h-2.25V7.5z"></path>
732
- </svg>
733
- <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
734
- More info <i class="bi bi-link-45deg"></i>
735
- </a>
736
- </div>
737
- <!--end::Small Box Widget 3-->
738
- </div>
739
- <!--end::Col-->
740
- <div class="col-lg-3 col-6">
741
- <!--begin::Small Box Widget 4-->
424
+ </svg> <a href="#" class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover">
425
+ More info <i class="bi bi-link-45deg"></i> </a>
426
+ </div> <!--end::Small Box Widget 3-->
427
+ </div> <!--end::Col-->
428
+ <div class="col-lg-3 col-6"> <!--begin::Small Box Widget 4-->
742
429
  <div class="small-box text-bg-danger">
743
430
  <div class="inner">
744
431
  <h3>65</h3>
745
-
746
432
  <p>Unique Visitors</p>
747
- </div>
748
- <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
433
+ </div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
749
434
  <path clip-rule="evenodd" fill-rule="evenodd" d="M2.25 13.5a8.25 8.25 0 018.25-8.25.75.75 0 01.75.75v6.75H18a.75.75 0 01.75.75 8.25 8.25 0 01-16.5 0z"></path>
750
435
  <path clip-rule="evenodd" fill-rule="evenodd" d="M12.75 3a.75.75 0 01.75-.75 8.25 8.25 0 018.25 8.25.75.75 0 01-.75.75h-7.5a.75.75 0 01-.75-.75V3z"></path>
751
- </svg>
752
- <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
753
- More info <i class="bi bi-link-45deg"></i>
754
- </a>
755
- </div>
756
- <!--end::Small Box Widget 4-->
757
- </div>
758
- <!--end::Col-->
759
- </div>
760
- <!--end::Row-->
761
- <!--begin::Row-->
762
- <div class="row">
763
- <!-- Start col -->
436
+ </svg> <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
437
+ More info <i class="bi bi-link-45deg"></i> </a>
438
+ </div> <!--end::Small Box Widget 4-->
439
+ </div> <!--end::Col-->
440
+ </div> <!--end::Row--> <!--begin::Row-->
441
+ <div class="row"> <!-- Start col -->
764
442
  <div class="col-lg-7 connectedSortable">
765
443
  <div class="card mb-4">
766
444
  <div class="card-header">
767
445
  <h3 class="card-title">Sales Value</h3>
768
446
  </div>
769
-
770
447
  <div class="card-body">
771
448
  <div id="revenue-chart"></div>
772
449
  </div>
773
- </div>
774
- <!-- /.card -->
775
-
776
- <!-- DIRECT CHAT -->
777
- <div class="card direct-chat direct-chat-primary">
450
+ </div> <!-- /.card --> <!-- DIRECT CHAT -->
451
+ <div class="card direct-chat direct-chat-primary mb-4">
778
452
  <div class="card-header">
779
453
  <h3 class="card-title">Direct Chat</h3>
780
-
781
- <div class="card-tools">
782
- <span title="3 New Messages" class="badge text-bg-primary">
454
+ <div class="card-tools"> <span title="3 New Messages" class="badge text-bg-primary">
783
455
  3
784
- </span>
785
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
786
- <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
787
- <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
788
- </button>
789
- <button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane">
790
- <i class="bi bi-chat-text-fill"></i>
791
- </button>
792
- <button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
793
- <i class="bi bi-x-lg"></i>
794
- </button>
795
- </div>
796
- </div>
797
- <!-- /.card-header -->
798
- <div class="card-body">
799
- <!-- Conversations are loaded here -->
800
- <div class="direct-chat-messages">
801
- <!-- Message. Default to the start -->
456
+ </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>
457
+ </div> <!-- /.card-header -->
458
+ <div class="card-body"> <!-- Conversations are loaded here -->
459
+ <div class="direct-chat-messages"> <!-- Message. Default to the start -->
802
460
  <div class="direct-chat-msg">
803
- <div class="direct-chat-infos clearfix">
804
- <span class="direct-chat-name float-start">
461
+ <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-start">
805
462
  Alexander Pierce
806
- </span>
807
- <span class="direct-chat-timestamp float-end">
463
+ </span> <span class="direct-chat-timestamp float-end">
808
464
  23 Jan 2:00 pm
809
- </span>
810
- </div>
811
- <!-- /.direct-chat-infos -->
812
- <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image">
813
- <!-- /.direct-chat-img -->
465
+ </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
814
466
  <div class="direct-chat-text">
815
467
  Is this template really for free? That's unbelievable!
816
- </div>
817
- <!-- /.direct-chat-text -->
818
- </div>
819
- <!-- /.direct-chat-msg -->
820
-
821
- <!-- Message to the end -->
468
+ </div> <!-- /.direct-chat-text -->
469
+ </div> <!-- /.direct-chat-msg --> <!-- Message to the end -->
822
470
  <div class="direct-chat-msg end">
823
- <div class="direct-chat-infos clearfix">
824
- <span class="direct-chat-name float-end">
471
+ <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-end">
825
472
  Sarah Bullock
826
- </span>
827
- <span class="direct-chat-timestamp float-start">
473
+ </span> <span class="direct-chat-timestamp float-start">
828
474
  23 Jan 2:05 pm
829
- </span>
830
- </div>
831
- <!-- /.direct-chat-infos -->
832
- <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image">
833
- <!-- /.direct-chat-img -->
475
+ </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
834
476
  <div class="direct-chat-text">
835
477
  You better believe it!
836
- </div>
837
- <!-- /.direct-chat-text -->
838
- </div>
839
- <!-- /.direct-chat-msg -->
840
-
841
- <!-- Message. Default to the start -->
478
+ </div> <!-- /.direct-chat-text -->
479
+ </div> <!-- /.direct-chat-msg --> <!-- Message. Default to the start -->
842
480
  <div class="direct-chat-msg">
843
- <div class="direct-chat-infos clearfix">
844
- <span class="direct-chat-name float-start">
481
+ <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-start">
845
482
  Alexander Pierce
846
- </span>
847
- <span class="direct-chat-timestamp float-end">
483
+ </span> <span class="direct-chat-timestamp float-end">
848
484
  23 Jan 5:37 pm
849
- </span>
850
- </div>
851
- <!-- /.direct-chat-infos -->
852
- <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image">
853
- <!-- /.direct-chat-img -->
485
+ </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
854
486
  <div class="direct-chat-text">
855
487
  Working with AdminLTE on a great new app! Wanna join?
856
- </div>
857
- <!-- /.direct-chat-text -->
858
- </div>
859
- <!-- /.direct-chat-msg -->
860
-
861
- <!-- Message to the end -->
488
+ </div> <!-- /.direct-chat-text -->
489
+ </div> <!-- /.direct-chat-msg --> <!-- Message to the end -->
862
490
  <div class="direct-chat-msg end">
863
- <div class="direct-chat-infos clearfix">
864
- <span class="direct-chat-name float-end">
491
+ <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-end">
865
492
  Sarah Bullock
866
- </span>
867
- <span class="direct-chat-timestamp float-start">
493
+ </span> <span class="direct-chat-timestamp float-start">
868
494
  23 Jan 6:10 pm
869
- </span>
870
- </div>
871
- <!-- /.direct-chat-infos -->
872
- <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image">
873
- <!-- /.direct-chat-img -->
874
- <div class="direct-chat-text">I would love to.</div>
875
- <!-- /.direct-chat-text -->
876
- </div>
877
- <!-- /.direct-chat-msg -->
878
- </div>
879
- <!-- /.direct-chat-messages-->
880
-
881
- <!-- Contacts are loaded here -->
495
+ </span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
496
+ <div class="direct-chat-text">I would love to.</div> <!-- /.direct-chat-text -->
497
+ </div> <!-- /.direct-chat-msg -->
498
+ </div> <!-- /.direct-chat-messages--> <!-- Contacts are loaded here -->
882
499
  <div class="direct-chat-contacts">
883
500
  <ul class="contacts-list">
884
- <li>
885
- <a href="#">
886
- <img class="contacts-list-img" src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar">
887
-
888
- <div class="contacts-list-info">
889
- <span class="contacts-list-name">
501
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar">
502
+ <div class="contacts-list-info"> <span class="contacts-list-name">
890
503
  Count Dracula
891
504
  <small class="contacts-list-date float-end">
892
505
  2/28/2023
893
- </small>
894
- </span>
895
- <span class="contacts-list-msg">
506
+ </small> </span> <span class="contacts-list-msg">
896
507
  How have you been? I was...
897
- </span>
898
- </div>
899
- <!-- /.contacts-list-info -->
900
- </a>
901
- </li>
902
- <!-- End Contact Item -->
903
- <li>
904
- <a href="#">
905
- <img class="contacts-list-img" src="../../dist/assets/img/user7-128x128.jpg" alt="User Avatar">
906
-
907
- <div class="contacts-list-info">
908
- <span class="contacts-list-name">
508
+ </span> </div> <!-- /.contacts-list-info -->
509
+ </a> </li> <!-- End Contact Item -->
510
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user7-128x128.jpg" alt="User Avatar">
511
+ <div class="contacts-list-info"> <span class="contacts-list-name">
909
512
  Sarah Doe
910
513
  <small class="contacts-list-date float-end">
911
514
  2/23/2023
912
- </small>
913
- </span>
914
- <span class="contacts-list-msg">
515
+ </small> </span> <span class="contacts-list-msg">
915
516
  I will be waiting for...
916
- </span>
917
- </div>
918
- <!-- /.contacts-list-info -->
919
- </a>
920
- </li>
921
- <!-- End Contact Item -->
922
- <li>
923
- <a href="#">
924
- <img class="contacts-list-img" src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar">
925
-
926
- <div class="contacts-list-info">
927
- <span class="contacts-list-name">
517
+ </span> </div> <!-- /.contacts-list-info -->
518
+ </a> </li> <!-- End Contact Item -->
519
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar">
520
+ <div class="contacts-list-info"> <span class="contacts-list-name">
928
521
  Nadia Jolie
929
522
  <small class="contacts-list-date float-end">
930
523
  2/20/2023
931
- </small>
932
- </span>
933
- <span class="contacts-list-msg">
524
+ </small> </span> <span class="contacts-list-msg">
934
525
  I'll call you back at...
935
- </span>
936
- </div>
937
- <!-- /.contacts-list-info -->
938
- </a>
939
- </li>
940
- <!-- End Contact Item -->
941
- <li>
942
- <a href="#">
943
- <img class="contacts-list-img" src="../../dist/assets/img/user5-128x128.jpg" alt="User Avatar">
944
-
945
- <div class="contacts-list-info">
946
- <span class="contacts-list-name">
526
+ </span> </div> <!-- /.contacts-list-info -->
527
+ </a> </li> <!-- End Contact Item -->
528
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user5-128x128.jpg" alt="User Avatar">
529
+ <div class="contacts-list-info"> <span class="contacts-list-name">
947
530
  Nora S. Vans
948
531
  <small class="contacts-list-date float-end">
949
532
  2/10/2023
950
- </small>
951
- </span>
952
- <span class="contacts-list-msg">
533
+ </small> </span> <span class="contacts-list-msg">
953
534
  Where is your new...
954
- </span>
955
- </div>
956
- <!-- /.contacts-list-info -->
957
- </a>
958
- </li>
959
- <!-- End Contact Item -->
960
- <li>
961
- <a href="#">
962
- <img class="contacts-list-img" src="../../dist/assets/img/user6-128x128.jpg" alt="User Avatar">
963
-
964
- <div class="contacts-list-info">
965
- <span class="contacts-list-name">
535
+ </span> </div> <!-- /.contacts-list-info -->
536
+ </a> </li> <!-- End Contact Item -->
537
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user6-128x128.jpg" alt="User Avatar">
538
+ <div class="contacts-list-info"> <span class="contacts-list-name">
966
539
  John K.
967
540
  <small class="contacts-list-date float-end">
968
541
  1/27/2023
969
- </small>
970
- </span>
971
- <span class="contacts-list-msg">
542
+ </small> </span> <span class="contacts-list-msg">
972
543
  Can I take a look at...
973
- </span>
974
- </div>
975
- <!-- /.contacts-list-info -->
976
- </a>
977
- </li>
978
- <!-- End Contact Item -->
979
- <li>
980
- <a href="#">
981
- <img class="contacts-list-img" src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar">
982
-
983
- <div class="contacts-list-info">
984
- <span class="contacts-list-name">
544
+ </span> </div> <!-- /.contacts-list-info -->
545
+ </a> </li> <!-- End Contact Item -->
546
+ <li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar">
547
+ <div class="contacts-list-info"> <span class="contacts-list-name">
985
548
  Kenneth M.
986
549
  <small class="contacts-list-date float-end">
987
550
  1/4/2023
988
- </small>
989
- </span>
990
- <span class="contacts-list-msg">
551
+ </small> </span> <span class="contacts-list-msg">
991
552
  Never mind I found...
992
- </span>
993
- </div>
994
- <!-- /.contacts-list-info -->
995
- </a>
996
- </li>
997
- <!-- End Contact Item -->
998
- </ul>
999
- <!-- /.contacts-list -->
1000
- </div>
1001
- <!-- /.direct-chat-pane -->
1002
- </div>
1003
- <!-- /.card-body -->
553
+ </span> </div> <!-- /.contacts-list-info -->
554
+ </a> </li> <!-- End Contact Item -->
555
+ </ul> <!-- /.contacts-list -->
556
+ </div> <!-- /.direct-chat-pane -->
557
+ </div> <!-- /.card-body -->
1004
558
  <div class="card-footer">
1005
559
  <form action="#" method="post">
1006
- <div class="input-group">
1007
- <input type="text" name="message" placeholder="Type Message ..." class="form-control">
1008
- <span class="input-group-append">
1009
- <button type="button" class="btn btn-primary">
560
+ <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-primary">
1010
561
  Send
1011
- </button>
1012
- </span>
1013
- </div>
562
+ </button> </span> </div>
1014
563
  </form>
1015
- </div>
1016
- <!-- /.card-footer-->
1017
- </div>
1018
- <!-- /.direct-chat -->
1019
- </div>
1020
- <!-- /.Start col -->
1021
-
1022
- <!-- Start col -->
564
+ </div> <!-- /.card-footer-->
565
+ </div> <!-- /.direct-chat -->
566
+ </div> <!-- /.Start col --> <!-- Start col -->
1023
567
  <div class="col-lg-5 connectedSortable">
1024
- <div class="card mb-4 text-white bg-primary bg-gradient border-primary">
568
+ <div class="card text-white bg-primary bg-gradient border-primary mb-4">
1025
569
  <div class="card-header border-0">
1026
570
  <h3 class="card-title">Sales Value</h3>
1027
- <div class="card-tools">
1028
- <button type="button" class="btn btn-primary btn-sm" data-lte-toggle="card-collapse">
1029
- <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
1030
- <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
1031
- </button>
1032
- </div>
571
+ <div class="card-tools"> <button type="button" class="btn btn-primary btn-sm" 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> </div>
1033
572
  </div>
1034
573
  <div class="card-body">
1035
574
  <div id="world-map" style="height: 220px"></div>
1036
575
  </div>
1037
- <div class="card-footer border-0">
1038
- <!--begin::Row-->
576
+ <div class="card-footer border-0"> <!--begin::Row-->
1039
577
  <div class="row">
1040
578
  <div class="col-4 text-center">
1041
- <div id="sparkline-1"></div>
579
+ <div id="sparkline-1" class="text-dark"></div>
1042
580
  <div class="text-white">Visitors</div>
1043
581
  </div>
1044
582
  <div class="col-4 text-center">
1045
- <div id="sparkline-2"></div>
583
+ <div id="sparkline-2" class="text-dark"></div>
1046
584
  <div class="text-white">Online</div>
1047
585
  </div>
1048
586
  <div class="col-4 text-center">
1049
- <div id="sparkline-3"></div>
587
+ <div id="sparkline-3" class="text-dark"></div>
1050
588
  <div class="text-white">Sales</div>
1051
589
  </div>
1052
- </div>
1053
- <!--end::Row-->
590
+ </div> <!--end::Row-->
1054
591
  </div>
1055
592
  </div>
1056
- </div>
1057
- <!-- /.Start col -->
1058
- </div>
1059
- <!-- /.row (main row) -->
1060
- </div>
1061
- <!--end::Container-->
1062
- </div>
1063
- <!--end::App Content-->
1064
- </main>
1065
- <!--end::App Main-->
1066
- <!--begin::Footer-->
1067
- <footer class="app-footer">
1068
- <!--begin::To the end-->
1069
- <div class="float-end d-none d-sm-inline">Anything you want</div>
1070
- <!--end::To the end-->
1071
- <!--begin::Copyright-->
1072
- <strong>
1073
- Copyright &copy; 2014-2023
1074
- <a href="https://adminlte.io">AdminLTE.io</a>.
593
+ </div> <!-- /.Start col -->
594
+ </div> <!-- /.row (main row) -->
595
+ </div> <!--end::Container-->
596
+ </div> <!--end::App Content-->
597
+ </main> <!--end::App Main--> <!--begin::Footer-->
598
+ <footer class="app-footer"> <!--begin::To the end-->
599
+ <div class="float-end d-none d-sm-inline">Anything you want</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
600
+ Copyright &copy; 2014-2024&nbsp;
601
+ <a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
1075
602
  </strong>
1076
603
  All rights reserved.
1077
604
  <!--end::Copyright-->
1078
- </footer>
1079
- <!--end::Footer-->
1080
- </div>
1081
- <!--end::App Wrapper-->
1082
- <!--begin::Script-->
1083
- <!--begin::Third Party Plugin(OverlayScrollbars)-->
1084
- <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
1085
- <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
1086
- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
1087
- <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
1088
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
1089
- <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
1090
- <script src="../../dist/js/adminlte.js"></script>
1091
- <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
605
+ </footer> <!--end::Footer-->
606
+ </div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
607
+ <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)-->
608
+ <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)-->
609
+ <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)-->
610
+ <script src="../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
1092
611
  <script>
1093
612
  const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
1094
613
  const Default = {
@@ -1096,7 +615,6 @@
1096
615
  scrollbarAutoHide: "leave",
1097
616
  scrollbarClickScroll: true,
1098
617
  };
1099
-
1100
618
  document.addEventListener("DOMContentLoaded", function() {
1101
619
  const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
1102
620
  if (
@@ -1112,36 +630,26 @@
1112
630
  });
1113
631
  }
1114
632
  });
1115
- </script>
1116
- <!--end::OverlayScrollbars Configure-->
1117
-
1118
- <!-- OPTIONAL SCRIPTS -->
1119
-
1120
- <!-- sortablejs -->
1121
- <script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js" integrity="sha256-ipiJrswvAR4VAx/th+6zWsdeYmVae0iJuiR+6OqHJHQ=" crossorigin="anonymous"></script>
1122
-
1123
- <!-- sortablejs -->
633
+ </script> <!--end::OverlayScrollbars Configure--> <!-- OPTIONAL SCRIPTS --> <!-- sortablejs -->
634
+ <script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js" integrity="sha256-ipiJrswvAR4VAx/th+6zWsdeYmVae0iJuiR+6OqHJHQ=" crossorigin="anonymous"></script> <!-- sortablejs -->
1124
635
  <script>
1125
636
  const connectedSortables =
1126
637
  document.querySelectorAll(".connectedSortable");
1127
638
  connectedSortables.forEach((connectedSortable) => {
1128
639
  let sortable = new Sortable(connectedSortable, {
1129
640
  group: "shared",
641
+ handle: ".card-header",
1130
642
  });
1131
643
  });
1132
644
 
1133
645
  const cardHeaders = document.querySelectorAll(
1134
- ".connectedSortable .card-header"
646
+ ".connectedSortable .card-header",
1135
647
  );
1136
648
  cardHeaders.forEach((cardHeader) => {
1137
649
  cardHeader.style.cursor = "move";
1138
650
  });
1139
- </script>
1140
-
1141
- <!-- apexcharts -->
1142
- <script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script>
1143
-
1144
- <!-- ChartJS -->
651
+ </script> <!-- apexcharts -->
652
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script> <!-- ChartJS -->
1145
653
  <script>
1146
654
  // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
1147
655
  // IT'S ALL JUST JUNK FOR DEMO
@@ -1195,16 +703,12 @@
1195
703
 
1196
704
  const sales_chart = new ApexCharts(
1197
705
  document.querySelector("#revenue-chart"),
1198
- sales_chart_options
706
+ sales_chart_options,
1199
707
  );
1200
708
  sales_chart.render();
1201
- </script>
1202
-
1203
- <!-- jsvectormap -->
709
+ </script> <!-- jsvectormap -->
1204
710
  <script src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/js/jsvectormap.min.js" integrity="sha256-/t1nN2956BT869E6H4V1dnt0X5pAQHPytli+1nTZm2Y=" crossorigin="anonymous"></script>
1205
- <script src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/maps/world.js" integrity="sha256-XPpPaZlU8S/HWf7FZLAncLg2SAkP8ScUTII89x9D3lY=" crossorigin="anonymous"></script>
1206
-
1207
- <!-- jsvectormap -->
711
+ <script src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/maps/world.js" integrity="sha256-XPpPaZlU8S/HWf7FZLAncLg2SAkP8ScUTII89x9D3lY=" crossorigin="anonymous"></script> <!-- jsvectormap -->
1208
712
  <script>
1209
713
  const visitorsData = {
1210
714
  US: 398, // USA
@@ -1252,7 +756,7 @@
1252
756
 
1253
757
  const sparkline1 = new ApexCharts(
1254
758
  document.querySelector("#sparkline-1"),
1255
- option_sparkline1
759
+ option_sparkline1,
1256
760
  );
1257
761
  sparkline1.render();
1258
762
 
@@ -1281,7 +785,7 @@
1281
785
 
1282
786
  const sparkline2 = new ApexCharts(
1283
787
  document.querySelector("#sparkline-2"),
1284
- option_sparkline2
788
+ option_sparkline2,
1285
789
  );
1286
790
  sparkline2.render();
1287
791
 
@@ -1310,11 +814,10 @@
1310
814
 
1311
815
  const sparkline3 = new ApexCharts(
1312
816
  document.querySelector("#sparkline-3"),
1313
- option_sparkline3
817
+ option_sparkline3,
1314
818
  );
1315
819
  sparkline3.render();
1316
- </script>
1317
- <!--end::Script-->
820
+ </script> <!--end::Script-->
1318
821
  </body><!--end::Body-->
1319
822
 
1320
823
  </html>