admin-lte 4.0.0-alpha1 → 4.0.0-alpha2

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 (151) hide show
  1. package/.bundlewatch.config.json +2 -2
  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/.stylelintrc.json +47 -0
  7. package/LICENSE +1 -1
  8. package/README.md +5 -6
  9. package/dist/css/adminlte.css +2383 -2754
  10. package/dist/css/adminlte.css.map +1 -1
  11. package/dist/css/adminlte.min.css +2 -2
  12. package/dist/css/adminlte.min.css.map +1 -1
  13. package/dist/css/{rtl/adminlte.rtl.css → adminlte.rtl.css} +2377 -2749
  14. package/dist/css/adminlte.rtl.css.map +1 -0
  15. package/dist/css/adminlte.rtl.min.css +7 -0
  16. package/dist/css/adminlte.rtl.min.css.map +1 -0
  17. package/dist/js/adminlte.js +173 -182
  18. package/dist/js/adminlte.js.map +1 -1
  19. package/dist/js/adminlte.min.js +6 -1
  20. package/dist/js/adminlte.min.js.map +1 -1
  21. package/dist/pages/UI/timeline.html +698 -0
  22. package/dist/pages/docs/browser-support.html +614 -0
  23. package/dist/pages/docs/color-mode.html +855 -0
  24. package/dist/pages/docs/components/main-header.html +926 -0
  25. package/dist/pages/docs/layout.html +617 -0
  26. package/dist/pages/docs.html +617 -0
  27. package/dist/pages/examples/login.html +114 -187
  28. package/dist/pages/examples/register.html +117 -190
  29. package/dist/pages/forms/general.html +598 -647
  30. package/dist/pages/index.html +1091 -0
  31. package/dist/pages/index2.html +1452 -0
  32. package/dist/pages/index3.html +950 -0
  33. package/dist/pages/layout/fixed-sidebar.html +590 -638
  34. package/dist/pages/layout/layout-rtl.html +623 -0
  35. package/dist/pages/layout/sidebar-mini.html +623 -0
  36. package/dist/pages/layout/unfixed-sidebar.html +589 -638
  37. package/dist/pages/tables/simple.html +837 -938
  38. package/dist/pages/widgets/cards.html +814 -698
  39. package/dist/pages/widgets/info-box.html +864 -951
  40. package/dist/pages/widgets/small-box.html +625 -678
  41. package/index.html +1 -6
  42. package/package.json +53 -36
  43. package/src/config/assets.config.mjs +8 -0
  44. package/src/config/astro.config.mjs +17 -0
  45. package/src/config/postcss.config.mjs +15 -0
  46. package/src/config/rollup.config.js +20 -0
  47. package/src/html/.eslintrc.json +24 -0
  48. package/src/html/.tsconfig.json +4 -0
  49. package/src/html/components/_head.astro +31 -0
  50. package/src/html/components/_scripts.astro +40 -0
  51. package/src/html/components/dashboard/_footer.astro +12 -0
  52. package/src/html/components/dashboard/_sidenav.astro +323 -0
  53. package/src/{partials/dashboard/_topbar.html → html/components/dashboard/_topbar.astro} +20 -46
  54. package/src/html/components/docs/browser-support/index.md +22 -0
  55. package/src/html/components/docs/color-mode/navbar-html.md +80 -0
  56. package/src/{partials/_scripts.html → html/components/docs/color-mode/toggle-script.md} +5 -52
  57. package/src/html/components/docs/components/main-header-1.md +159 -0
  58. package/src/html/components/docs/introduction/index.md +35 -0
  59. package/src/html/env.d.ts +1 -0
  60. package/src/html/pages/UI/timeline.astro +158 -0
  61. package/src/html/pages/docs/browser-support.astro +58 -0
  62. package/src/html/pages/docs/color-mode.astro +224 -0
  63. package/src/html/pages/docs/components/main-header.astro +232 -0
  64. package/src/html/pages/docs/index.astro +58 -0
  65. package/src/html/pages/docs/layout.astro +77 -0
  66. package/src/{pages/examples/login.html → html/pages/examples/login.astro} +13 -13
  67. package/src/{pages/examples/register.html → html/pages/examples/register.astro} +13 -13
  68. package/src/{pages/forms/general.html → html/pages/forms/general.astro} +26 -30
  69. package/src/{index.html → html/pages/index.astro} +266 -189
  70. package/src/{index2.html → html/pages/index2.astro} +229 -284
  71. package/src/{index3.html → html/pages/index3.astro} +151 -169
  72. package/src/{pages/layout/fixed-sidebar.html → html/pages/layout/fixed-sidebar.astro} +26 -29
  73. package/src/html/pages/layout/layout-rtl.astro +84 -0
  74. package/src/html/pages/layout/sidebar-mini.astro +83 -0
  75. package/src/{pages/layout/unfixed-sidebar.html → html/pages/layout/unfixed-sidebar.astro} +26 -30
  76. package/src/{pages/tables/simple.html → html/pages/tables/simple.astro} +26 -30
  77. package/src/html/pages/widgets/cards.astro +308 -0
  78. package/src/{pages/widgets/info-box.html → html/pages/widgets/info-box.astro} +26 -31
  79. package/src/html/pages/widgets/small-box.astro +121 -0
  80. package/src/scss/_app-footer.scss +15 -0
  81. package/src/scss/_app-header.scss +26 -0
  82. package/src/scss/_app-main.scss +20 -0
  83. package/src/scss/_app-sidebar.scss +429 -0
  84. package/src/scss/{_wrapper.scss → _app-wrapper.scss} +8 -4
  85. package/src/scss/_bootstrap-variables.scss +41 -26
  86. package/src/scss/_callouts.scss +34 -0
  87. package/src/scss/_cards.scss +30 -224
  88. package/src/scss/_direct-chat.scss +15 -9
  89. package/src/scss/_docs.scss +4 -0
  90. package/src/scss/_dropdown.scss +7 -5
  91. package/src/scss/_info-box.scss +2 -6
  92. package/src/scss/_miscellaneous.scss +0 -455
  93. package/src/scss/_mixins.scss +0 -6
  94. package/src/scss/_root.scss +2 -58
  95. package/src/scss/_small-box.scss +15 -38
  96. package/src/scss/_table.scss +0 -50
  97. package/src/scss/_timeline.scss +120 -0
  98. package/src/scss/_variables-dark.scss +15 -8
  99. package/src/scss/_variables.scss +30 -135
  100. package/src/scss/adminlte.scss +1 -1
  101. package/src/scss/mixins/_animations.scss +4 -0
  102. package/src/scss/mixins/_scrollbar.scss +2 -2
  103. package/src/scss/pages/_login_and_register.scss +1 -2
  104. package/src/scss/parts/_core.scss +7 -15
  105. package/src/scss/parts/_extra-components.scss +1 -2
  106. package/src/ts/adminlte.ts +0 -2
  107. package/src/ts/card-widget.ts +42 -18
  108. package/src/ts/direct-chat.ts +33 -8
  109. package/src/ts/layout.ts +6 -4
  110. package/src/ts/push-menu.ts +94 -145
  111. package/src/ts/treeview.ts +17 -23
  112. package/src/ts/util/index.ts +2 -2
  113. package/src/utils/index.js +11 -0
  114. package/tsconfig.json +11 -3
  115. package/.stylelintrc +0 -40
  116. package/CHECKLIST.md +0 -0
  117. package/dist/css/rtl/adminlte.rtl.css.map +0 -1
  118. package/dist/css/rtl/adminlte.rtl.min.css +0 -7
  119. package/dist/css/rtl/adminlte.rtl.min.css.map +0 -1
  120. package/dist/index.html +0 -1065
  121. package/dist/index2.html +0 -1629
  122. package/dist/index3.html +0 -1015
  123. package/gulpfile.js +0 -315
  124. package/src/pages/widgets/cards.html +0 -143
  125. package/src/pages/widgets/small-box.html +0 -124
  126. package/src/partials/_head.html +0 -31
  127. package/src/partials/dashboard/_footer.html +0 -9
  128. package/src/partials/dashboard/_sidenav.html +0 -244
  129. package/src/scss/_brand-container.scss +0 -72
  130. package/src/scss/_content-header.scss +0 -9
  131. package/src/scss/_content-wrapper.scss +0 -6
  132. package/src/scss/_content.scss +0 -3
  133. package/src/scss/_layout-fixed.scss +0 -43
  134. package/src/scss/_layout-mobile.scss +0 -22
  135. package/src/scss/_main-footer.scss +0 -28
  136. package/src/scss/_main-header.scss +0 -40
  137. package/src/scss/_main-sidebar.scss +0 -63
  138. package/src/scss/_nav-sidebar.scss +0 -66
  139. package/src/scss/_products.scss +0 -55
  140. package/src/scss/_sidebar-close.scss +0 -6
  141. package/src/scss/_sidebar-collapse.scss +0 -120
  142. package/src/scss/_sidebar-horizontal.scss +0 -67
  143. package/src/scss/_sidebar.scss +0 -11
  144. package/src/scss/_users-list.scss +0 -45
  145. package/src/scss/mixins/_brand-variant.scss +0 -9
  146. package/src/scss/mixins/_cards.scss +0 -53
  147. package/src/scss/mixins/_direct-chat.scss +0 -17
  148. package/src/scss/mixins/_header-variant.scss +0 -22
  149. package/src/scss/mixins/_nav-treeview-dark.scss +0 -87
  150. package/src/scss/mixins/_nav-treeview-light.scss +0 -89
  151. package/src/scss/mixins/_sidebar-color.scss +0 -9
package/src/html/pages/docs/index.astro ADDED
@@ -0,0 +1,58 @@
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/index.md";
8
+ const title = "Introduction | AdminLTE 4";
9
+ const path = '../../../dist'
10
+ const mainPage = "docs";
11
+ const page = "introduction";
12
+ ---
13
+
14
+ <!DOCTYPE html>
15
+ <html lang="en">
16
+ <head>
17
+ <Head title={title} path={path} />
18
+ </head>
19
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
20
+ <div class="app-wrapper">
21
+ <Topbar path={path} />
22
+ <Sidenav path={path} mainPage={mainPage} page={page} />
23
+ <!-- Main content -->
24
+ <main class="app-main">
25
+ <div class="app-content-header">
26
+ <div class="container-fluid">
27
+ <div class="row">
28
+ <div class="col-sm-6">
29
+ <h3 class="mb-0">Introduction</h3>
30
+ </div>
31
+ <div class="col-sm-6">
32
+ <ol class="breadcrumb float-sm-end">
33
+ <li class="breadcrumb-item"><a href="#">Docs</a></li>
34
+ <li class="breadcrumb-item active" aria-current="page">
35
+ Introduction
36
+ </li>
37
+ </ol>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ </div>
42
+ <!-- Main content -->
43
+ <div class="app-content">
44
+ <div class="container-fluid">
45
+ <Introduction />
46
+ </div><!-- /.container-fluid -->
47
+ </div>
48
+ <!-- /.content -->
49
+ </main>
50
+ <!-- /.app-content -->
51
+
52
+ <Footer />
53
+ </div>
54
+ <!-- ./app-wrapper -->
55
+
56
+ <Scripts path={path} />
57
+ </body>
58
+ </html>
package/src/html/pages/docs/layout.astro ADDED
@@ -0,0 +1,77 @@
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
+ const title = "Layout | AdminLTE 4";
8
+ const path = '../../../dist'
9
+ const mainPage = "docs";
10
+ const page = "layout";
11
+ ---
12
+
13
+ <!DOCTYPE html>
14
+ <html lang="en">
15
+ <head>
16
+ <Head title={title} path={path} />
17
+ </head>
18
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
19
+ <div class="app-wrapper">
20
+ <Topbar path={path} />
21
+ <Sidenav path={path} mainPage={mainPage} page={page} />
22
+ <!-- Main content -->
23
+ <main class="app-main">
24
+ <div class="app-content-header">
25
+ <div class="container-fluid">
26
+ <div class="row">
27
+ <div class="col-sm-6">
28
+ <h3 class="mb-0">Layout</h3>
29
+ </div>
30
+ <div class="col-sm-6">
31
+ <ol class="breadcrumb float-sm-end">
32
+ <li class="breadcrumb-item"><a href="#">Docs</a></li>
33
+ <li class="breadcrumb-item active" aria-current="page">
34
+ Layout
35
+ </li>
36
+ </ol>
37
+ </div>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ <!-- Main content -->
42
+ <div class="app-content">
43
+ <div class="container-fluid">
44
+ <div class="callout callout-info mb-4">
45
+ <h5 class="fw-bold">Tips</h5>
46
+ <p>The <a href="/starter.html" class="link-primary">starter page</a> is a good place to start building your app if you’d like to start from scratch.</p>
47
+ </div>
48
+
49
+ <p>The layout consists of five major parts:</p>
50
+ <ul>
51
+ <li>Wrapper <code>.app-wrapper</code> . A div that wraps the whole site.</li>
52
+ <li>Main Header <code>.app-header</code> . Contains the logo and navbar.</li>
53
+ <li>Main Sidebar <code>.app-sidebar</code> . Contains the sidebar user panel and menu.</li>
54
+ <li>Content <code>.app-main</code> . Contains the page header and content.</li>
55
+ <li>Main Footer <code>.app-footer</code> . Contains the footer.</li>
56
+ </ul>
57
+
58
+ <h4>Layout Options</h4>
59
+ <p>AdminLTE v4 provides a set of options to apply to your main layout. Each one of these classes can be added to the <code>body</code> tag to get the desired goal.</p>
60
+ <ul>
61
+ <li>Fixed Sidebar: use the class <code>.layout-fixed</code> to get a fixed sidebar.</li>
62
+ <li>Collapsed Sidebar: use the class <code>.sidebar-expand-lg .sidebar-mini .sidebar-collapse</code> to have a collapsed sidebar upon loading.</li>
63
+ </ul>
64
+ </div>
65
+ <!-- /.container-fluid -->
66
+ </div>
67
+ <!-- /.content -->
68
+ </main>
69
+ <!-- /.app-content -->
70
+
71
+ <Footer />
72
+ </div>
73
+ <!-- ./app-wrapper -->
74
+
75
+ <Scripts path={path} />
76
+ </body>
77
+ </html>
package/src/{pages/examples/login.html → html/pages/examples/login.astro} RENAMED
@@ -1,25 +1,27 @@
1
+ ---
2
+ import Head from '@components/_head.astro';
3
+ import Scripts from '@components/_scripts.astro';
4
+
5
+ const title = 'AdminLTE 4 | Login Page'
6
+ const path = '../../../dist'
7
+ const htmlPath = '..'
8
+ ---
1
9
  <!DOCTYPE html>
2
10
  <html lang="en">
3
- <!-- For RTL verison -->
4
- <!-- <html lang="en" dir="rtl"> -->
5
11
  <head>
6
- <!-- icheck bootstrap -->
7
- @@include('./_head.html', {
8
- "path": "../..",
9
- "title": "AdminLTE 4 | Login Page"
10
- })
12
+ <Head title={title} path={path} />
11
13
  </head>
12
- <body class="login-page">
14
+ <body class="login-page bg-body-secondary">
13
15
  <div class="login-box">
14
16
  <div class="login-logo">
15
- <a href="../../index2.html"><b>Admin</b>LTE</a>
17
+ <a href={htmlPath + '/index2.html'}><b>Admin</b>LTE</a>
16
18
  </div>
17
19
  <!-- /.login-logo -->
18
20
  <div class="card">
19
21
  <div class="card-body login-card-body">
20
22
  <p class="login-box-msg">Sign in to start your session</p>
21
23
 
22
- <form action="../../index3.html" method="post">
24
+ <form action={htmlPath + '/index3.html'} method="post">
23
25
  <div class="input-group mb-3">
24
26
  <input type="email" class="form-control" placeholder="Email">
25
27
  <div class="input-group-text">
@@ -74,8 +76,6 @@
74
76
  </div>
75
77
  <!-- /.login-box -->
76
78
 
77
- @@include('./_scripts.html', {
78
- "path": "../.."
79
- })
79
+ <Scripts path={path} />
80
80
  </body>
81
81
  </html>
package/src/{pages/examples/register.html → html/pages/examples/register.astro} RENAMED
@@ -1,25 +1,27 @@
1
+ ---
2
+ import Head from '@components/_head.astro';
3
+ import Scripts from '@components/_scripts.astro';
4
+
5
+ const title = 'AdminLTE 4 | Register Page'
6
+ const path = '../../../dist'
7
+ const htmlPath = '..'
8
+ ---
1
9
  <!DOCTYPE html>
2
10
  <html lang="en">
3
- <!-- For RTL verison -->
4
- <!-- <html lang="en" dir="rtl"> -->
5
11
  <head>
6
- <!-- icheck bootstrap -->
7
- @@include('./_head.html', {
8
- "path": "../..",
9
- "title": "AdminLTE 4 | Register Page"
10
- })
12
+ <Head title={title} path={path} />
11
13
  </head>
12
- <body class="register-page">
14
+ <body class="register-page bg-body-secondary">
13
15
  <div class="register-box">
14
16
  <div class="register-logo">
15
- <a href="../../index2.html"><b>Admin</b>LTE</a>
17
+ <a href={htmlPath + '/index2.html'}><b>Admin</b>LTE</a>
16
18
  </div>
17
19
  <!-- /.register-logo -->
18
20
  <div class="card">
19
21
  <div class="card-body register-card-body">
20
22
  <p class="register-box-msg">Register a new membership</p>
21
23
 
22
- <form action="../../index3.html" method="post">
24
+ <form action={htmlPath + '/index3.html'} method="post">
23
25
  <div class="input-group mb-3">
24
26
  <input type="text" class="form-control" placeholder="Full Name">
25
27
  <div class="input-group-text">
@@ -77,8 +79,6 @@
77
79
  </div>
78
80
  <!-- /.register-box -->
79
81
 
80
- @@include('./_scripts.html', {
81
- "path": "../.."
82
- })
82
+ <Scripts path={path} />
83
83
  </body>
84
84
  </html>
package/src/{pages/forms/general.html → html/pages/forms/general.astro} RENAMED
@@ -1,31 +1,31 @@
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 = 'AdminLTE 4 | General Form Elements'
9
+ const path = '../../../dist'
10
+ const mainPage = 'forms'
11
+ const page = 'general'
12
+ ---
1
13
  <!DOCTYPE html>
2
14
  <html lang="en">
3
- <!-- For RTL verison -->
4
- <!-- <html lang="en" dir="rtl"> -->
5
15
  <head>
6
- @@include('./_head.html', {
7
- "path": "../..",
8
- "title": "AdminLTE 4 | General Form Elements"
9
- })
16
+ <Head title={title} path={path} />
10
17
  </head>
11
- <body class="layout-fixed">
12
- <div class="wrapper">
13
- @@include('./dashboard/_topbar.html', {
14
- "path": "../.."
15
- })
16
-
17
- @@include('./dashboard/_sidenav.html', {
18
- "mainPage": "forms",
19
- "page": "general",
20
- "path": "../.."
21
- })
18
+ <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
19
+ <div class="app-wrapper">
20
+ <Topbar path={path} />
21
+ <Sidenav path={path} mainPage={mainPage} page={page} />
22
22
  <!-- Main content -->
23
- <main class="content-wrapper">
24
- <div class="content-header">
23
+ <main class="app-main">
24
+ <div class="app-content-header">
25
25
  <div class="container-fluid">
26
- <div class="row mb-2">
26
+ <div class="row">
27
27
  <div class="col-sm-6">
28
- <h3>General Form</h3>
28
+ <h3 class="mb-0">General Form</h3>
29
29
  </div>
30
30
  <div class="col-sm-6">
31
31
  <ol class="breadcrumb float-sm-end">
@@ -37,7 +37,7 @@
37
37
  </div>
38
38
  </div>
39
39
  <!-- Main content -->
40
- <div class="content">
40
+ <div class="app-content">
41
41
  <div class="container-fluid">
42
42
  <div class="row g-4">
43
43
  <!-- Start column -->
@@ -82,16 +82,12 @@
82
82
  </div>
83
83
  <!-- /.content -->
84
84
  </main>
85
- <!-- /.content-wrapper -->
85
+ <!-- /.app-content -->
86
86
 
87
- @@include('./dashboard/_footer.html', {
88
- "path": "../.."
89
- })
87
+ <Footer />
90
88
  </div>
91
- <!-- ./wrapper -->
89
+ <!-- ./app-wrapper -->
92
90
 
93
- @@include('./_scripts.html', {
94
- "path": "../.."
95
- })
91
+ <Scripts path={path} />
96
92
  </body>
97
93
  </html>