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/UI/timeline.html CHANGED
@@ -1,657 +1,377 @@
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 4 | Timeline Elements</title>
8
- <!--begin::Primary Meta Tags-->
6
+ <title>AdminLTE 4 | Timeline Elements</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 4 | Timeline Elements">
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
- </head>
30
- <!--end::Head-->
31
- <!--begin::Body-->
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)-->
16
+ </head> <!--end::Head--> <!--begin::Body-->
32
17
 
33
- <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
34
- <!--begin::App Wrapper-->
35
- <div class="app-wrapper">
36
- <!--begin::Header-->
37
- <nav class="app-header navbar navbar-expand bg-body">
38
- <!--begin::Container-->
39
- <div class="container-fluid">
40
- <!--begin::Start Navbar Links-->
18
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
19
+ <div class="app-wrapper"> <!--begin::Header-->
20
+ <nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
21
+ <div class="container-fluid"> <!--begin::Start Navbar Links-->
41
22
  <ul class="navbar-nav">
42
- <li class="nav-item">
43
- <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
44
- <i class="bi bi-list"></i>
45
- </a>
46
- </li>
47
- <li class="nav-item d-none d-md-block">
48
- <a href="#" class="nav-link">Home</a>
49
- </li>
50
- <li class="nav-item d-none d-md-block">
51
- <a href="#" class="nav-link">Contact</a>
52
- </li>
53
- </ul>
54
- <!--end::Start Navbar Links-->
55
-
56
- <!--begin::End Navbar Links-->
57
- <ul class="navbar-nav ms-auto">
58
- <!--begin::Navbar Search-->
59
- <li class="nav-item">
60
- <a class="nav-link" data-widget="navbar-search" href="#" role="button">
61
- <i class="bi bi-search"></i>
62
- </a>
63
- </li>
64
- <!--end::Navbar Search-->
65
-
66
- <!--begin::Messages Dropdown Menu-->
67
- <li class="nav-item dropdown">
68
- <a class="nav-link" data-bs-toggle="dropdown" href="#">
69
- <i class="bi bi-chat-text"></i>
70
- <span class="navbar-badge badge text-bg-danger">3</span>
71
- </a>
72
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
73
- <a href="#" class="dropdown-item">
74
- <!--begin::Message-->
23
+ <li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
24
+ <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Home</a> </li>
25
+ <li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contact</a> </li>
26
+ </ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
27
+ <ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
28
+ <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-->
29
+ <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>
30
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <a href="#" class="dropdown-item"> <!--begin::Message-->
75
31
  <div class="d-flex">
76
- <div class="flex-shrink-0">
77
- <img src="../../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
78
- </div>
32
+ <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>
79
33
  <div class="flex-grow-1">
80
34
  <h3 class="dropdown-item-title">
81
35
  Brad Diesel
82
36
  <span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
83
37
  </h3>
84
38
  <p class="fs-7">Call me whenever you can...</p>
85
- <p class="fs-7 text-secondary">
86
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
39
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
87
40
  </p>
88
41
  </div>
89
- </div>
90
- <!--end::Message-->
42
+ </div> <!--end::Message-->
91
43
  </a>
92
- <div class="dropdown-divider"></div>
93
- <a href="#" class="dropdown-item">
94
- <!--begin::Message-->
44
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
95
45
  <div class="d-flex">
96
- <div class="flex-shrink-0">
97
- <img src="../../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
98
- </div>
46
+ <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>
99
47
  <div class="flex-grow-1">
100
48
  <h3 class="dropdown-item-title">
101
49
  John Pierce
102
- <span class="float-end fs-7 text-secondary">
103
- <i class="bi bi-star-fill"></i>
104
- </span>
50
+ <span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
105
51
  </h3>
106
52
  <p class="fs-7">I got your message bro</p>
107
- <p class="fs-7 text-secondary">
108
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
53
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
109
54
  </p>
110
55
  </div>
111
- </div>
112
- <!--end::Message-->
56
+ </div> <!--end::Message-->
113
57
  </a>
114
- <div class="dropdown-divider"></div>
115
- <a href="#" class="dropdown-item">
116
- <!--begin::Message-->
58
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
117
59
  <div class="d-flex">
118
- <div class="flex-shrink-0">
119
- <img src="../../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
120
- </div>
60
+ <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>
121
61
  <div class="flex-grow-1">
122
62
  <h3 class="dropdown-item-title">
123
63
  Nora Silvester
124
- <span class="float-end fs-7 text-warning">
125
- <i class="bi bi-star-fill"></i>
126
- </span>
64
+ <span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
127
65
  </h3>
128
66
  <p class="fs-7">The subject goes here</p>
129
- <p class="fs-7 text-secondary">
130
- <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
67
+ <p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
131
68
  </p>
132
69
  </div>
133
- </div>
134
- <!--end::Message-->
70
+ </div> <!--end::Message-->
135
71
  </a>
136
- <div class="dropdown-divider"></div>
137
- <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
72
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
138
73
  </div>
139
- </li>
140
- <!--end::Messages Dropdown Menu-->
141
-
142
- <!--begin::Notifications Dropdown Menu-->
143
- <li class="nav-item dropdown">
144
- <a class="nav-link" data-bs-toggle="dropdown" href="#">
145
- <i class="bi bi-bell-fill"></i>
146
- <span class="navbar-badge badge text-bg-warning">15</span>
147
- </a>
148
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
149
- <span class="dropdown-item dropdown-header">15 Notifications</span>
150
- <div class="dropdown-divider"></div>
151
- <a href="#" class="dropdown-item">
152
- <i class="bi bi-envelope me-2"></i> 4 new messages
153
- <span class="float-end text-secondary fs-7">3 mins</span>
154
- </a>
155
- <div class="dropdown-divider"></div>
156
- <a href="#" class="dropdown-item">
157
- <i class="bi bi-people-fill me-2"></i> 8 friend requests
158
- <span class="float-end text-secondary fs-7">12 hours</span>
159
- </a>
160
- <div class="dropdown-divider"></div>
161
- <a href="#" class="dropdown-item">
162
- <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
163
- <span class="float-end text-secondary fs-7">2 days</span>
164
- </a>
165
- <div class="dropdown-divider"></div>
166
- <a href="#" class="dropdown-item dropdown-footer">
74
+ </li> <!--end::Messages Dropdown Menu--> <!--begin::Notifications Dropdown Menu-->
75
+ <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>
76
+ <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <span class="dropdown-item dropdown-header">15 Notifications</span>
77
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-envelope me-2"></i> 4 new messages
78
+ <span class="float-end text-secondary fs-7">3 mins</span> </a>
79
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-people-fill me-2"></i> 8 friend requests
80
+ <span class="float-end text-secondary fs-7">12 hours</span> </a>
81
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
82
+ <span class="float-end text-secondary fs-7">2 days</span> </a>
83
+ <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
167
84
  See All Notifications
168
85
  </a>
169
86
  </div>
170
- </li>
171
- <!--end::Notifications Dropdown Menu-->
172
-
173
- <!--begin::User Menu Dropdown-->
174
- <li class="nav-item dropdown user-menu">
175
- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
176
- <img src="../../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image">
177
- <span class="d-none d-md-inline">Alexander Pierce</span>
178
- </a>
179
- <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
180
- <!--begin::User Image-->
181
- <li class="user-header text-bg-primary">
182
- <img src="../../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
183
-
87
+ </li> <!--end::Notifications Dropdown Menu--> <!--begin::Fullscreen Toggle-->
88
+ <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-->
89
+ <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>
90
+ <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
91
+ <li class="user-header text-bg-primary"> <img src="../../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
184
92
  <p>
185
93
  Alexander Pierce - Web Developer
186
94
  <small>Member since Nov. 2023</small>
187
95
  </p>
188
- </li>
189
- <!--end::User Image-->
190
- <!--begin::Menu Body-->
191
- <li class="user-body">
192
- <!--begin::Row-->
96
+ </li> <!--end::User Image--> <!--begin::Menu Body-->
97
+ <li class="user-body"> <!--begin::Row-->
193
98
  <div class="row">
194
- <div class="col-4 text-center">
195
- <a href="#">Followers</a>
196
- </div>
197
- <div class="col-4 text-center">
198
- <a href="#">Sales</a>
199
- </div>
200
- <div class="col-4 text-center">
201
- <a href="#">Friends</a>
202
- </div>
203
- </div>
204
- <!--end::Row-->
205
- </li>
206
- <!--end::Menu Body-->
207
- <!--begin::Menu Footer-->
208
- <li class="user-footer">
209
- <a href="#" class="btn btn-default btn-flat">Profile</a>
210
- <a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
211
- </li>
212
- <!--end::Menu Footer-->
99
+ <div class="col-4 text-center"> <a href="#">Followers</a> </div>
100
+ <div class="col-4 text-center"> <a href="#">Sales</a> </div>
101
+ <div class="col-4 text-center"> <a href="#">Friends</a> </div>
102
+ </div> <!--end::Row-->
103
+ </li> <!--end::Menu Body--> <!--begin::Menu Footer-->
104
+ <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-->
213
105
  </ul>
214
- </li>
215
- <!--end::User Menu Dropdown-->
216
- </ul>
217
- <!--end::End Navbar Links-->
218
- </div>
219
- <!--end::Container-->
220
- </nav>
221
- <!--end::Header-->
222
- <!--begin::Sidebar-->
223
- <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
224
- <!--begin::Sidebar Brand-->
225
- <div class="sidebar-brand">
226
- <!--begin::Brand Link-->
227
- <a href="../index.html" class="brand-link">
228
- <!--begin::Brand Image-->
229
- <img src="../../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
230
- <!--end::Brand Image-->
231
- <!--begin::Brand Text-->
232
- <span class="brand-text fw-light">AdminLTE 4</span>
233
- <!--end::Brand Text-->
234
- </a>
235
- <!--end::Brand Link-->
236
- </div>
237
- <!--end::Sidebar Brand-->
238
- <!--begin::Sidebar Wrapper-->
106
+ </li> <!--end::User Menu Dropdown-->
107
+ </ul> <!--end::End Navbar Links-->
108
+ </div> <!--end::Container-->
109
+ </nav> <!--end::Header--> <!--begin::Sidebar-->
110
+ <aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
111
+ <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-->
239
112
  <div class="sidebar-wrapper">
240
- <nav class="mt-2">
241
- <!--begin::Sidebar Menu-->
113
+ <nav class="mt-2"> <!--begin::Sidebar Menu-->
242
114
  <ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
243
- <li class="nav-item">
244
- <a href="#" class="nav-link">
245
- <i class="nav-icon bi bi-speedometer"></i>
115
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-speedometer"></i>
246
116
  <p>
247
117
  Dashboard
248
118
  <i class="nav-arrow bi bi-chevron-right"></i>
249
119
  </p>
250
120
  </a>
251
121
  <ul class="nav nav-treeview">
252
- <li class="nav-item">
253
- <a href="../index.html" class="nav-link">
254
- <i class="nav-icon bi bi-circle"></i>
122
+ <li class="nav-item"> <a href="../index.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
255
123
  <p>Dashboard v1</p>
256
- </a>
257
- </li>
258
- <li class="nav-item">
259
- <a href="../index2.html" class="nav-link">
260
- <i class="nav-icon bi bi-circle"></i>
124
+ </a> </li>
125
+ <li class="nav-item"> <a href="../index2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
261
126
  <p>Dashboard v2</p>
262
- </a>
263
- </li>
264
- <li class="nav-item">
265
- <a href="../index3.html" class="nav-link">
266
- <i class="nav-icon bi bi-circle"></i>
127
+ </a> </li>
128
+ <li class="nav-item"> <a href="../index3.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
267
129
  <p>Dashboard v3</p>
268
- </a>
269
- </li>
130
+ </a> </li>
270
131
  </ul>
271
132
  </li>
272
- <li class="nav-item">
273
- <a href="#" class="nav-link">
274
- <i class="nav-icon bi bi-box-seam-fill"></i>
133
+ <li class="nav-item"> <a href="../generate/theme.html" class="nav-link"> <i class="nav-icon bi bi-palette"></i>
134
+ <p>Theme Generate</p>
135
+ </a> </li>
136
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
275
137
  <p>
276
138
  Widgets
277
139
  <i class="nav-arrow bi bi-chevron-right"></i>
278
140
  </p>
279
141
  </a>
280
142
  <ul class="nav nav-treeview">
281
- <li class="nav-item">
282
- <a href="../widgets/small-box.html" class="nav-link">
283
- <i class="nav-icon bi bi-circle"></i>
143
+ <li class="nav-item"> <a href="../widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
284
144
  <p>Small Box</p>
285
- </a>
286
- </li>
287
- <li class="nav-item">
288
- <a href="../widgets/info-box.html" class="nav-link">
289
- <i class="nav-icon bi bi-circle"></i>
145
+ </a> </li>
146
+ <li class="nav-item"> <a href="../widgets/info-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
290
147
  <p>info Box</p>
291
- </a>
292
- </li>
293
- <li class="nav-item">
294
- <a href="../widgets/cards.html" class="nav-link">
295
- <i class="nav-icon bi bi-circle"></i>
148
+ </a> </li>
149
+ <li class="nav-item"> <a href="../widgets/cards.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
296
150
  <p>Cards</p>
297
- </a>
298
- </li>
151
+ </a> </li>
299
152
  </ul>
300
153
  </li>
301
- <li class="nav-item">
302
- <a href="#" class="nav-link">
303
- <i class="nav-icon bi bi-clipboard-fill"></i>
154
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-clipboard-fill"></i>
304
155
  <p>
305
156
  Layout Options
306
- <span class="nav-badge badge text-bg-secondary me-3">6</span>
307
- <i class="nav-arrow bi bi-chevron-right"></i>
157
+ <span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
308
158
  </p>
309
159
  </a>
310
160
  <ul class="nav nav-treeview">
311
- <li class="nav-item">
312
- <a href="../layout/unfixed-sidebar.html" class="nav-link">
313
- <i class="nav-icon bi bi-circle"></i>
161
+ <li class="nav-item"> <a href="../layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
314
162
  <p>Default Sidebar</p>
315
- </a>
316
- </li>
317
- <li class="nav-item">
318
- <a href="../layout/fixed-sidebar.html" class="nav-link">
319
- <i class="nav-icon bi bi-circle"></i>
163
+ </a> </li>
164
+ <li class="nav-item"> <a href="../layout/fixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
320
165
  <p>Fixed Sidebar</p>
321
- </a>
322
- </li>
323
- <li class="nav-item">
324
- <a href="../layout/fixed-complete.html" class="nav-link">
325
- <i class="nav-icon bi bi-circle"></i>
326
- <p>Fixed Complete</p>
327
- </a>
328
- </li>
329
- <li class="nav-item">
330
- <a href="../layout/sidebar-mini.html" class="nav-link">
331
- <i class="nav-icon bi bi-circle"></i>
166
+ </a> </li>
167
+ <li class="nav-item"> <a href="../layout/layout-custom-area.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
168
+ <p>Layout <small>+ Custom Area </small></p>
169
+ </a> </li>
170
+ <li class="nav-item"> <a href="../layout/sidebar-mini.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
332
171
  <p>Sidebar Mini</p>
333
- </a>
334
- </li>
335
- <li class="nav-item">
336
- <a href="../layout/collapsed-sidebar.html" class="nav-link">
337
- <i class="nav-icon bi bi-circle"></i>
172
+ </a> </li>
173
+ <li class="nav-item"> <a href="../layout/collapsed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
338
174
  <p>Sidebar Mini <small>+ Collapsed</small></p>
339
- </a>
340
- </li>
341
- <li class="nav-item">
342
- <a href="../layout/logo-switch.html" class="nav-link">
343
- <i class="nav-icon bi bi-circle"></i>
175
+ </a> </li>
176
+ <li class="nav-item"> <a href="../layout/logo-switch.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
344
177
  <p>Sidebar Mini <small>+ Logo Switch</small></p>
345
- </a>
346
- </li>
347
- <li class="nav-item">
348
- <a href="../layout/layout-rtl.html" class="nav-link">
349
- <i class="nav-icon bi bi-circle"></i>
178
+ </a> </li>
179
+ <li class="nav-item"> <a href="../layout/layout-rtl.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
350
180
  <p>Layout RTL</p>
351
- </a>
352
- </li>
181
+ </a> </li>
353
182
  </ul>
354
183
  </li>
355
- <li class="nav-item menu-open">
356
- <a href="#" class="nav-link active">
357
- <i class="nav-icon bi bi-tree-fill"></i>
184
+ <li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-tree-fill"></i>
358
185
  <p>
359
186
  UI Elements
360
187
  <i class="nav-arrow bi bi-chevron-right"></i>
361
188
  </p>
362
189
  </a>
363
190
  <ul class="nav nav-treeview">
364
- <li class="nav-item">
365
- <a href="../UI/timeline.html" class="nav-link active">
366
- <i class="nav-icon bi bi-circle"></i>
191
+ <li class="nav-item"> <a href="../UI/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
192
+ <p>General</p>
193
+ </a> </li>
194
+ <li class="nav-item"> <a href="../UI/icons.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
195
+ <p>Icons</p>
196
+ </a> </li>
197
+ <li class="nav-item"> <a href="../UI/timeline.html" class="nav-link active"> <i class="nav-icon bi bi-circle"></i>
367
198
  <p>Timeline</p>
368
- </a>
369
- </li>
199
+ </a> </li>
370
200
  </ul>
371
201
  </li>
372
- <li class="nav-item">
373
- <a href="#" class="nav-link">
374
- <i class="nav-icon bi bi-pencil-square"></i>
202
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
375
203
  <p>
376
204
  Forms
377
205
  <i class="nav-arrow bi bi-chevron-right"></i>
378
206
  </p>
379
207
  </a>
380
208
  <ul class="nav nav-treeview">
381
- <li class="nav-item">
382
- <a href="../forms/general.html" class="nav-link">
383
- <i class="nav-icon bi bi-circle"></i>
209
+ <li class="nav-item"> <a href="../forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
384
210
  <p>General Elements</p>
385
- </a>
386
- </li>
211
+ </a> </li>
387
212
  </ul>
388
213
  </li>
389
- <li class="nav-item">
390
- <a href="#" class="nav-link">
391
- <i class="nav-icon bi bi-table"></i>
214
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-table"></i>
392
215
  <p>
393
216
  Tables
394
217
  <i class="nav-arrow bi bi-chevron-right"></i>
395
218
  </p>
396
219
  </a>
397
220
  <ul class="nav nav-treeview">
398
- <li class="nav-item">
399
- <a href="../tables/simple.html" class="nav-link">
400
- <i class="nav-icon bi bi-circle"></i>
221
+ <li class="nav-item"> <a href="../tables/simple.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
401
222
  <p>Simple Tables</p>
402
- </a>
403
- </li>
223
+ </a> </li>
404
224
  </ul>
405
225
  </li>
406
-
407
226
  <li class="nav-header">EXAMPLES</li>
408
- <li class="nav-item">
409
- <a href="#" class="nav-link">
410
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
227
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
411
228
  <p>
412
229
  Auth
413
230
  <i class="nav-arrow bi bi-chevron-right"></i>
414
231
  </p>
415
232
  </a>
416
233
  <ul class="nav nav-treeview">
417
- <li class="nav-item">
418
- <a href="#" class="nav-link">
419
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
234
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
420
235
  <p>
421
236
  Version 1
422
237
  <i class="nav-arrow bi bi-chevron-right"></i>
423
238
  </p>
424
239
  </a>
425
240
  <ul class="nav nav-treeview">
426
- <li class="nav-item">
427
- <a href="../examples/login.html" class="nav-link">
428
- <i class="nav-icon bi bi-circle"></i>
241
+ <li class="nav-item"> <a href="../examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
429
242
  <p>Login</p>
430
- </a>
431
- </li>
432
- <li class="nav-item">
433
- <a href="../examples/register.html" class="nav-link">
434
- <i class="nav-icon bi bi-circle"></i>
243
+ </a> </li>
244
+ <li class="nav-item"> <a href="../examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
435
245
  <p>Register</p>
436
- </a>
437
- </li>
246
+ </a> </li>
438
247
  </ul>
439
248
  </li>
440
- <li class="nav-item">
441
- <a href="#" class="nav-link">
442
- <i class="nav-icon bi bi-box-arrow-in-right"></i>
249
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
443
250
  <p>
444
251
  Version 2
445
252
  <i class="nav-arrow bi bi-chevron-right"></i>
446
253
  </p>
447
254
  </a>
448
255
  <ul class="nav nav-treeview">
449
- <li class="nav-item">
450
- <a href="../examples/login-v2.html" class="nav-link">
451
- <i class="nav-icon bi bi-circle"></i>
256
+ <li class="nav-item"> <a href="../examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
452
257
  <p>Login</p>
453
- </a>
454
- </li>
455
- <li class="nav-item">
456
- <a href="../examples/register-v2.html" class="nav-link">
457
- <i class="nav-icon bi bi-circle"></i>
258
+ </a> </li>
259
+ <li class="nav-item"> <a href="../examples/register-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
458
260
  <p>Register</p>
459
- </a>
460
- </li>
261
+ </a> </li>
461
262
  </ul>
462
263
  </li>
463
- <li class="nav-item">
464
- <a href="../examples/lockscreen.html" class="nav-link">
465
- <i class="nav-icon bi bi-circle"></i>
264
+ <li class="nav-item"> <a href="../examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
466
265
  <p>Lockscreen</p>
467
- </a>
468
- </li>
266
+ </a> </li>
469
267
  </ul>
470
268
  </li>
471
-
472
269
  <li class="nav-header">DOCUMENTATIONS</li>
473
- <li class="nav-item">
474
- <a href="../docs/introduction.html" class="nav-link">
475
- <i class="nav-icon bi bi-download"></i>
270
+ <li class="nav-item"> <a href="../docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
476
271
  <p>Installation</p>
477
- </a>
478
- </li>
479
- <li class="nav-item">
480
- <a href="../docs/layout.html" class="nav-link">
481
- <i class="nav-icon bi bi-grip-horizontal"></i>
272
+ </a> </li>
273
+ <li class="nav-item"> <a href="../docs/layout.html" class="nav-link"> <i class="nav-icon bi bi-grip-horizontal"></i>
482
274
  <p>Layout</p>
483
- </a>
484
- </li>
485
- <li class="nav-item">
486
- <a href="../docs/color-mode.html" class="nav-link">
487
- <i class="nav-icon bi bi-star-half"></i>
275
+ </a> </li>
276
+ <li class="nav-item"> <a href="../docs/color-mode.html" class="nav-link"> <i class="nav-icon bi bi-star-half"></i>
488
277
  <p>Color Mode</p>
489
- </a>
490
- </li>
491
- <li class="nav-item">
492
- <a href="#" class="nav-link">
493
- <i class="nav-icon bi bi-ui-checks-grid"></i>
278
+ </a> </li>
279
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-ui-checks-grid"></i>
494
280
  <p>
495
281
  Components
496
282
  <i class="nav-arrow bi bi-chevron-right"></i>
497
283
  </p>
498
284
  </a>
499
285
  <ul class="nav nav-treeview">
500
- <li class="nav-item">
501
- <a href="../docs/components/main-header.html" class="nav-link">
502
- <i class="nav-icon bi bi-circle"></i>
286
+ <li class="nav-item"> <a href="../docs/components/main-header.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
503
287
  <p>Main Header</p>
504
- </a>
505
- </li>
506
- <li class="nav-item">
507
- <a href="../docs/components/main-sidebar.html" class="nav-link">
508
- <i class="nav-icon bi bi-circle"></i>
288
+ </a> </li>
289
+ <li class="nav-item"> <a href="../docs/components/main-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
509
290
  <p>Main Sidebar</p>
510
- </a>
511
- </li>
291
+ </a> </li>
512
292
  </ul>
513
293
  </li>
514
- <li class="nav-item">
515
- <a href="#" class="nav-link">
516
- <i class="nav-icon bi bi-filetype-js"></i>
294
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
517
295
  <p>
518
296
  Javascript
519
297
  <i class="nav-arrow bi bi-chevron-right"></i>
520
298
  </p>
521
299
  </a>
522
300
  <ul class="nav nav-treeview">
523
- <li class="nav-item">
524
- <a href="../docs/javascript/treeview.html" class="nav-link">
525
- <i class="nav-icon bi bi-circle"></i>
301
+ <li class="nav-item"> <a href="../docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
526
302
  <p>Treeview</p>
527
- </a>
528
- </li>
303
+ </a> </li>
529
304
  </ul>
530
305
  </li>
531
- <li class="nav-item">
532
- <a href="../docs/browser-support.html" class="nav-link">
533
- <i class="nav-icon bi bi-browser-edge"></i>
306
+ <li class="nav-item"> <a href="../docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
534
307
  <p>Browser Support</p>
535
- </a>
536
- </li>
537
- <li class="nav-item">
538
- <a href="../docs/how-to-contribute.html" class="nav-link">
539
- <i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
308
+ </a> </li>
309
+ <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>
540
310
  <p>How To Contribute</p>
541
- </a>
542
- </li>
543
- <li class="nav-item">
544
- <a href="../docs/faq.html" class="nav-link">
545
- <i class="nav-icon bi bi-question-circle-fill"></i>
311
+ </a> </li>
312
+ <li class="nav-item"> <a href="../docs/faq.html" class="nav-link"> <i class="nav-icon bi bi-question-circle-fill"></i>
546
313
  <p>FAQ</p>
547
- </a>
548
- </li>
549
- <li class="nav-item">
550
- <a href="../docs/license.html" class="nav-link">
551
- <i class="nav-icon bi bi-patch-check-fill"></i>
314
+ </a> </li>
315
+ <li class="nav-item"> <a href="../docs/license.html" class="nav-link"> <i class="nav-icon bi bi-patch-check-fill"></i>
552
316
  <p>License</p>
553
- </a>
554
- </li>
555
-
317
+ </a> </li>
556
318
  <li class="nav-header">MULTI LEVEL EXAMPLE</li>
557
- <li class="nav-item">
558
- <a href="#" class="nav-link">
559
- <i class="nav-icon bi bi-circle-fill"></i>
319
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
560
320
  <p>Level 1</p>
561
- </a>
562
- </li>
563
- <li class="nav-item">
564
- <a href="#" class="nav-link">
565
- <i class="nav-icon bi bi-circle-fill"></i>
321
+ </a> </li>
322
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
566
323
  <p>
567
324
  Level 1
568
325
  <i class="nav-arrow bi bi-chevron-right"></i>
569
326
  </p>
570
327
  </a>
571
328
  <ul class="nav nav-treeview">
572
- <li class="nav-item">
573
- <a href="#" class="nav-link">
574
- <i class="nav-icon bi bi-circle"></i>
329
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
575
330
  <p>Level 2</p>
576
- </a>
577
- </li>
578
- <li class="nav-item">
579
- <a href="#" class="nav-link">
580
- <i class="nav-icon bi bi-circle"></i>
331
+ </a> </li>
332
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
581
333
  <p>
582
334
  Level 2
583
335
  <i class="nav-arrow bi bi-chevron-right"></i>
584
336
  </p>
585
337
  </a>
586
338
  <ul class="nav nav-treeview">
587
- <li class="nav-item">
588
- <a href="#" class="nav-link">
589
- <i class="nav-icon bi bi-record-circle-fill"></i>
339
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
590
340
  <p>Level 3</p>
591
- </a>
592
- </li>
593
- <li class="nav-item">
594
- <a href="#" class="nav-link">
595
- <i class="nav-icon bi bi-record-circle-fill"></i>
341
+ </a> </li>
342
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
596
343
  <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>
344
+ </a> </li>
345
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
602
346
  <p>Level 3</p>
603
- </a>
604
- </li>
347
+ </a> </li>
605
348
  </ul>
606
349
  </li>
607
- <li class="nav-item">
608
- <a href="#" class="nav-link">
609
- <i class="nav-icon bi bi-circle"></i>
350
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
610
351
  <p>Level 2</p>
611
- </a>
612
- </li>
352
+ </a> </li>
613
353
  </ul>
614
354
  </li>
615
- <li class="nav-item">
616
- <a href="#" class="nav-link">
617
- <i class="nav-icon bi bi-circle-fill"></i>
355
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
618
356
  <p>Level 1</p>
619
- </a>
620
- </li>
621
-
357
+ </a> </li>
622
358
  <li class="nav-header">LABELS</li>
623
- <li class="nav-item">
624
- <a href="#" class="nav-link">
625
- <i class="nav-icon bi bi-circle text-danger"></i>
359
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
626
360
  <p class="text">Important</p>
627
- </a>
628
- </li>
629
- <li class="nav-item">
630
- <a href="#" class="nav-link">
631
- <i class="nav-icon bi bi-circle text-warning"></i>
361
+ </a> </li>
362
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-warning"></i>
632
363
  <p>Warning</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-info"></i>
364
+ </a> </li>
365
+ <li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-info"></i>
638
366
  <p>Informational</p>
639
- </a>
640
- </li>
641
- </ul>
642
- <!--end::Sidebar Menu-->
367
+ </a> </li>
368
+ </ul> <!--end::Sidebar Menu-->
643
369
  </nav>
644
- </div>
645
- <!--end::Sidebar Wrapper-->
646
- </aside>
647
- <!--end::Sidebar-->
648
- <!--begin::App Main-->
649
- <main class="app-main">
650
- <!--begin::App Content Header-->
651
- <div class="app-content-header">
652
- <!--begin::Container-->
653
- <div class="container-fluid">
654
- <!--begin::Row-->
370
+ </div> <!--end::Sidebar Wrapper-->
371
+ </aside> <!--end::Sidebar--> <!--begin::App Main-->
372
+ <main class="app-main"> <!--begin::App Content Header-->
373
+ <div class="app-content-header"> <!--begin::Container-->
374
+ <div class="container-fluid"> <!--begin::Row-->
655
375
  <div class="row">
656
376
  <div class="col-sm-6">
657
377
  <h3 class="mb-0">Timeline</h3>
@@ -664,38 +384,20 @@
664
384
  </li>
665
385
  </ol>
666
386
  </div>
667
- </div>
668
- <!--end::Row-->
669
- </div>
670
- <!--end::Container-->
671
- </div>
672
- <!--end::App Content Header-->
673
- <!--begin::App Content-->
674
- <div class="app-content">
675
- <!--begin::Container-->
676
- <div class="container-fluid">
677
- <!-- Timelime example -->
387
+ </div> <!--end::Row-->
388
+ </div> <!--end::Container-->
389
+ </div> <!--end::App Content Header--> <!--begin::App Content-->
390
+ <div class="app-content"> <!--begin::Container-->
391
+ <div class="container-fluid"> <!-- Timelime example -->
678
392
  <div class="row">
679
- <div class="col-md-12">
680
- <!-- The time line -->
681
- <div class="timeline">
682
- <!-- timeline time label -->
683
- <div class="time-label">
684
- <span class="text-bg-danger">10 Feb. 2023</span>
685
- </div>
686
- <!-- /.timeline-label -->
687
- <!-- timeline item -->
688
- <div>
689
- <i class="timeline-icon bi bi-envelope text-bg-primary">
690
- </i>
691
- <div class="timeline-item">
692
- <span class="time">
693
- <i class="bi bi-clock-fill"></i> 12:05
393
+ <div class="col-md-12"> <!-- The time line -->
394
+ <div class="timeline"> <!-- timeline time label -->
395
+ <div class="time-label"> <span class="text-bg-danger">10 Feb. 2023</span> </div> <!-- /.timeline-label --> <!-- timeline item -->
396
+ <div> <i class="timeline-icon bi bi-envelope text-bg-primary"></i>
397
+ <div class="timeline-item"> <span class="time"> <i class="bi bi-clock-fill"></i> 12:05
694
398
  </span>
695
- <h3 class="timeline-header">
696
- <a href="#">Support Team</a> sent you an email
399
+ <h3 class="timeline-header"> <a href="#">Support Team</a> sent you an email
697
400
  </h3>
698
-
699
401
  <div class="timeline-body">
700
402
  Etsy doostang zoodles disqus groupon greplin oooj voxy
701
403
  zoodles, weebly ning heekya handango imeem plugg dopplr
@@ -703,141 +405,71 @@
703
405
  zimbra. Babblely odeo kaboodle quora plaxo ideeli hulu
704
406
  weebly balihoo...
705
407
  </div>
706
- <div class="timeline-footer">
707
- <a class="btn btn-primary btn-sm">Read more</a>
708
- <a class="btn btn-danger btn-sm">Delete</a>
709
- </div>
408
+ <div class="timeline-footer"> <a class="btn btn-primary btn-sm">Read more</a> <a class="btn btn-danger btn-sm">Delete</a> </div>
710
409
  </div>
711
- </div>
712
- <!-- END timeline item -->
713
- <!-- timeline item -->
714
- <div>
715
- <i class="timeline-icon bi bi-person text-bg-success">
716
- </i>
717
- <div class="timeline-item">
718
- <span class="time">
719
- <i class="bi bi-clock-fill"></i> 5 mins ago
410
+ </div> <!-- END timeline item --> <!-- timeline item -->
411
+ <div> <i class="timeline-icon bi bi-person text-bg-success"></i>
412
+ <div class="timeline-item"> <span class="time"> <i class="bi bi-clock-fill"></i> 5 mins ago
720
413
  </span>
721
- <h3 class="timeline-header no-border">
722
- <a href="#">Sarah Young</a> accepted your friend request
414
+ <h3 class="timeline-header no-border"> <a href="#">Sarah Young</a> accepted your friend request
723
415
  </h3>
724
416
  </div>
725
- </div>
726
- <!-- END timeline item -->
727
- <!-- timeline item -->
728
- <div>
729
- <i class="timeline-icon bi bi-chat-text-fill text-bg-warning">
730
- </i>
731
- <div class="timeline-item">
732
- <span class="time">
733
- <i class="bi bi-clock-fill"></i> 27 mins ago
417
+ </div> <!-- END timeline item --> <!-- timeline item -->
418
+ <div> <i class="timeline-icon bi bi-chat-text-fill text-bg-warning"></i>
419
+ <div class="timeline-item"> <span class="time"> <i class="bi bi-clock-fill"></i> 27 mins ago
734
420
  </span>
735
- <h3 class="timeline-header">
736
- <a href="#">Jay White</a> commented on your post
421
+ <h3 class="timeline-header"> <a href="#">Jay White</a> commented on your post
737
422
  </h3>
738
423
  <div class="timeline-body">
739
424
  Take me to your leader! Switzerland is small and
740
425
  neutral! We are more like Germany, ambitious and
741
426
  misunderstood!
742
427
  </div>
743
- <div class="timeline-footer">
744
- <a class="btn btn-warning btn-sm">View comment</a>
745
- </div>
428
+ <div class="timeline-footer"> <a class="btn btn-warning btn-sm">View comment</a> </div>
746
429
  </div>
747
- </div>
748
- <!-- END timeline item -->
749
- <!-- timeline time label -->
750
- <div class="time-label">
751
- <span class="text-bg-success">3 Jan. 2023</span>
752
- </div>
753
- <!-- /.timeline-label -->
754
- <!-- timeline item -->
755
- <div>
756
- <i class="timeline-icon bi bi-camera text-bg-primary">
757
- </i>
758
- <div class="timeline-item">
759
- <span class="time">
760
- <i class="bi bi-clock-fill"></i> 2 days ago
430
+ </div> <!-- END timeline item --> <!-- timeline time label -->
431
+ <div class="time-label"> <span class="text-bg-success">3 Jan. 2023</span> </div> <!-- /.timeline-label --> <!-- timeline item -->
432
+ <div> <i class="timeline-icon bi bi-camera text-bg-primary"></i>
433
+ <div class="timeline-item"> <span class="time"> <i class="bi bi-clock-fill"></i> 2 days ago
761
434
  </span>
762
- <h3 class="timeline-header">
763
- <a href="#">Mina Lee</a> uploaded new photos
435
+ <h3 class="timeline-header"> <a href="#">Mina Lee</a> uploaded new photos
764
436
  </h3>
765
- <div class="timeline-body">
766
- <img src="../../../dist/assets/img/user1-128x128.jpg" alt="...">
767
- <img src="../../../dist/assets/img/user1-128x128.jpg" alt="...">
768
- <img src="../../../dist/assets/img/user1-128x128.jpg" alt="...">
769
- <img src="../../../dist/assets/img/user1-128x128.jpg" alt="...">
770
- </div>
437
+ <div class="timeline-body"> <img src="../../../dist/assets/img/user1-128x128.jpg" alt="..."> <img src="../../../dist/assets/img/user1-128x128.jpg" alt="..."> <img src="../../../dist/assets/img/user1-128x128.jpg" alt="..."> <img src="../../../dist/assets/img/user1-128x128.jpg" alt="..."> </div>
771
438
  </div>
772
- </div>
773
- <!-- END timeline item -->
774
- <!-- timeline item -->
775
- <div>
776
- <i class="timeline-icon bi bi-camera-film text-bg-info"></i>
777
-
778
- <div class="timeline-item">
779
- <span class="time">
780
- <i class="bi bi-clock-fill"></i> 5 days ago
439
+ </div> <!-- END timeline item --> <!-- timeline item -->
440
+ <div> <i class="timeline-icon bi bi-camera-film text-bg-info"></i>
441
+ <div class="timeline-item"> <span class="time"> <i class="bi bi-clock-fill"></i> 5 days ago
781
442
  </span>
782
-
783
- <h3 class="timeline-header">
784
- <a href="#">Mr. Doe</a> shared a video
443
+ <h3 class="timeline-header"> <a href="#">Mr. Doe</a> shared a video
785
444
  </h3>
786
-
787
445
  <div class="timeline-body">
788
- <div class="ratio ratio-16x9">
789
- <iframe src="https://www.youtube.com/embed/tMWkeBIohBs" allowfullscreen></iframe>
790
- </div>
446
+ <div class="ratio ratio-16x9"> <iframe src="https://www.youtube.com/embed/tMWkeBIohBs" allowfullscreen></iframe> </div>
791
447
  </div>
792
- <div class="timeline-footer">
793
- <a href="#" class="btn btn-sm text-bg-warning">
448
+ <div class="timeline-footer"> <a href="#" class="btn btn-sm text-bg-warning">
794
449
  See comments
795
- </a>
796
- </div>
450
+ </a> </div>
797
451
  </div>
798
- </div>
799
- <!-- END timeline item -->
800
- <div>
801
- <i class="timeline-icon bi bi-clock-fill text-bg-secondary">
802
- </i>
803
- </div>
452
+ </div> <!-- END timeline item -->
453
+ <div> <i class="timeline-icon bi bi-clock-fill text-bg-secondary"></i> </div>
804
454
  </div>
805
- </div>
806
- <!-- /.col -->
807
- </div>
808
- <!-- /.row -->
809
- </div>
810
- <!--end::Container-->
811
- </div>
812
- <!--end::App Content-->
813
- </main>
814
- <!--end::App Main-->
815
- <!--begin::Footer-->
816
- <footer class="app-footer">
817
- <!--begin::To the end-->
818
- <div class="float-end d-none d-sm-inline">Anything you want</div>
819
- <!--end::To the end-->
820
- <!--begin::Copyright-->
821
- <strong>
822
- Copyright &copy; 2014-2023
823
- <a href="https://adminlte.io">AdminLTE.io</a>.
455
+ </div> <!-- /.col -->
456
+ </div> <!-- /.row -->
457
+ </div> <!--end::Container-->
458
+ </div> <!--end::App Content-->
459
+ </main> <!--end::App Main--> <!--begin::Footer-->
460
+ <footer class="app-footer"> <!--begin::To the end-->
461
+ <div class="float-end d-none d-sm-inline">Anything you want</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
462
+ Copyright &copy; 2014-2024&nbsp;
463
+ <a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
824
464
  </strong>
825
465
  All rights reserved.
826
466
  <!--end::Copyright-->
827
- </footer>
828
- <!--end::Footer-->
829
- </div>
830
- <!--end::App Wrapper-->
831
- <!--begin::Script-->
832
- <!--begin::Third Party Plugin(OverlayScrollbars)-->
833
- <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
834
- <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
835
- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
836
- <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
837
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
838
- <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
839
- <script src="../../../dist/js/adminlte.js"></script>
840
- <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
467
+ </footer> <!--end::Footer-->
468
+ </div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
469
+ <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)-->
470
+ <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)-->
471
+ <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)-->
472
+ <script src="../../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
841
473
  <script>
842
474
  const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
843
475
  const Default = {
@@ -845,7 +477,6 @@
845
477
  scrollbarAutoHide: "leave",
846
478
  scrollbarClickScroll: true,
847
479
  };
848
-
849
480
  document.addEventListener("DOMContentLoaded", function() {
850
481
  const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
851
482
  if (
@@ -861,9 +492,7 @@
861
492
  });
862
493
  }
863
494
  });
864
- </script>
865
- <!--end::OverlayScrollbars Configure-->
866
- <!--end::Script-->
495
+ </script> <!--end::OverlayScrollbars Configure--> <!--end::Script-->
867
496
  </body><!--end::Body-->
868
497
 
869
498
  </html>