admin-lte 4.0.0-alpha1 → 4.0.0-alpha3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (200) hide show
  1. package/.bundlewatch.config.json +8 -8
  2. package/.cache/.eslintcache +1 -0
  3. package/.cache/.stylelintcache +1 -0
  4. package/.eslintignore +1 -0
  5. package/.eslintrc.json +16 -0
  6. package/.gitpod.yml +1 -1
  7. package/.idea/AdminLTE.iml +4 -0
  8. package/.idea/codeStyles/Project.xml +24 -0
  9. package/.idea/dbnavigator.xml +421 -0
  10. package/.idea/git_toolbox_prj.xml +15 -0
  11. package/.idea/jsLibraryMappings.xml +6 -0
  12. package/.idea/jsLinters/eslint.xml +6 -0
  13. package/.idea/vcs.xml +6 -0
  14. package/.stylelintrc.json +47 -0
  15. package/LICENSE +1 -1
  16. package/README.md +6 -7
  17. package/dist/assets/img/AdminLTEFullLogo.png +0 -0
  18. package/dist/css/adminlte.css +2716 -2710
  19. package/dist/css/adminlte.css.map +1 -1
  20. package/dist/css/adminlte.min.css +2 -2
  21. package/dist/css/adminlte.min.css.map +1 -1
  22. package/dist/css/{rtl/adminlte.rtl.css → adminlte.rtl.css} +2715 -2710
  23. package/dist/css/adminlte.rtl.css.map +1 -0
  24. package/dist/css/adminlte.rtl.min.css +7 -0
  25. package/dist/css/adminlte.rtl.min.css.map +1 -0
  26. package/dist/js/adminlte.js +204 -233
  27. package/dist/js/adminlte.js.map +1 -1
  28. package/dist/js/adminlte.min.js +6 -1
  29. package/dist/js/adminlte.min.js.map +1 -1
  30. package/dist/pages/UI/timeline.html +869 -0
  31. package/dist/pages/docs/browser-support.html +755 -0
  32. package/dist/pages/docs/color-mode.html +1067 -0
  33. package/dist/pages/docs/components/main-header.html +1137 -0
  34. package/dist/pages/docs/components/main-sidebar.html +858 -0
  35. package/dist/pages/docs/faq.html +743 -0
  36. package/dist/pages/docs/how-to-contribute.html +783 -0
  37. package/dist/pages/docs/introduction.html +767 -0
  38. package/dist/pages/docs/javascript/treeview.html +762 -0
  39. package/dist/pages/docs/layout.html +788 -0
  40. package/dist/pages/docs/license.html +746 -0
  41. package/dist/pages/examples/lockscreen.html +107 -0
  42. package/dist/pages/examples/login-v2.html +148 -0
  43. package/dist/pages/examples/login.html +128 -196
  44. package/dist/pages/examples/register-v2.html +155 -0
  45. package/dist/pages/examples/register.html +131 -199
  46. package/dist/pages/forms/general.html +1065 -652
  47. package/dist/pages/index.html +1320 -0
  48. package/dist/pages/index2.html +1776 -0
  49. package/dist/pages/index3.html +1111 -0
  50. package/dist/pages/layout/collapsed-sidebar.html +766 -0
  51. package/dist/pages/layout/fixed-complete.html +867 -0
  52. package/dist/pages/layout/fixed-sidebar.html +749 -654
  53. package/dist/pages/layout/layout-rtl.html +766 -0
  54. package/dist/pages/layout/logo-switch.html +433 -0
  55. package/dist/pages/layout/sidebar-mini.html +766 -0
  56. package/dist/pages/layout/unfixed-sidebar.html +747 -654
  57. package/dist/pages/tables/simple.html +1049 -946
  58. package/dist/pages/widgets/cards.html +974 -713
  59. package/dist/pages/widgets/info-box.html +1062 -966
  60. package/dist/pages/widgets/small-box.html +792 -694
  61. package/index.html +6 -15
  62. package/package.json +59 -39
  63. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  64. package/src/config/assets.config.mjs +8 -0
  65. package/src/config/astro.config.mjs +19 -0
  66. package/src/config/postcss.config.mjs +15 -0
  67. package/src/config/rollup.config.js +20 -0
  68. package/src/html/.eslintrc.json +24 -0
  69. package/src/html/.prettierrc.js +11 -0
  70. package/src/html/.tsconfig.json +4 -0
  71. package/src/html/components/_head.astro +47 -0
  72. package/src/html/components/_scripts.astro +51 -0
  73. package/src/html/components/dashboard/_footer.astro +18 -0
  74. package/src/html/components/dashboard/_sidenav.astro +553 -0
  75. package/src/html/components/dashboard/_topbar.astro +213 -0
  76. package/src/html/components/docs/browser-support.mdx +23 -0
  77. package/src/html/components/docs/color-mode.mdx +169 -0
  78. package/src/{partials/dashboard/_topbar.html → html/components/docs/components/main-header.mdx} +67 -67
  79. package/src/html/components/docs/components/main-sidebar.mdx +129 -0
  80. package/src/html/components/docs/faq.mdx +11 -0
  81. package/src/html/components/docs/how-to-contribute.mdx +34 -0
  82. package/src/html/components/docs/introduction.mdx +60 -0
  83. package/src/html/components/docs/license.mdx +9 -0
  84. package/src/html/components/javascript/treeview.mdx +39 -0
  85. package/src/html/env.d.ts +1 -0
  86. package/src/html/pages/UI/timeline.astro +221 -0
  87. package/src/html/pages/docs/browser-support.astro +71 -0
  88. package/src/html/pages/docs/color-mode.astro +271 -0
  89. package/src/html/pages/docs/components/main-header.astro +319 -0
  90. package/src/html/pages/docs/components/main-sidebar.astro +71 -0
  91. package/src/html/pages/docs/faq.astro +71 -0
  92. package/src/html/pages/docs/how-to-contribute.astro +71 -0
  93. package/src/html/pages/docs/introduction.astro +71 -0
  94. package/src/html/pages/docs/javascript/treeview.astro +71 -0
  95. package/src/html/pages/docs/layout.astro +120 -0
  96. package/src/html/pages/docs/license.astro +71 -0
  97. package/src/html/pages/examples/lockscreen.astro +63 -0
  98. package/src/html/pages/examples/login-v2.astro +109 -0
  99. package/src/{pages/examples/login.html → html/pages/examples/login.astro} +40 -22
  100. package/src/html/pages/examples/register-v2.astro +116 -0
  101. package/src/{pages/examples/register.html → html/pages/examples/register.astro} +42 -24
  102. package/src/html/pages/forms/general.astro +624 -0
  103. package/src/html/pages/index.astro +790 -0
  104. package/src/html/pages/index2.astro +1345 -0
  105. package/src/html/pages/index3.astro +513 -0
  106. package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
  107. package/src/html/pages/layout/fixed-complete.astro +209 -0
  108. package/src/html/pages/layout/fixed-sidebar.astro +109 -0
  109. package/src/html/pages/layout/layout-rtl.astro +109 -0
  110. package/src/html/pages/layout/logo-switch.astro +212 -0
  111. package/src/html/pages/layout/sidebar-mini.astro +108 -0
  112. package/src/html/pages/layout/unfixed-sidebar.astro +107 -0
  113. package/src/html/pages/tables/simple.astro +472 -0
  114. package/src/html/pages/widgets/cards.astro +373 -0
  115. package/src/{pages/widgets/info-box.html → html/pages/widgets/info-box.astro} +110 -60
  116. package/src/html/pages/widgets/small-box.astro +182 -0
  117. package/src/scss/_app-content.scss +52 -0
  118. package/src/scss/_app-footer.scss +15 -0
  119. package/src/scss/_app-header.scss +26 -0
  120. package/src/scss/_app-main.scss +17 -0
  121. package/src/scss/_app-sidebar.scss +603 -0
  122. package/src/scss/{_wrapper.scss → _app-wrapper.scss} +8 -4
  123. package/src/scss/_bootstrap-variables.scss +42 -27
  124. package/src/scss/_callouts.scss +34 -0
  125. package/src/scss/_cards.scss +54 -224
  126. package/src/scss/_compact-mode.scss +79 -0
  127. package/src/scss/_direct-chat.scss +15 -9
  128. package/src/scss/_docs.scss +4 -0
  129. package/src/scss/_dropdown.scss +7 -5
  130. package/src/scss/_info-box.scss +2 -6
  131. package/src/scss/_miscellaneous.scss +0 -455
  132. package/src/scss/_mixins.scss +0 -6
  133. package/src/scss/_root.scss +2 -58
  134. package/src/scss/_small-box.scss +15 -41
  135. package/src/scss/_table.scss +0 -50
  136. package/src/scss/_timeline.scss +120 -0
  137. package/src/scss/_variables-dark.scss +15 -8
  138. package/src/scss/_variables.scss +48 -136
  139. package/src/scss/adminlte.scss +1 -1
  140. package/src/scss/mixins/_animations.scss +0 -1
  141. package/src/scss/mixins/_scrollbar.scss +2 -2
  142. package/src/scss/pages/_lockscreen.scss +74 -0
  143. package/src/scss/pages/_login_and_register.scss +1 -5
  144. package/src/scss/parts/_core.scss +9 -15
  145. package/src/scss/parts/_extra-components.scss +1 -2
  146. package/src/scss/parts/_pages.scss +1 -0
  147. package/src/ts/adminlte.ts +0 -2
  148. package/src/ts/card-widget.ts +57 -66
  149. package/src/ts/direct-chat.ts +35 -10
  150. package/src/ts/layout.ts +8 -6
  151. package/src/ts/push-menu.ts +90 -158
  152. package/src/ts/treeview.ts +30 -30
  153. package/src/ts/util/index.ts +14 -12
  154. package/src/utils/index.js +28 -0
  155. package/tsconfig.json +11 -3
  156. package/.stylelintrc +0 -40
  157. package/CHECKLIST.md +0 -0
  158. package/dist/css/rtl/adminlte.rtl.css.map +0 -1
  159. package/dist/css/rtl/adminlte.rtl.min.css +0 -7
  160. package/dist/css/rtl/adminlte.rtl.min.css.map +0 -1
  161. package/dist/index.html +0 -1065
  162. package/dist/index2.html +0 -1629
  163. package/dist/index3.html +0 -1015
  164. package/gulpfile.js +0 -315
  165. package/src/index.html +0 -476
  166. package/src/index2.html +0 -968
  167. package/src/index3.html +0 -430
  168. package/src/pages/forms/general.html +0 -97
  169. package/src/pages/layout/fixed-sidebar.html +0 -87
  170. package/src/pages/layout/unfixed-sidebar.html +0 -87
  171. package/src/pages/tables/simple.html +0 -336
  172. package/src/pages/widgets/cards.html +0 -143
  173. package/src/pages/widgets/small-box.html +0 -124
  174. package/src/partials/_head.html +0 -31
  175. package/src/partials/_scripts.html +0 -95
  176. package/src/partials/dashboard/_footer.html +0 -9
  177. package/src/partials/dashboard/_sidenav.html +0 -244
  178. package/src/scss/_brand-container.scss +0 -72
  179. package/src/scss/_content-header.scss +0 -9
  180. package/src/scss/_content-wrapper.scss +0 -6
  181. package/src/scss/_content.scss +0 -3
  182. package/src/scss/_layout-fixed.scss +0 -43
  183. package/src/scss/_layout-mobile.scss +0 -22
  184. package/src/scss/_main-footer.scss +0 -28
  185. package/src/scss/_main-header.scss +0 -40
  186. package/src/scss/_main-sidebar.scss +0 -63
  187. package/src/scss/_nav-sidebar.scss +0 -66
  188. package/src/scss/_products.scss +0 -55
  189. package/src/scss/_sidebar-close.scss +0 -6
  190. package/src/scss/_sidebar-collapse.scss +0 -120
  191. package/src/scss/_sidebar-horizontal.scss +0 -67
  192. package/src/scss/_sidebar.scss +0 -11
  193. package/src/scss/_users-list.scss +0 -45
  194. package/src/scss/mixins/_brand-variant.scss +0 -9
  195. package/src/scss/mixins/_cards.scss +0 -53
  196. package/src/scss/mixins/_direct-chat.scss +0 -17
  197. package/src/scss/mixins/_header-variant.scss +0 -22
  198. package/src/scss/mixins/_nav-treeview-dark.scss +0 -87
  199. package/src/scss/mixins/_nav-treeview-light.scss +0 -89
  200. package/src/scss/mixins/_sidebar-color.scss +0 -9
package/dist/pages/examples/lockscreen.html ADDED
@@ -0,0 +1,107 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <!--begin::Head-->
4
+
5
+ <head>
6
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7
+ <title>AdminLTE 4 | Lockscreen</title>
8
+ <!--begin::Primary Meta Tags-->
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <meta name="title" content="AdminLTE 4 | Lockscreen">
11
+ <meta name="author" content="ColorlibHQ">
12
+ <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-->
32
+
33
+ <body class="lockscreen bg-body-secondary">
34
+ <div class="lockscreen-wrapper">
35
+ <div class="lockscreen-logo">
36
+ <a href="../index2.html"><b>Admin</b>LTE</a>
37
+ </div>
38
+
39
+ <div class="lockscreen-name">John Doe</div>
40
+
41
+ <div class="lockscreen-item">
42
+ <div class="lockscreen-image">
43
+ <img src="../../../dist/assets/img/user1-128x128.jpg" alt="User Image">
44
+ </div>
45
+
46
+ <form class="lockscreen-credentials">
47
+ <div class="input-group">
48
+ <input type="password" class="form-control shadow-none" placeholder="password">
49
+ <div class="input-group-text border-0 bg-transparent px-1">
50
+ <button type="button" class="btn shadow-none">
51
+ <i class="bi bi-box-arrow-right text-body-secondary"></i>
52
+ </button>
53
+ </div>
54
+ </div>
55
+ </form>
56
+ </div>
57
+
58
+ <div class="help-block text-center">
59
+ Enter your password to retrieve your session
60
+ </div>
61
+ <div class="text-center">
62
+ <a href="login.html">Or sign in as a different user</a>
63
+ </div>
64
+ <div class="lockscreen-footer text-center">
65
+ Copyright © 2014-2023
66
+ <b><a href="https://adminlte.io">AdminLTE.io</a></b><br>
67
+ All rights reserved
68
+ </div>
69
+ </div>
70
+
71
+ <!--begin::Third Party Plugin(OverlayScrollbars)-->
72
+ <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
73
+ <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
74
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
75
+ <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
76
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
77
+ <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
78
+ <script src="undefined/js/adminlte.js"></script>
79
+ <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
80
+ <script>
81
+ const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
82
+ const Default = {
83
+ scrollbarTheme: "os-theme-light",
84
+ scrollbarAutoHide: "leave",
85
+ scrollbarClickScroll: true,
86
+ };
87
+
88
+ document.addEventListener("DOMContentLoaded", function() {
89
+ const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
90
+ if (
91
+ sidebarWrapper &&
92
+ typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== "undefined"
93
+ ) {
94
+ OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
95
+ scrollbars: {
96
+ theme: Default.scrollbarTheme,
97
+ autoHide: Default.scrollbarAutoHide,
98
+ clickScroll: Default.scrollbarClickScroll,
99
+ },
100
+ });
101
+ }
102
+ });
103
+ </script>
104
+ <!--end::OverlayScrollbars Configure-->
105
+ </body><!--end::Body-->
106
+
107
+ </html>
package/dist/pages/examples/login-v2.html ADDED
@@ -0,0 +1,148 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <!--begin::Head-->
4
+
5
+ <head>
6
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7
+ <title>AdminLTE 4 | Login Page v2</title>
8
+ <!--begin::Primary Meta Tags-->
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <meta name="title" content="AdminLTE 4 | Login Page v2">
11
+ <meta name="author" content="ColorlibHQ">
12
+ <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-->
32
+
33
+ <body class="login-page bg-body-secondary">
34
+ <div class="login-box">
35
+ <div class="card card-outline card-primary">
36
+ <div class="card-header">
37
+ <a href="../index2.html" class="link-dark text-center link-offset-2 link-opacity-100 link-opacity-50-hover">
38
+ <h1 class="mb-0">
39
+ <b>Admin</b>LTE
40
+ </h1>
41
+ </a>
42
+ </div>
43
+ <div class="card-body login-card-body">
44
+ <p class="login-box-msg">Sign in to start your session</p>
45
+
46
+ <form action="../index3.html" method="post">
47
+ <div class="input-group mb-1">
48
+ <div class="form-floating">
49
+ <input id="loginEmail" type="email" class="form-control" value="" placeholder="">
50
+ <label for="loginEmail">Email</label>
51
+ </div>
52
+ <div class="input-group-text">
53
+ <span class="bi bi-envelope"></span>
54
+ </div>
55
+ </div>
56
+ <div class="input-group mb-1">
57
+ <div class="form-floating">
58
+ <input id="loginPassword" type="password" class="form-control" placeholder="">
59
+ <label for="loginPassword">Password</label>
60
+ </div>
61
+ <div class="input-group-text">
62
+ <span class="bi bi-lock-fill"></span>
63
+ </div>
64
+ </div>
65
+ <!--begin::Row-->
66
+ <div class="row">
67
+ <div class="col-8 d-inline-flex align-items-center">
68
+ <div class="form-check">
69
+ <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
70
+ <label class="form-check-label" for="flexCheckDefault">
71
+ Remember Me
72
+ </label>
73
+ </div>
74
+ </div>
75
+ <!-- /.col -->
76
+ <div class="col-4">
77
+ <div class="d-grid gap-2">
78
+ <button type="submit" class="btn btn-primary">Sign In</button>
79
+ </div>
80
+ </div>
81
+ <!-- /.col -->
82
+ </div>
83
+ <!--end::Row-->
84
+ </form>
85
+
86
+ <div class="social-auth-links text-center mb-3 d-grid gap-2">
87
+ <p>- OR -</p>
88
+ <a href="#" class="btn btn-primary">
89
+ <i class="bi bi-facebook me-2"></i> Sign in using Facebook
90
+ </a>
91
+ <a href="#" class="btn btn-danger">
92
+ <i class="bi bi-google me-2"></i> Sign in using Google+
93
+ </a>
94
+ </div>
95
+ <!-- /.social-auth-links -->
96
+
97
+ <p class="mb-1">
98
+ <a href="forgot-password.html">I forgot my password</a>
99
+ </p>
100
+ <p class="mb-0">
101
+ <a href="register.html" class="text-center">
102
+ Register a new membership
103
+ </a>
104
+ </p>
105
+ </div>
106
+ <!-- /.login-card-body -->
107
+ </div>
108
+ </div>
109
+ <!-- /.login-box -->
110
+
111
+ <!--begin::Third Party Plugin(OverlayScrollbars)-->
112
+ <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
113
+ <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
114
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
115
+ <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
116
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
117
+ <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
118
+ <script src="../../../dist/js/adminlte.js"></script>
119
+ <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
120
+ <script>
121
+ const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
122
+ const Default = {
123
+ scrollbarTheme: "os-theme-light",
124
+ scrollbarAutoHide: "leave",
125
+ scrollbarClickScroll: true,
126
+ };
127
+
128
+ document.addEventListener("DOMContentLoaded", function() {
129
+ const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
130
+ if (
131
+ sidebarWrapper &&
132
+ typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== "undefined"
133
+ ) {
134
+ OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
135
+ scrollbars: {
136
+ theme: Default.scrollbarTheme,
137
+ autoHide: Default.scrollbarAutoHide,
138
+ clickScroll: Default.scrollbarClickScroll,
139
+ },
140
+ });
141
+ }
142
+ });
143
+ </script>
144
+ <!--end::OverlayScrollbars Configure-->
145
+ <!--end::Script-->
146
+ </body><!--end::Body-->
147
+
148
+ </html>
package/dist/pages/examples/login.html CHANGED
@@ -1,207 +1,139 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
- <!-- For RTL verison -->
4
- <!-- <html lang="en" dir="rtl"> -->
3
+ <!--begin::Head-->
5
4
 
6
5
  <head>
7
- <!-- icheck bootstrap -->
8
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9
- <!-- Primary Meta Tags -->
10
- <title>AdminLTE 4 | Login Page</title>
11
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
12
- <meta name="title" content="AdminLTE 4 | Login Page">
13
- <meta name="author" content="ColorlibHQ">
14
- <meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard featuring over 800 components, 10+ plugins and 20 example pages using Vanilla JS.">
15
- <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" />
16
- <!-- By adding ../../css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is light. -->
17
- <meta name="color-scheme" content="light dark">
18
- <!-- By adding ../../css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is dark. -->
19
- <!-- <meta name="color-scheme" content="dark light"> -->
20
-
21
- <!-- OPTIONAL LINKS -->
22
-
23
- <!-- Google Font: Source Sans Pro -->
24
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
25
-
26
- <!-- overlayScrollbars -->
27
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.0.3/styles/overlayscrollbars.min.css" integrity="sha256-57dSpDS5wv9AYEEmLxcPfrVnygNCdqDWOXyoR46L9H0=" crossorigin="anonymous">
28
-
29
- <!-- Font Awesome -->
30
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/all.min.css" integrity="sha256-Z1K5uhUaJXA7Ll0XrZ/0JhX4lAtZFpT6jkKrEDT0drU=" crossorigin="anonymous">
31
-
32
- <!-- REQUIRED LINKS -->
33
-
34
- <!-- Theme style -->
35
- <link rel="stylesheet" href="../../css/adminlte.css">
36
-
37
- <!-- For RTL verison use ../../css/rtl/adminlte.rtl.css, remove dist/css/adminlte.css -->
38
- <!-- <link rel="stylesheet" href="../../css/rtl/adminlte.rtl.css""> -->
39
-
6
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7
+ <title>AdminLTE 4 | Login Page</title>
8
+ <!--begin::Primary Meta Tags-->
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
+ <meta name="title" content="AdminLTE 4 | Login Page">
11
+ <meta name="author" content="ColorlibHQ">
12
+ <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)-->
40
29
  </head>
30
+ <!--end::Head-->
31
+ <!--begin::Body-->
41
32
 
42
- <body class="login-page">
43
- <div class="login-box">
44
- <div class="login-logo">
45
- <a href="../../index2.html">
46
- <b>Admin</b>LTE
47
- </a>
48
- </div>
49
- <!-- /.login-logo -->
50
- <div class="card">
51
- <div class="card-body login-card-body">
52
- <p class="login-box-msg">Sign in to start your session</p>
53
-
54
- <form action="../../index3.html" method="post">
55
- <div class="input-group mb-3">
56
- <input type="email" class="form-control" placeholder="Email">
57
- <div class="input-group-text">
58
- <span class="fa-solid fa-envelope"></span>
59
- </div>
60
- </div>
61
- <div class="input-group mb-3">
62
- <input type="password" class="form-control" placeholder="Password">
63
- <div class="input-group-text">
64
- <span class="fa-solid fa-lock"></span>
65
- </div>
66
- </div>
67
- <div class="row">
68
- <div class="col-8">
69
- <div class="form-check">
70
- <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
71
- <label class="form-check-label" for="flexCheckDefault">
72
- Remember Me
73
- </label>
74
- </div>
75
- </div>
76
- <!-- /.col -->
77
- <div class="col-4">
78
- <div class="d-grid gap-2">
79
- <button type="submit" class="btn btn-primary">Sign In</button>
80
- </div>
33
+ <body class="login-page bg-body-secondary">
34
+ <div class="login-box">
35
+ <div class="login-logo">
36
+ <a href="../index2.html"><b>Admin</b>LTE</a>
37
+ </div>
38
+ <!-- /.login-logo -->
39
+ <div class="card">
40
+ <div class="card-body login-card-body">
41
+ <p class="login-box-msg">Sign in to start your session</p>
42
+
43
+ <form action="../index3.html" method="post">
44
+ <div class="input-group mb-3">
45
+ <input type="email" class="form-control" placeholder="Email">
46
+ <div class="input-group-text">
47
+ <span class="bi bi-envelope"></span>
48
+ </div>
49
+ </div>
50
+ <div class="input-group mb-3">
51
+ <input type="password" class="form-control" placeholder="Password">
52
+ <div class="input-group-text">
53
+ <span class="bi bi-lock-fill"></span>
54
+ </div>
55
+ </div>
56
+ <!--begin::Row-->
57
+ <div class="row">
58
+ <div class="col-8">
59
+ <div class="form-check">
60
+ <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
61
+ <label class="form-check-label" for="flexCheckDefault">
62
+ Remember Me
63
+ </label>
64
+ </div>
65
+ </div>
66
+ <!-- /.col -->
67
+ <div class="col-4">
68
+ <div class="d-grid gap-2">
69
+ <button type="submit" class="btn btn-primary">Sign In</button>
70
+ </div>
71
+ </div>
72
+ <!-- /.col -->
73
+ </div>
74
+ <!--end::Row-->
75
+ </form>
76
+
77
+ <div class="social-auth-links text-center mb-3 d-grid gap-2">
78
+ <p>- OR -</p>
79
+ <a href="#" class="btn btn-primary">
80
+ <i class="bi bi-facebook me-2"></i> Sign in using Facebook
81
+ </a>
82
+ <a href="#" class="btn btn-danger">
83
+ <i class="bi bi-google me-2"></i> Sign in using Google+
84
+ </a>
85
+ </div>
86
+ <!-- /.social-auth-links -->
87
+
88
+ <p class="mb-1">
89
+ <a href="forgot-password.html">I forgot my password</a>
90
+ </p>
91
+ <p class="mb-0">
92
+ <a href="register.html" class="text-center">
93
+ Register a new membership
94
+ </a>
95
+ </p>
81
96
  </div>
82
- <!-- /.col -->
83
- </div>
84
- </form>
85
-
86
- <div class="social-auth-links text-center mb-3 d-grid gap-2">
87
- <p>- OR -</p>
88
- <a href="#" class="btn btn-primary">
89
- <i class="fa-brands fa-facebook me-2"></i> Sign in using Facebook
90
- </a>
91
- <a href="#" class="btn btn-danger">
92
- <i class="fa-brands fa-google-plus me-2"></i> Sign in using Google+
93
- </a>
97
+ <!-- /.login-card-body -->
94
98
  </div>
95
- <!-- /.social-auth-links -->
96
-
97
- <p class="mb-1">
98
- <a href="forgot-password.html">I forgot my password</a>
99
- </p>
100
- <p class="mb-0">
101
- <a href="register.html" class="text-center">Register a new membership</a>
102
- </p>
103
- </div>
104
- <!-- /.login-card-body -->
105
99
  </div>
106
- </div>
107
- <!-- /.login-box -->
108
-
109
- <!-- OPTIONAL SCRIPTS -->
110
- <!-- overlayScrollbars -->
111
- <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.0.3/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-/dwBbLeVyyWBtWfH3jHdL2oVVmLKoGnEFzoOSL3nJC0=" crossorigin="anonymous"></script>
112
-
113
- <!-- OPTIONAL SCRIPT For Bootstrap 5 -->
114
- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
115
-
116
- <!-- Bootstrap 5 -->
117
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
118
-
119
- <!-- REQUIRED SCRIPTS -->
120
- <!-- AdminLTE App -->
121
- <script src="../../js/adminlte.js"></script>
122
-
123
- <!-- OPTIONAL SCRIPTS -->
124
- <script>
125
- const SELECTOR_SIDEBAR = '.sidebar'
126
- const Default = {
127
- scrollbarTheme: 'os-theme-light',
128
- scrollbarAutoHide: 'leave'
129
- }
130
-
131
- document.addEventListener("DOMContentLoaded", function() {
132
- if (typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
133
- OverlayScrollbarsGlobal.OverlayScrollbars(document.querySelector(SELECTOR_SIDEBAR), {
134
- scrollbars: {
135
- theme: Default.scrollbarTheme,
136
- autoHide: Default.scrollbarAutoHide,
137
- clickScroll: true
138
- }
139
- })
140
- }
141
- })
142
- </script>
143
-
144
- <!-- DON'T USE THIS IN PRODUCTION -->
145
- <script>
146
- // Color Mode Toggler
147
- (() => {
148
- 'use strict'
149
-
150
- const storedTheme = localStorage.getItem('theme')
151
-
152
- const getPreferredTheme = () => {
153
- if (storedTheme) {
154
- return storedTheme
155
- }
156
-
157
- return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
158
- }
159
-
160
- const setTheme = function (theme) {
161
- if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
162
- document.documentElement.setAttribute('data-bs-theme', 'dark')
163
- } else {
164
- document.documentElement.setAttribute('data-bs-theme', theme)
165
- }
166
- }
167
-
168
- setTheme(getPreferredTheme())
169
-
170
- const showActiveTheme = theme => {
171
- const activeThemeIcon = document.querySelector('.theme-icon-active i')
172
- const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
173
- const svgOfActiveBtn = btnToActive.querySelector('i').getAttribute('class')
174
-
175
- document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
176
- element.classList.remove('active')
177
- })
178
-
179
- btnToActive.classList.add('active')
180
- activeThemeIcon.setAttribute('class', svgOfActiveBtn)
181
- }
182
-
183
- window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
184
- if (storedTheme !== 'light' || storedTheme !== 'dark') {
185
- setTheme(getPreferredTheme())
186
- }
187
- })
188
-
189
- window.addEventListener('DOMContentLoaded', () => {
190
- showActiveTheme(getPreferredTheme())
191
-
192
- document.querySelectorAll('[data-bs-theme-value]')
193
- .forEach(toggle => {
194
- toggle.addEventListener('click', () => {
195
- const theme = toggle.getAttribute('data-bs-theme-value')
196
- localStorage.setItem('theme', theme)
197
- setTheme(theme)
198
- showActiveTheme(theme)
199
- })
200
- })
201
- })
202
- })()
203
- </script>
204
-
205
- </body>
100
+ <!-- /.login-box -->
101
+
102
+ <!--begin::Third Party Plugin(OverlayScrollbars)-->
103
+ <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
104
+ <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
105
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
106
+ <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
107
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
108
+ <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
109
+ <script src="../../../dist/js/adminlte.js"></script>
110
+ <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
111
+ <script>
112
+ const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
113
+ const Default = {
114
+ scrollbarTheme: "os-theme-light",
115
+ scrollbarAutoHide: "leave",
116
+ scrollbarClickScroll: true,
117
+ };
118
+
119
+ document.addEventListener("DOMContentLoaded", function() {
120
+ const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
121
+ if (
122
+ sidebarWrapper &&
123
+ typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== "undefined"
124
+ ) {
125
+ OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
126
+ scrollbars: {
127
+ theme: Default.scrollbarTheme,
128
+ autoHide: Default.scrollbarAutoHide,
129
+ clickScroll: Default.scrollbarClickScroll,
130
+ },
131
+ });
132
+ }
133
+ });
134
+ </script>
135
+ <!--end::OverlayScrollbars Configure-->
136
+ <!--end::Script-->
137
+ </body><!--end::Body-->
206
138
 
207
139
  </html>