admin-lte 4.0.0-alpha1 → 4.0.0-alpha3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (200) hide show
  1. package/.bundlewatch.config.json +8 -8
  2. package/.cache/.eslintcache +1 -0
  3. package/.cache/.stylelintcache +1 -0
  4. package/.eslintignore +1 -0
  5. package/.eslintrc.json +16 -0
  6. package/.gitpod.yml +1 -1
  7. package/.idea/AdminLTE.iml +4 -0
  8. package/.idea/codeStyles/Project.xml +24 -0
  9. package/.idea/dbnavigator.xml +421 -0
  10. package/.idea/git_toolbox_prj.xml +15 -0
  11. package/.idea/jsLibraryMappings.xml +6 -0
  12. package/.idea/jsLinters/eslint.xml +6 -0
  13. package/.idea/vcs.xml +6 -0
  14. package/.stylelintrc.json +47 -0
  15. package/LICENSE +1 -1
  16. package/README.md +6 -7
  17. package/dist/assets/img/AdminLTEFullLogo.png +0 -0
  18. package/dist/css/adminlte.css +2716 -2710
  19. package/dist/css/adminlte.css.map +1 -1
  20. package/dist/css/adminlte.min.css +2 -2
  21. package/dist/css/adminlte.min.css.map +1 -1
  22. package/dist/css/{rtl/adminlte.rtl.css → adminlte.rtl.css} +2715 -2710
  23. package/dist/css/adminlte.rtl.css.map +1 -0
  24. package/dist/css/adminlte.rtl.min.css +7 -0
  25. package/dist/css/adminlte.rtl.min.css.map +1 -0
  26. package/dist/js/adminlte.js +204 -233
  27. package/dist/js/adminlte.js.map +1 -1
  28. package/dist/js/adminlte.min.js +6 -1
  29. package/dist/js/adminlte.min.js.map +1 -1
  30. package/dist/pages/UI/timeline.html +869 -0
  31. package/dist/pages/docs/browser-support.html +755 -0
  32. package/dist/pages/docs/color-mode.html +1067 -0
  33. package/dist/pages/docs/components/main-header.html +1137 -0
  34. package/dist/pages/docs/components/main-sidebar.html +858 -0
  35. package/dist/pages/docs/faq.html +743 -0
  36. package/dist/pages/docs/how-to-contribute.html +783 -0
  37. package/dist/pages/docs/introduction.html +767 -0
  38. package/dist/pages/docs/javascript/treeview.html +762 -0
  39. package/dist/pages/docs/layout.html +788 -0
  40. package/dist/pages/docs/license.html +746 -0
  41. package/dist/pages/examples/lockscreen.html +107 -0
  42. package/dist/pages/examples/login-v2.html +148 -0
  43. package/dist/pages/examples/login.html +128 -196
  44. package/dist/pages/examples/register-v2.html +155 -0
  45. package/dist/pages/examples/register.html +131 -199
  46. package/dist/pages/forms/general.html +1065 -652
  47. package/dist/pages/index.html +1320 -0
  48. package/dist/pages/index2.html +1776 -0
  49. package/dist/pages/index3.html +1111 -0
  50. package/dist/pages/layout/collapsed-sidebar.html +766 -0
  51. package/dist/pages/layout/fixed-complete.html +867 -0
  52. package/dist/pages/layout/fixed-sidebar.html +749 -654
  53. package/dist/pages/layout/layout-rtl.html +766 -0
  54. package/dist/pages/layout/logo-switch.html +433 -0
  55. package/dist/pages/layout/sidebar-mini.html +766 -0
  56. package/dist/pages/layout/unfixed-sidebar.html +747 -654
  57. package/dist/pages/tables/simple.html +1049 -946
  58. package/dist/pages/widgets/cards.html +974 -713
  59. package/dist/pages/widgets/info-box.html +1062 -966
  60. package/dist/pages/widgets/small-box.html +792 -694
  61. package/index.html +6 -15
  62. package/package.json +59 -39
  63. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  64. package/src/config/assets.config.mjs +8 -0
  65. package/src/config/astro.config.mjs +19 -0
  66. package/src/config/postcss.config.mjs +15 -0
  67. package/src/config/rollup.config.js +20 -0
  68. package/src/html/.eslintrc.json +24 -0
  69. package/src/html/.prettierrc.js +11 -0
  70. package/src/html/.tsconfig.json +4 -0
  71. package/src/html/components/_head.astro +47 -0
  72. package/src/html/components/_scripts.astro +51 -0
  73. package/src/html/components/dashboard/_footer.astro +18 -0
  74. package/src/html/components/dashboard/_sidenav.astro +553 -0
  75. package/src/html/components/dashboard/_topbar.astro +213 -0
  76. package/src/html/components/docs/browser-support.mdx +23 -0
  77. package/src/html/components/docs/color-mode.mdx +169 -0
  78. package/src/{partials/dashboard/_topbar.html → html/components/docs/components/main-header.mdx} +67 -67
  79. package/src/html/components/docs/components/main-sidebar.mdx +129 -0
  80. package/src/html/components/docs/faq.mdx +11 -0
  81. package/src/html/components/docs/how-to-contribute.mdx +34 -0
  82. package/src/html/components/docs/introduction.mdx +60 -0
  83. package/src/html/components/docs/license.mdx +9 -0
  84. package/src/html/components/javascript/treeview.mdx +39 -0
  85. package/src/html/env.d.ts +1 -0
  86. package/src/html/pages/UI/timeline.astro +221 -0
  87. package/src/html/pages/docs/browser-support.astro +71 -0
  88. package/src/html/pages/docs/color-mode.astro +271 -0
  89. package/src/html/pages/docs/components/main-header.astro +319 -0
  90. package/src/html/pages/docs/components/main-sidebar.astro +71 -0
  91. package/src/html/pages/docs/faq.astro +71 -0
  92. package/src/html/pages/docs/how-to-contribute.astro +71 -0
  93. package/src/html/pages/docs/introduction.astro +71 -0
  94. package/src/html/pages/docs/javascript/treeview.astro +71 -0
  95. package/src/html/pages/docs/layout.astro +120 -0
  96. package/src/html/pages/docs/license.astro +71 -0
  97. package/src/html/pages/examples/lockscreen.astro +63 -0
  98. package/src/html/pages/examples/login-v2.astro +109 -0
  99. package/src/{pages/examples/login.html → html/pages/examples/login.astro} +40 -22
  100. package/src/html/pages/examples/register-v2.astro +116 -0
  101. package/src/{pages/examples/register.html → html/pages/examples/register.astro} +42 -24
  102. package/src/html/pages/forms/general.astro +624 -0
  103. package/src/html/pages/index.astro +790 -0
  104. package/src/html/pages/index2.astro +1345 -0
  105. package/src/html/pages/index3.astro +513 -0
  106. package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
  107. package/src/html/pages/layout/fixed-complete.astro +209 -0
  108. package/src/html/pages/layout/fixed-sidebar.astro +109 -0
  109. package/src/html/pages/layout/layout-rtl.astro +109 -0
  110. package/src/html/pages/layout/logo-switch.astro +212 -0
  111. package/src/html/pages/layout/sidebar-mini.astro +108 -0
  112. package/src/html/pages/layout/unfixed-sidebar.astro +107 -0
  113. package/src/html/pages/tables/simple.astro +472 -0
  114. package/src/html/pages/widgets/cards.astro +373 -0
  115. package/src/{pages/widgets/info-box.html → html/pages/widgets/info-box.astro} +110 -60
  116. package/src/html/pages/widgets/small-box.astro +182 -0
  117. package/src/scss/_app-content.scss +52 -0
  118. package/src/scss/_app-footer.scss +15 -0
  119. package/src/scss/_app-header.scss +26 -0
  120. package/src/scss/_app-main.scss +17 -0
  121. package/src/scss/_app-sidebar.scss +603 -0
  122. package/src/scss/{_wrapper.scss → _app-wrapper.scss} +8 -4
  123. package/src/scss/_bootstrap-variables.scss +42 -27
  124. package/src/scss/_callouts.scss +34 -0
  125. package/src/scss/_cards.scss +54 -224
  126. package/src/scss/_compact-mode.scss +79 -0
  127. package/src/scss/_direct-chat.scss +15 -9
  128. package/src/scss/_docs.scss +4 -0
  129. package/src/scss/_dropdown.scss +7 -5
  130. package/src/scss/_info-box.scss +2 -6
  131. package/src/scss/_miscellaneous.scss +0 -455
  132. package/src/scss/_mixins.scss +0 -6
  133. package/src/scss/_root.scss +2 -58
  134. package/src/scss/_small-box.scss +15 -41
  135. package/src/scss/_table.scss +0 -50
  136. package/src/scss/_timeline.scss +120 -0
  137. package/src/scss/_variables-dark.scss +15 -8
  138. package/src/scss/_variables.scss +48 -136
  139. package/src/scss/adminlte.scss +1 -1
  140. package/src/scss/mixins/_animations.scss +0 -1
  141. package/src/scss/mixins/_scrollbar.scss +2 -2
  142. package/src/scss/pages/_lockscreen.scss +74 -0
  143. package/src/scss/pages/_login_and_register.scss +1 -5
  144. package/src/scss/parts/_core.scss +9 -15
  145. package/src/scss/parts/_extra-components.scss +1 -2
  146. package/src/scss/parts/_pages.scss +1 -0
  147. package/src/ts/adminlte.ts +0 -2
  148. package/src/ts/card-widget.ts +57 -66
  149. package/src/ts/direct-chat.ts +35 -10
  150. package/src/ts/layout.ts +8 -6
  151. package/src/ts/push-menu.ts +90 -158
  152. package/src/ts/treeview.ts +30 -30
  153. package/src/ts/util/index.ts +14 -12
  154. package/src/utils/index.js +28 -0
  155. package/tsconfig.json +11 -3
  156. package/.stylelintrc +0 -40
  157. package/CHECKLIST.md +0 -0
  158. package/dist/css/rtl/adminlte.rtl.css.map +0 -1
  159. package/dist/css/rtl/adminlte.rtl.min.css +0 -7
  160. package/dist/css/rtl/adminlte.rtl.min.css.map +0 -1
  161. package/dist/index.html +0 -1065
  162. package/dist/index2.html +0 -1629
  163. package/dist/index3.html +0 -1015
  164. package/gulpfile.js +0 -315
  165. package/src/index.html +0 -476
  166. package/src/index2.html +0 -968
  167. package/src/index3.html +0 -430
  168. package/src/pages/forms/general.html +0 -97
  169. package/src/pages/layout/fixed-sidebar.html +0 -87
  170. package/src/pages/layout/unfixed-sidebar.html +0 -87
  171. package/src/pages/tables/simple.html +0 -336
  172. package/src/pages/widgets/cards.html +0 -143
  173. package/src/pages/widgets/small-box.html +0 -124
  174. package/src/partials/_head.html +0 -31
  175. package/src/partials/_scripts.html +0 -95
  176. package/src/partials/dashboard/_footer.html +0 -9
  177. package/src/partials/dashboard/_sidenav.html +0 -244
  178. package/src/scss/_brand-container.scss +0 -72
  179. package/src/scss/_content-header.scss +0 -9
  180. package/src/scss/_content-wrapper.scss +0 -6
  181. package/src/scss/_content.scss +0 -3
  182. package/src/scss/_layout-fixed.scss +0 -43
  183. package/src/scss/_layout-mobile.scss +0 -22
  184. package/src/scss/_main-footer.scss +0 -28
  185. package/src/scss/_main-header.scss +0 -40
  186. package/src/scss/_main-sidebar.scss +0 -63
  187. package/src/scss/_nav-sidebar.scss +0 -66
  188. package/src/scss/_products.scss +0 -55
  189. package/src/scss/_sidebar-close.scss +0 -6
  190. package/src/scss/_sidebar-collapse.scss +0 -120
  191. package/src/scss/_sidebar-horizontal.scss +0 -67
  192. package/src/scss/_sidebar.scss +0 -11
  193. package/src/scss/_users-list.scss +0 -45
  194. package/src/scss/mixins/_brand-variant.scss +0 -9
  195. package/src/scss/mixins/_cards.scss +0 -53
  196. package/src/scss/mixins/_direct-chat.scss +0 -17
  197. package/src/scss/mixins/_header-variant.scss +0 -22
  198. package/src/scss/mixins/_nav-treeview-dark.scss +0 -87
  199. package/src/scss/mixins/_nav-treeview-light.scss +0 -89
  200. package/src/scss/mixins/_sidebar-color.scss +0 -9
package/src/html/pages/docs/faq.astro ADDED
@@ -0,0 +1,71 @@
1
+ ---
2
+ import Head from "@components/_head.astro";
3
+ import Footer from "@components/dashboard/_footer.astro";
4
+ import Topbar from "@components/dashboard/_topbar.astro";
5
+ import Faq from "@components/docs/faq.mdx";
6
+ import Sidenav from "@components/dashboard/_sidenav.astro";
7
+ import Scripts from "@components/_scripts.astro";
8
+
9
+ const title = "FAQ | AdminLTE 4";
10
+ const path = "../../../dist";
11
+ const mainPage = "docs";
12
+ const page = "faq";
13
+ ---
14
+
15
+ <!DOCTYPE html>
16
+ <html lang="en">
17
+ <!--begin::Head-->
18
+ <head>
19
+ <Head title={title} path={path} />
20
+ </head>
21
+ <!--end::Head-->
22
+ <!--begin::Body-->
23
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
24
+ <!--begin::App Wrapper-->
25
+ <div class="app-wrapper">
26
+ <Topbar path={path} />
27
+ <Sidenav path={path} mainPage={mainPage} page={page} />
28
+ <!--begin::App Main-->
29
+ <main class="app-main">
30
+ <!--begin::App Content Header-->
31
+ <div class="app-content-header">
32
+ <!--begin::Container-->
33
+ <div class="container-fluid">
34
+ <!--begin::Row-->
35
+ <div class="row">
36
+ <div class="col-sm-6">
37
+ <h3 class="mb-0">FAQ</h3>
38
+ </div>
39
+ <div class="col-sm-6">
40
+ <ol class="breadcrumb float-sm-end">
41
+ <li class="breadcrumb-item"><a href="#">Docs</a></li>
42
+ <li class="breadcrumb-item active" aria-current="page">
43
+ FAQ
44
+ </li>
45
+ </ol>
46
+ </div>
47
+ </div>
48
+ <!--end::Row-->
49
+ </div>
50
+ <!--end::Container-->
51
+ </div>
52
+ <!--end::App Content Header-->
53
+ <!--begin::App Content-->
54
+ <div class="app-content">
55
+ <!--begin::Container-->
56
+ <div class="container-fluid">
57
+ <Faq />
58
+ </div>
59
+ <!--end::Container-->
60
+ </div>
61
+ <!--end::App Content-->
62
+ </main>
63
+ <!--end::App Main-->
64
+ <Footer />
65
+ </div>
66
+ <!--end::App Wrapper-->
67
+ <!--begin::Script-->
68
+ <Scripts path={path} />
69
+ <!--end::Script-->
70
+ </body><!--end::Body-->
71
+ </html>
package/src/html/pages/docs/how-to-contribute.astro ADDED
@@ -0,0 +1,71 @@
1
+ ---
2
+ import Head from "@components/_head.astro";
3
+ import Footer from "@components/dashboard/_footer.astro";
4
+ import Topbar from "@components/dashboard/_topbar.astro";
5
+ import HowToContribute from "@components/docs/how-to-contribute.mdx";
6
+ import Sidenav from "@components/dashboard/_sidenav.astro";
7
+ import Scripts from "@components/_scripts.astro";
8
+
9
+ const title = "How To Contribute | AdminLTE 4";
10
+ const path = "../../../dist";
11
+ const mainPage = "docs";
12
+ const page = "how-to-contribute";
13
+ ---
14
+
15
+ <!DOCTYPE html>
16
+ <html lang="en">
17
+ <!--begin::Head-->
18
+ <head>
19
+ <Head title={title} path={path} />
20
+ </head>
21
+ <!--end::Head-->
22
+ <!--begin::Body-->
23
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
24
+ <!--begin::App Wrapper-->
25
+ <div class="app-wrapper">
26
+ <Topbar path={path} />
27
+ <Sidenav path={path} mainPage={mainPage} page={page} />
28
+ <!--begin::App Main-->
29
+ <main class="app-main">
30
+ <!--begin::App Content Header-->
31
+ <div class="app-content-header">
32
+ <!--begin::Container-->
33
+ <div class="container-fluid">
34
+ <!--begin::Row-->
35
+ <div class="row">
36
+ <div class="col-sm-6">
37
+ <h3 class="mb-0">How To Contribute</h3>
38
+ </div>
39
+ <div class="col-sm-6">
40
+ <ol class="breadcrumb float-sm-end">
41
+ <li class="breadcrumb-item"><a href="#">Docs</a></li>
42
+ <li class="breadcrumb-item active" aria-current="page">
43
+ How To Contribute
44
+ </li>
45
+ </ol>
46
+ </div>
47
+ </div>
48
+ <!--end::Row-->
49
+ </div>
50
+ <!--end::Container-->
51
+ </div>
52
+ <!--end::App Content Header-->
53
+ <!--begin::App Content-->
54
+ <div class="app-content">
55
+ <!--begin::Container-->
56
+ <div class="container-fluid">
57
+ <HowToContribute />
58
+ </div>
59
+ <!--end::Container-->
60
+ </div>
61
+ <!--end::App Content-->
62
+ </main>
63
+ <!--end::App Main-->
64
+ <Footer />
65
+ </div>
66
+ <!--end::App Wrapper-->
67
+ <!--begin::Script-->
68
+ <Scripts path={path} />
69
+ <!--end::Script-->
70
+ </body><!--end::Body-->
71
+ </html>
package/src/html/pages/docs/introduction.astro ADDED
@@ -0,0 +1,71 @@
1
+ ---
2
+ import Head from "@components/_head.astro";
3
+ import Footer from "@components/dashboard/_footer.astro";
4
+ import Topbar from "@components/dashboard/_topbar.astro";
5
+ import Sidenav from "@components/dashboard/_sidenav.astro";
6
+ import Scripts from "@components/_scripts.astro";
7
+ import Introduction from "@components/docs/introduction.mdx";
8
+
9
+ const title = "Introduction | AdminLTE 4";
10
+ const path = "../../../dist";
11
+ const mainPage = "docs";
12
+ const page = "introduction";
13
+ ---
14
+
15
+ <!DOCTYPE html>
16
+ <html lang="en">
17
+ <!--begin::Head-->
18
+ <head>
19
+ <Head title={title} path={path} />
20
+ </head>
21
+ <!--end::Head-->
22
+ <!--begin::Body-->
23
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
24
+ <!--begin::App Wrapper-->
25
+ <div class="app-wrapper">
26
+ <Topbar path={path} />
27
+ <Sidenav path={path} mainPage={mainPage} page={page} />
28
+ <!--begin::App Main-->
29
+ <main class="app-main">
30
+ <!--begin::App Content Header-->
31
+ <div class="app-content-header">
32
+ <!--begin::Container-->
33
+ <div class="container-fluid">
34
+ <!--begin::Row-->
35
+ <div class="row">
36
+ <div class="col-sm-6">
37
+ <h3 class="mb-0">Introduction</h3>
38
+ </div>
39
+ <div class="col-sm-6">
40
+ <ol class="breadcrumb float-sm-end">
41
+ <li class="breadcrumb-item"><a href="#">Docs</a></li>
42
+ <li class="breadcrumb-item active" aria-current="page">
43
+ Introduction
44
+ </li>
45
+ </ol>
46
+ </div>
47
+ </div>
48
+ <!--end::Row-->
49
+ </div>
50
+ <!--end::Container-->
51
+ </div>
52
+ <!--end::App Content Header-->
53
+ <!--begin::App Content-->
54
+ <div class="app-content">
55
+ <!--begin::Container-->
56
+ <div class="container-fluid">
57
+ <Introduction />
58
+ </div>
59
+ <!--end::Container-->
60
+ </div>
61
+ <!--end::App Content-->
62
+ </main>
63
+ <!--end::App Main-->
64
+ <Footer />
65
+ </div>
66
+ <!--end::App Wrapper-->
67
+ <!--begin::Script-->
68
+ <Scripts path={path} />
69
+ <!--end::Script-->
70
+ </body><!--end::Body-->
71
+ </html>
package/src/html/pages/docs/javascript/treeview.astro ADDED
@@ -0,0 +1,71 @@
1
+ ---
2
+ import Head from "@components/_head.astro";
3
+ import Footer from "@components/dashboard/_footer.astro";
4
+ import Topbar from "@components/dashboard/_topbar.astro";
5
+ import Treeview from "@components/javascript/treeview.mdx";
6
+ import Sidenav from "@components/dashboard/_sidenav.astro";
7
+ import Scripts from "@components/_scripts.astro";
8
+
9
+ const title = "Treeview Plugin | AdminLTE 4";
10
+ const path = "../../../../dist";
11
+ const mainPage = "javascript";
12
+ const page = "treeview";
13
+ ---
14
+
15
+ <!DOCTYPE html>
16
+ <html lang="en">
17
+ <!--begin::Head-->
18
+ <head>
19
+ <Head title={title} path={path} />
20
+ </head>
21
+ <!--end::Head-->
22
+ <!--begin::Body-->
23
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
24
+ <!--begin::App Wrapper-->
25
+ <div class="app-wrapper">
26
+ <Topbar path={path} />
27
+ <Sidenav path={path} mainPage={mainPage} page={page} />
28
+ <!--begin::App Main-->
29
+ <main class="app-main">
30
+ <!--begin::App Content Header-->
31
+ <div class="app-content-header">
32
+ <!--begin::Container-->
33
+ <div class="container-fluid">
34
+ <!--begin::Row-->
35
+ <div class="row">
36
+ <div class="col-sm-6">
37
+ <h3 class="mb-0">Treeview Plugin</h3>
38
+ </div>
39
+ <div class="col-sm-6">
40
+ <ol class="breadcrumb float-sm-end">
41
+ <li class="breadcrumb-item"><a href="#">Docs</a></li>
42
+ <li class="breadcrumb-item active" aria-current="page">
43
+ Treeview Plugin
44
+ </li>
45
+ </ol>
46
+ </div>
47
+ </div>
48
+ <!--end::Row-->
49
+ </div>
50
+ <!--end::Container-->
51
+ </div>
52
+ <!--end::App Content Header-->
53
+ <!--begin::App Content-->
54
+ <div class="app-content">
55
+ <!--begin::Container-->
56
+ <div class="container-fluid">
57
+ <Treeview />
58
+ </div>
59
+ <!--end::Container-->
60
+ </div>
61
+ <!--end::App Content-->
62
+ </main>
63
+ <!--end::App Main-->
64
+ <Footer />
65
+ </div>
66
+ <!--end::App Wrapper-->
67
+ <!--begin::Script-->
68
+ <Scripts path={path} />
69
+ <!--end::Script-->
70
+ </body><!--end::Body-->
71
+ </html>
package/src/html/pages/docs/layout.astro ADDED
@@ -0,0 +1,120 @@
1
+ ---
2
+ import Head from "@components/_head.astro";
3
+ import Footer from "@components/dashboard/_footer.astro";
4
+ import Topbar from "@components/dashboard/_topbar.astro";
5
+ import Sidenav from "@components/dashboard/_sidenav.astro";
6
+ import Scripts from "@components/_scripts.astro";
7
+
8
+ const title = "Layout | AdminLTE 4";
9
+ const path = "../../../dist";
10
+ const mainPage = "docs";
11
+ const page = "layout";
12
+ ---
13
+
14
+ <!DOCTYPE html>
15
+ <html lang="en">
16
+ <!--begin::Head-->
17
+ <head>
18
+ <Head title={title} path={path} />
19
+ </head>
20
+ <!--end::Head-->
21
+ <!--begin::Body-->
22
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
23
+ <!--begin::App Wrapper-->
24
+ <div class="app-wrapper">
25
+ <Topbar path={path} />
26
+ <Sidenav path={path} mainPage={mainPage} page={page} />
27
+ <!--begin::App Main-->
28
+ <main class="app-main">
29
+ <!--begin::App Content Header-->
30
+ <div class="app-content-header">
31
+ <!--begin::Container-->
32
+ <div class="container-fluid">
33
+ <!--begin::Row-->
34
+ <div class="row">
35
+ <div class="col-sm-6">
36
+ <h3 class="mb-0">Layout</h3>
37
+ </div>
38
+ <div class="col-sm-6">
39
+ <ol class="breadcrumb float-sm-end">
40
+ <li class="breadcrumb-item"><a href="#">Docs</a></li>
41
+ <li class="breadcrumb-item active" aria-current="page">
42
+ Layout
43
+ </li>
44
+ </ol>
45
+ </div>
46
+ </div>
47
+ <!--end::Row-->
48
+ </div>
49
+ <!--end::Container-->
50
+ </div>
51
+ <!--end::App Content Header-->
52
+ <!--begin::App Content-->
53
+ <div class="app-content">
54
+ <div class="container-fluid">
55
+ <div class="callout callout-info mb-4">
56
+ <h5 class="fw-bold">Tips</h5>
57
+ <p>
58
+ The <a href="/starter.html" class="link-primary">
59
+ starter page
60
+ </a> is a good place to start building your app if you’d like to
61
+ start from scratch.
62
+ </p>
63
+ </div>
64
+
65
+ <p>The layout consists of five major parts:</p>
66
+ <ul>
67
+ <li>
68
+ Wrapper <code>.app-wrapper</code> . A div that wraps the whole site.
69
+ </li>
70
+ <li>
71
+ Main Header <code>.app-header</code> . Contains the logo and navbar.
72
+ </li>
73
+ <li>
74
+ Main Sidebar <code>.app-sidebar</code> . Contains the sidebar user
75
+ panel and menu.
76
+ </li>
77
+ <li>
78
+ Content <code>.app-main</code> . Contains the page header and content.
79
+ </li>
80
+ <li>
81
+ Main Footer <code>.app-footer</code> . Contains the footer.
82
+ </li>
83
+ </ul>
84
+
85
+ <h4>Layout Options</h4>
86
+ <p>
87
+ AdminLTE v4 provides a set of options to apply to your main
88
+ layout. Each one of these classes can be added to the
89
+ <code>body</code> tag to get the desired goal.
90
+ </p>
91
+ <ul>
92
+ <li>
93
+ Fixed Sidebar: use the class <code>.layout-fixed</code> to get a
94
+ fixed sidebar.
95
+ </li>
96
+ <li>
97
+ Mini Sidebar on Toggle: use the class
98
+ <code>.sidebar-expand-* .sidebar-mini</code>
99
+ to have a collapsed sidebar upon loading.
100
+ </li>
101
+ <li>
102
+ Collapsed Sidebar: use the class
103
+ <code>.sidebar-expand-* .sidebar-mini .sidebar-collapse</code> to
104
+ have a collapsed sidebar upon loading.
105
+ </li>
106
+ </ul>
107
+ </div>
108
+ <!-- /.container-fluid -->
109
+ </div>
110
+ <!--end::App Content-->
111
+ </main>
112
+ <!--end::App Main-->
113
+ <Footer />
114
+ </div>
115
+ <!--end::App Wrapper-->
116
+ <!--begin::Script-->
117
+ <Scripts path={path} />
118
+ <!--end::Script-->
119
+ </body><!--end::Body-->
120
+ </html>
package/src/html/pages/docs/license.astro ADDED
@@ -0,0 +1,71 @@
1
+ ---
2
+ import Head from "@components/_head.astro";
3
+ import Footer from "@components/dashboard/_footer.astro";
4
+ import Topbar from "@components/dashboard/_topbar.astro";
5
+ import License from "@components/docs/license.mdx";
6
+ import Sidenav from "@components/dashboard/_sidenav.astro";
7
+ import Scripts from "@components/_scripts.astro";
8
+
9
+ const title = "License | AdminLTE 4";
10
+ const path = "../../../dist";
11
+ const mainPage = "docs";
12
+ const page = "license";
13
+ ---
14
+
15
+ <!DOCTYPE html>
16
+ <html lang="en">
17
+ <!--begin::Head-->
18
+ <head>
19
+ <Head title={title} path={path} />
20
+ </head>
21
+ <!--end::Head-->
22
+ <!--begin::Body-->
23
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
24
+ <!--begin::App Wrapper-->
25
+ <div class="app-wrapper">
26
+ <Topbar path={path} />
27
+ <Sidenav path={path} mainPage={mainPage} page={page} />
28
+ <!--begin::App Main-->
29
+ <main class="app-main">
30
+ <!--begin::App Content Header-->
31
+ <div class="app-content-header">
32
+ <!--begin::Container-->
33
+ <div class="container-fluid">
34
+ <!--begin::Row-->
35
+ <div class="row">
36
+ <div class="col-sm-6">
37
+ <h3 class="mb-0">License</h3>
38
+ </div>
39
+ <div class="col-sm-6">
40
+ <ol class="breadcrumb float-sm-end">
41
+ <li class="breadcrumb-item"><a href="#">Docs</a></li>
42
+ <li class="breadcrumb-item active" aria-current="page">
43
+ License
44
+ </li>
45
+ </ol>
46
+ </div>
47
+ </div>
48
+ <!--end::Row-->
49
+ </div>
50
+ <!--end::Container-->
51
+ </div>
52
+ <!--end::App Content Header-->
53
+ <!--begin::App Content-->
54
+ <div class="app-content">
55
+ <!--begin::Container-->
56
+ <div class="container-fluid">
57
+ <License />
58
+ </div>
59
+ <!--end::Container-->
60
+ </div>
61
+ <!--end::App Content-->
62
+ </main>
63
+ <!--end::App Main-->
64
+ <Footer />
65
+ </div>
66
+ <!--end::App Wrapper-->
67
+ <!--begin::Script-->
68
+ <Scripts path={path} />
69
+ <!--end::Script-->
70
+ </body><!--end::Body-->
71
+ </html>
package/src/html/pages/examples/lockscreen.astro ADDED
@@ -0,0 +1,63 @@
1
+ ---
2
+ import Head from "@components/_head.astro";
3
+ import Scripts from "@components/_scripts.astro";
4
+
5
+ const title = "AdminLTE 4 | Lockscreen";
6
+ const path = "../../../dist";
7
+ const htmlPath = "..";
8
+ const year = new Date().getFullYear();
9
+ ---
10
+
11
+ <!DOCTYPE html>
12
+ <html lang="en">
13
+ <!--begin::Head-->
14
+ <head>
15
+ <Head title={title} path={path} />
16
+ </head>
17
+ <!--end::Head-->
18
+ <!--begin::Body-->
19
+ <body class="lockscreen bg-body-secondary">
20
+ <div class="lockscreen-wrapper">
21
+ <div class="lockscreen-logo">
22
+ <a href={htmlPath + "/index2.html"}><b>Admin</b>LTE</a>
23
+ </div>
24
+
25
+ <div class="lockscreen-name">John Doe</div>
26
+
27
+ <div class="lockscreen-item">
28
+ <div class="lockscreen-image">
29
+ <img src={path + "/assets/img/user1-128x128.jpg"} alt="User Image" />
30
+ </div>
31
+
32
+ <form class="lockscreen-credentials">
33
+ <div class="input-group">
34
+ <input
35
+ type="password"
36
+ class="form-control shadow-none"
37
+ placeholder="password"
38
+ />
39
+ <div class="input-group-text border-0 bg-transparent px-1">
40
+ <button type="button" class="btn shadow-none">
41
+ <i class="bi bi-box-arrow-right text-body-secondary"></i>
42
+ </button>
43
+ </div>
44
+ </div>
45
+ </form>
46
+ </div>
47
+
48
+ <div class="help-block text-center">
49
+ Enter your password to retrieve your session
50
+ </div>
51
+ <div class="text-center">
52
+ <a href="login.html">Or sign in as a different user</a>
53
+ </div>
54
+ <div class="lockscreen-footer text-center">
55
+ Copyright © 2014-{year}
56
+ <b><a href="https://adminlte.io">AdminLTE.io</a></b><br />
57
+ All rights reserved
58
+ </div>
59
+ </div>
60
+
61
+ <Scripts />
62
+ </body><!--end::Body-->
63
+ </html>
package/src/html/pages/examples/login-v2.astro ADDED
@@ -0,0 +1,109 @@
1
+ ---
2
+ import Head from "@components/_head.astro";
3
+ import Scripts from "@components/_scripts.astro";
4
+
5
+ const title = "AdminLTE 4 | Login Page v2";
6
+ const path = "../../../dist";
7
+ const htmlPath = "..";
8
+ ---
9
+
10
+ <!DOCTYPE html>
11
+ <html lang="en">
12
+ <!--begin::Head-->
13
+ <head>
14
+ <Head title={title} path={path} />
15
+ </head>
16
+ <!--end::Head-->
17
+ <!--begin::Body-->
18
+ <body class="login-page bg-body-secondary">
19
+ <div class="login-box">
20
+ <div class="card card-outline card-primary">
21
+ <div class="card-header">
22
+ <a href={htmlPath + "/index2.html"} class="link-dark text-center link-offset-2 link-opacity-100 link-opacity-50-hover">
23
+ <h1 class="mb-0">
24
+ <b>Admin</b>LTE
25
+ </h1>
26
+ </a>
27
+ </div>
28
+ <div class="card-body login-card-body">
29
+ <p class="login-box-msg">Sign in to start your session</p>
30
+
31
+ <form action={htmlPath + "/index3.html"} method="post">
32
+ <div class="input-group mb-1">
33
+ <div class="form-floating">
34
+ <input id="loginEmail" type="email" class="form-control" value="" placeholder="" />
35
+ <label for="loginEmail">Email</label>
36
+ </div>
37
+ <div class="input-group-text">
38
+ <span class="bi bi-envelope"></span>
39
+ </div>
40
+ </div>
41
+ <div class="input-group mb-1">
42
+ <div class="form-floating">
43
+ <input
44
+ id="loginPassword"
45
+ type="password"
46
+ class="form-control"
47
+ placeholder=""
48
+ />
49
+ <label for="loginPassword">Password</label>
50
+ </div>
51
+ <div class="input-group-text">
52
+ <span class="bi bi-lock-fill"></span>
53
+ </div>
54
+ </div>
55
+ <!--begin::Row-->
56
+ <div class="row">
57
+ <div class="col-8 d-inline-flex align-items-center">
58
+ <div class="form-check">
59
+ <input
60
+ class="form-check-input"
61
+ type="checkbox"
62
+ value=""
63
+ id="flexCheckDefault"
64
+ />
65
+ <label class="form-check-label" for="flexCheckDefault">
66
+ Remember Me
67
+ </label>
68
+ </div>
69
+ </div>
70
+ <!-- /.col -->
71
+ <div class="col-4">
72
+ <div class="d-grid gap-2">
73
+ <button type="submit" class="btn btn-primary">Sign In</button>
74
+ </div>
75
+ </div>
76
+ <!-- /.col -->
77
+ </div>
78
+ <!--end::Row-->
79
+ </form>
80
+
81
+ <div class="social-auth-links text-center mb-3 d-grid gap-2">
82
+ <p>- OR -</p>
83
+ <a href="#" class="btn btn-primary">
84
+ <i class="bi bi-facebook me-2"></i> Sign in using Facebook
85
+ </a>
86
+ <a href="#" class="btn btn-danger">
87
+ <i class="bi bi-google me-2"></i> Sign in using Google+
88
+ </a>
89
+ </div>
90
+ <!-- /.social-auth-links -->
91
+
92
+ <p class="mb-1">
93
+ <a href="forgot-password.html">I forgot my password</a>
94
+ </p>
95
+ <p class="mb-0">
96
+ <a href="register.html" class="text-center">
97
+ Register a new membership
98
+ </a>
99
+ </p>
100
+ </div>
101
+ <!-- /.login-card-body -->
102
+ </div>
103
+ </div>
104
+ <!-- /.login-box -->
105
+
106
+ <Scripts path={path} />
107
+ <!--end::Script-->
108
+ </body><!--end::Body-->
109
+ </html>