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/pages/widgets/small-box.html DELETED
@@ -1,124 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <!-- For RTL verison -->
4
- <!-- <html lang="en" dir="rtl"> -->
5
- <head>
6
- @@include('./_head.html', {
7
- "path": "../..",
8
- "title": "AdminLTE 4 | Widgets - Small Box"
9
- })
10
- <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
11
- </head>
12
- <body class="layout-fixed">
13
- <div class="wrapper">
14
- @@include('./dashboard/_topbar.html', {
15
- "path": "../.."
16
- })
17
-
18
- @@include('./dashboard/_sidenav.html', {
19
- "mainPage": "widgets",
20
- "page": "small-box",
21
- "path": "../.."
22
- })
23
- <!-- Main content -->
24
- <main class="content-wrapper">
25
- <div class="content-header">
26
- <div class="container-fluid">
27
- <div class="row mb-2">
28
- <div class="col-sm-6">
29
- <h3>Small Box</h3>
30
- </div>
31
- <div class="col-sm-6">
32
- <ol class="breadcrumb float-sm-end">
33
- <li class="breadcrumb-item"><a href="#">Home</a></li>
34
- <li class="breadcrumb-item active" aria-current="page">Small Box</li>
35
- </ol>
36
- </div>
37
- </div>
38
- </div>
39
- </div>
40
- <!-- Main content -->
41
- <div class="content">
42
- <div class="container-fluid">
43
- <!-- Small Box (Stat card) -->
44
- <h5 class="mb-2">Small Box</h5>
45
- <div class="row">
46
- <div class="col-lg-3 col-6">
47
- <!-- small box -->
48
- <div class="small-box text-bg-primary">
49
- <div class="inner">
50
- <h3>150</h3>
51
-
52
- <p>New Orders</p>
53
- </div>
54
- <div class="icon">
55
- <i class="inner-icon ion ion-bag"></i>
56
- </div>
57
- <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
58
- </div>
59
- </div>
60
- <!-- ./col -->
61
- <div class="col-lg-3 col-6">
62
- <!-- small box -->
63
- <div class="small-box text-bg-success">
64
- <div class="inner">
65
- <h3>53<sup class="fs-5">%</sup></h3>
66
-
67
- <p>Bounce Rate</p>
68
- </div>
69
- <div class="icon">
70
- <i class="inner-icon ion ion-stats-bars"></i>
71
- </div>
72
- <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
73
- </div>
74
- </div>
75
- <!-- ./col -->
76
- <div class="col-lg-3 col-6">
77
- <!-- small box -->
78
- <div class="small-box text-bg-warning">
79
- <div class="inner">
80
- <h3>44</h3>
81
-
82
- <p>User Registrations</p>
83
- </div>
84
- <div class="icon">
85
- <i class="inner-icon ion ion-person-add"></i>
86
- </div>
87
- <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
88
- </div>
89
- </div>
90
- <!-- ./col -->
91
- <div class="col-lg-3 col-6">
92
- <!-- small box -->
93
- <div class="small-box text-bg-danger">
94
- <div class="inner">
95
- <h3>65</h3>
96
-
97
- <p>Unique Visitors</p>
98
- </div>
99
- <div class="icon">
100
- <i class="inner-icon ion ion-pie-graph"></i>
101
- </div>
102
- <a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
103
- </div>
104
- </div>
105
- <!-- ./col -->
106
- </div>
107
- <!-- /.row -->
108
- </div><!-- /.container-fluid -->
109
- </div>
110
- <!-- /.content -->
111
- </main>
112
- <!-- /.content-wrapper -->
113
-
114
- @@include('./dashboard/_footer.html', {
115
- "path": "../.."
116
- })
117
- </div>
118
- <!-- ./wrapper -->
119
-
120
- @@include('./_scripts.html', {
121
- "path": "../.."
122
- })
123
- </body>
124
- </html>
package/src/partials/_head.html DELETED
@@ -1,31 +0,0 @@
1
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
2
- <!-- Primary Meta Tags -->
3
- <title>@@title</title>
4
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
- <meta name="title" content="@@title">
6
- <meta name="author" content="ColorlibHQ">
7
- <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.">
8
- <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" />
9
- <!-- By adding @@path/css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is light. -->
10
- <meta name="color-scheme" content="light dark">
11
- <!-- By adding @@path/css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is dark. -->
12
- <!-- <meta name="color-scheme" content="dark light"> -->
13
-
14
- <!-- OPTIONAL LINKS -->
15
-
16
- <!-- Google Font: Source Sans Pro -->
17
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
18
-
19
- <!-- overlayScrollbars -->
20
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.0.3/styles/overlayscrollbars.min.css" integrity="sha256-57dSpDS5wv9AYEEmLxcPfrVnygNCdqDWOXyoR46L9H0=" crossorigin="anonymous">
21
-
22
- <!-- Font Awesome -->
23
- <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">
24
-
25
- <!-- REQUIRED LINKS -->
26
-
27
- <!-- Theme style -->
28
- <link rel="stylesheet" href="@@path/css/adminlte.css">
29
-
30
- <!-- For RTL verison use @@path/css/rtl/adminlte.rtl.css, remove dist/css/adminlte.css -->
31
- <!-- <link rel="stylesheet" href="@@path/css/rtl/adminlte.rtl.css""> -->
package/src/partials/_scripts.html DELETED
@@ -1,95 +0,0 @@
1
- <!-- OPTIONAL SCRIPTS -->
2
- <!-- overlayScrollbars -->
3
- <script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.0.3/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-/dwBbLeVyyWBtWfH3jHdL2oVVmLKoGnEFzoOSL3nJC0=" crossorigin="anonymous"></script>
4
-
5
- <!-- OPTIONAL SCRIPT For Bootstrap 5 -->
6
- <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>
7
-
8
- <!-- Bootstrap 5 -->
9
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
10
-
11
- <!-- REQUIRED SCRIPTS -->
12
- <!-- AdminLTE App -->
13
- <script src="@@path/js/adminlte.js"></script>
14
-
15
- <!-- OPTIONAL SCRIPTS -->
16
- <script>
17
- const SELECTOR_SIDEBAR = '.sidebar'
18
- const Default = {
19
- scrollbarTheme: 'os-theme-light',
20
- scrollbarAutoHide: 'leave'
21
- }
22
-
23
- document.addEventListener("DOMContentLoaded", function() {
24
- if (typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
25
- OverlayScrollbarsGlobal.OverlayScrollbars(document.querySelector(SELECTOR_SIDEBAR), {
26
- scrollbars: {
27
- theme: Default.scrollbarTheme,
28
- autoHide: Default.scrollbarAutoHide,
29
- clickScroll: true
30
- }
31
- })
32
- }
33
- })
34
- </script>
35
-
36
- <!-- DON'T USE THIS IN PRODUCTION -->
37
- <script>
38
- // Color Mode Toggler
39
- (() => {
40
- 'use strict'
41
-
42
- const storedTheme = localStorage.getItem('theme')
43
-
44
- const getPreferredTheme = () => {
45
- if (storedTheme) {
46
- return storedTheme
47
- }
48
-
49
- return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
50
- }
51
-
52
- const setTheme = function (theme) {
53
- if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
54
- document.documentElement.setAttribute('data-bs-theme', 'dark')
55
- } else {
56
- document.documentElement.setAttribute('data-bs-theme', theme)
57
- }
58
- }
59
-
60
- setTheme(getPreferredTheme())
61
-
62
- const showActiveTheme = theme => {
63
- const activeThemeIcon = document.querySelector('.theme-icon-active i')
64
- const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
65
- const svgOfActiveBtn = btnToActive.querySelector('i').getAttribute('class')
66
-
67
- document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
68
- element.classList.remove('active')
69
- })
70
-
71
- btnToActive.classList.add('active')
72
- activeThemeIcon.setAttribute('class', svgOfActiveBtn)
73
- }
74
-
75
- window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
76
- if (storedTheme !== 'light' || storedTheme !== 'dark') {
77
- setTheme(getPreferredTheme())
78
- }
79
- })
80
-
81
- window.addEventListener('DOMContentLoaded', () => {
82
- showActiveTheme(getPreferredTheme())
83
-
84
- document.querySelectorAll('[data-bs-theme-value]')
85
- .forEach(toggle => {
86
- toggle.addEventListener('click', () => {
87
- const theme = toggle.getAttribute('data-bs-theme-value')
88
- localStorage.setItem('theme', theme)
89
- setTheme(theme)
90
- showActiveTheme(theme)
91
- })
92
- })
93
- })
94
- })()
95
- </script>
package/src/partials/dashboard/_footer.html DELETED
@@ -1,9 +0,0 @@
1
- <!-- Main Footer -->
2
- <footer class="main-footer">
3
- <!-- To the end -->
4
- <div class="float-end d-none d-sm-inline">
5
- Anything you want
6
- </div>
7
- <!-- Default to the start -->
8
- <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
9
- </footer>
package/src/partials/dashboard/_sidenav.html DELETED
@@ -1,244 +0,0 @@
1
- <!-- Main Sidebar Container -->
2
- <aside class="main-sidebar sidebar-bg-dark sidebar-color-primary shadow">
3
- <div class="brand-container">
4
- <a href="javascript:;" class="brand-link">
5
- <img src="@@path/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
6
- <span class="brand-text fw-light">AdminLTE 4</span>
7
- </a>
8
- <a class="pushmenu mx-1" data-lte-toggle="sidebar-mini" href="javascript:;" role="button"><i class="fa-solid fa-angle-double-left"></i></a>
9
- </div>
10
- <!-- Sidebar -->
11
- <div class="sidebar">
12
- <nav class="mt-2">
13
- <!-- Sidebar Menu -->
14
- <ul class="nav nav-pills nav-sidebar flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
15
- <li class="nav-item @@if (context.mainPage === 'dashboard') {menu-open}">
16
- <a href="javascript:;" class="nav-link @@if (context.mainPage === 'dashboard') {active}">
17
- <i class="nav-icon fa-solid fa-circle"></i>
18
- <p>
19
- Dashboard
20
- <i class="end fa-solid fa-angle-right"></i>
21
- </p>
22
- </a>
23
- <ul class="nav nav-treeview">
24
- <li class="nav-item">
25
- <a href="@@path/index.html" class="nav-link @@if (context.page === 'index') {active}">
26
- <i class="nav-icon fa-regular fa-circle"></i>
27
- <p>Dashboard v1</p>
28
- </a>
29
- </li>
30
- <li class="nav-item">
31
- <a href="@@path/index2.html" class="nav-link @@if (context.page === 'index2') {active}">
32
- <i class="nav-icon fa-regular fa-circle"></i>
33
- <p>Dashboard v2</p>
34
- </a>
35
- </li>
36
- <li class="nav-item">
37
- <a href="@@path/index3.html" class="nav-link @@if (context.page === 'index3') {active}">
38
- <i class="nav-icon fa-regular fa-circle"></i>
39
- <p>Dashboard v3</p>
40
- </a>
41
- </li>
42
- </ul>
43
- </li>
44
- <li class="nav-item @@if (context.mainPage === 'widgets') {menu-open}">
45
- <a href="javascript:;" class="nav-link @@if (context.mainPage === 'widgets') {active}">
46
- <i class="nav-icon fa-solid fa-circle"></i>
47
- <p>
48
- Widgets
49
- <i class="end fa-solid fa-angle-right"></i>
50
- </p>
51
- </a>
52
- <ul class="nav nav-treeview">
53
- <li class="nav-item">
54
- <a href="@@path/pages/widgets/small-box.html" class="nav-link @@if (context.page === 'small-box') {active}">
55
- <i class="nav-icon fa-regular fa-circle"></i>
56
- <p>Small Box</p>
57
- </a>
58
- </li>
59
- <li class="nav-item">
60
- <a href="@@path/pages/widgets/info-box.html" class="nav-link @@if (context.page === 'info-box') {active}">
61
- <i class="nav-icon fa-regular fa-circle"></i>
62
- <p>info Box</p>
63
- </a>
64
- </li>
65
- <li class="nav-item">
66
- <a href="@@path/pages/widgets/cards.html" class="nav-link @@if (context.page === 'cards') {active}">
67
- <i class="nav-icon fa-regular fa-circle"></i>
68
- <p>Cards</p>
69
- </a>
70
- </li>
71
- </ul>
72
- </li>
73
-
74
- <li class="nav-item @@if (context.mainPage === 'layout') {menu-open}">
75
- <a href="javascript:;" class="nav-link @@if (context.mainPage === 'layout') {active}">
76
- <i class="nav-icon fa-solid fa-circle"></i>
77
- <p>
78
- Layout Options
79
- <span class="badge text-bg-info float-end me-3">6</span>
80
- <i class="end fa-solid fa-angle-right"></i>
81
- </p>
82
- </a>
83
- <ul class="nav nav-treeview">
84
- <li class="nav-item">
85
- <a href="@@path/pages/layout/unfixed-sidebar.html" class="nav-link @@if (context.page === 'unfixed-sidebar') {active}">
86
- <i class="nav-icon fa-regular fa-circle"></i>
87
- <p>Unfixed Sidebar</p>
88
- </a>
89
- </li>
90
- <li class="nav-item">
91
- <a href="@@path/pages/layout/fixed-sidebar.html" class="nav-link @@if (context.page === 'fixed-sidebar') {active}">
92
- <i class="nav-icon fa-regular fa-circle"></i>
93
- <p>Fixed Sidebar</p>
94
- </a>
95
- </li>
96
- </ul>
97
- </li>
98
- <li class="nav-item @@if (context.mainPage === 'forms') {menu-open}">
99
- <a href="javascript:;" class="nav-link @@if (context.mainPage === 'forms') {active}">
100
- <i class="nav-icon fa-solid fa-circle"></i>
101
- <p>
102
- Forms
103
- <i class="end fa-solid fa-angle-right"></i>
104
- </p>
105
- </a>
106
- <ul class="nav nav-treeview">
107
- <li class="nav-item">
108
- <a href="@@path/pages/forms/general.html" class="nav-link @@if (context.page === 'general') {active}">
109
- <i class="nav-icon fa-regular fa-circle"></i>
110
- <p>General Elements</p>
111
- </a>
112
- </li>
113
- </ul>
114
- </li>
115
- <li class="nav-item @@if (context.mainPage === 'tables') {menu-open}">
116
- <a href="javascript:;" class="nav-link @@if (context.mainPage === 'tables') {active}">
117
- <i class="nav-icon fa-solid fa-circle"></i>
118
- <p>
119
- Tables
120
- <i class="end fa-solid fa-angle-right"></i>
121
- </p>
122
- </a>
123
- <ul class="nav nav-treeview">
124
- <li class="nav-item">
125
- <a href="@@path/pages/tables/simple.html" class="nav-link @@if (context.page === 'simple') {active}">
126
- <i class="nav-icon fa-regular fa-circle"></i>
127
- <p>Simple Tables</p>
128
- </a>
129
- </li>
130
- </ul>
131
- </li>
132
- <li class="nav-header">EXAMPLES</li>
133
- <li class="nav-item">
134
- <a href="javascript:;" class="nav-link">
135
- <i class="nav-icon fa-solid fa-arrow-right-to-bracket"></i>
136
- <p>
137
- Login & Register
138
- <i class="end fa-solid fa-angle-right"></i>
139
- </p>
140
- </a>
141
- <ul class="nav nav-treeview">
142
- <li class="nav-item">
143
- <a href="@@path/pages/examples/login.html" class="nav-link ">
144
- <i class="nav-icon fa-regular fa-circle"></i>
145
- <p>Login v1</p>
146
- </a>
147
- </li>
148
- <li class="nav-item">
149
- <a href="@@path/pages/examples/register.html" class="nav-link ">
150
- <i class="nav-icon fa-regular fa-circle"></i>
151
- <p>Register v1</p>
152
- </a>
153
- </li>
154
- </ul>
155
- </li>
156
- <li class="nav-header">MULTI LEVEL EXAMPLE</li>
157
- <li class="nav-item">
158
- <a href="javascript:;" class="nav-link">
159
- <i class="nav-icon fa-solid fa-circle"></i>
160
- <p>Level 1</p>
161
- </a>
162
- </li>
163
- <li class="nav-item">
164
- <a href="javascript:;" class="nav-link">
165
- <i class="nav-icon fa-solid fa-circle"></i>
166
- <p>
167
- Level 1
168
- <i class="end fa-solid fa-angle-right"></i>
169
- </p>
170
- </a>
171
- <ul class="nav nav-treeview">
172
- <li class="nav-item">
173
- <a href="javascript:;" class="nav-link">
174
- <i class="nav-icon fa-regular fa-circle"></i>
175
- <p>Level 2</p>
176
- </a>
177
- </li>
178
- <li class="nav-item">
179
- <a href="javascript:;" class="nav-link">
180
- <i class="nav-icon fa-regular fa-circle"></i>
181
- <p>
182
- Level 2
183
- <i class="end fa-solid fa-angle-right"></i>
184
- </p>
185
- </a>
186
- <ul class="nav nav-treeview">
187
- <li class="nav-item">
188
- <a href="javascript:;" class="nav-link">
189
- <i class="nav-icon fa-regular fa-dot-circle"></i>
190
- <p>Level 3</p>
191
- </a>
192
- </li>
193
- <li class="nav-item">
194
- <a href="javascript:;" class="nav-link">
195
- <i class="nav-icon fa-regular fa-dot-circle"></i>
196
- <p>Level 3</p>
197
- </a>
198
- </li>
199
- <li class="nav-item">
200
- <a href="javascript:;" class="nav-link">
201
- <i class="nav-icon fa-regular fa-dot-circle"></i>
202
- <p>Level 3</p>
203
- </a>
204
- </li>
205
- </ul>
206
- </li>
207
- <li class="nav-item">
208
- <a href="javascript:;" class="nav-link">
209
- <i class="nav-icon fa-regular fa-circle"></i>
210
- <p>Level 2</p>
211
- </a>
212
- </li>
213
- </ul>
214
- </li>
215
- <li class="nav-item">
216
- <a href="javascript:;" class="nav-link">
217
- <i class="nav-icon fa-solid fa-circle"></i>
218
- <p>Level 1</p>
219
- </a>
220
- </li>
221
- <li class="nav-header">LABELS</li>
222
- <li class="nav-item">
223
- <a href="javascript:;" class="nav-link">
224
- <i class="nav-icon fa-regular fa-circle text-danger"></i>
225
- <p class="text">Important</p>
226
- </a>
227
- </li>
228
- <li class="nav-item">
229
- <a href="javascript:;" class="nav-link">
230
- <i class="nav-icon fa-regular fa-circle text-warning"></i>
231
- <p>Warning</p>
232
- </a>
233
- </li>
234
- <li class="nav-item">
235
- <a href="javascript:;" class="nav-link">
236
- <i class="nav-icon fa-regular fa-circle text-info"></i>
237
- <p>Informational</p>
238
- </a>
239
- </li>
240
- </ul>
241
- </nav>
242
- </div>
243
- <!-- /.sidebar -->
244
- </aside>
package/src/scss/_brand-container.scss DELETED
@@ -1,72 +0,0 @@
1
- //
2
- // Core: Brand
3
- //
4
-
5
- .brand-container {
6
- display: grid;
7
- grid-template-areas: "brand-link pushmenu";
8
- justify-content: space-between;
9
- padding: $lte-brand-link-padding-y $lte-sidebar-padding-x;
10
- overflow: hidden;
11
- font-size: $navbar-brand-font-size;
12
- white-space: nowrap;
13
- @include transition(width $lte-transition-speed $lte-transition-fn);
14
-
15
- .brand-link {
16
- grid-area: brand-link;
17
-
18
- &:hover {
19
- text-decoration: none;
20
- }
21
-
22
- .brand-image {
23
- float: left;
24
- width: auto;
25
- max-height: 33px;
26
- margin-top: -3px;
27
- margin-right: .5rem;
28
- margin-left: .8rem;
29
- line-height: .8;
30
- }
31
- }
32
-
33
- .pushmenu {
34
- grid-area: pushmenu;
35
- }
36
-
37
- .sidebar-bg-dark & {
38
- border-bottom: $lte-brand-link-border-buttom solid $gray-700;
39
-
40
- .brand-link,
41
- .pushmenu {
42
- color: rgba($white, .8);
43
-
44
- &:hover {
45
- color: $white;
46
- }
47
- }
48
- }
49
-
50
- .sidebar-bg-light & {
51
- border-bottom: $lte-brand-link-border-buttom solid $gray-300;
52
-
53
- .brand-link,
54
- .pushmenu {
55
- color: rgba($black, .8);
56
-
57
- &:hover {
58
- color: $black;
59
- }
60
- }
61
- }
62
- }
63
-
64
- .sidebar-collapse:not(.sidebar-is-hover) {
65
- .brand-container {
66
- justify-content: center;
67
-
68
- .brand-link {
69
- width: 0;
70
- }
71
- }
72
- }
package/src/scss/_content-header.scss DELETED
@@ -1,9 +0,0 @@
1
- .content-header {
2
- padding: 1rem $lte-content-padding-x;
3
-
4
- .breadcrumb {
5
- padding: 0;
6
- margin-bottom: 0;
7
- line-height: 2.5rem;
8
- }
9
- }
package/src/scss/_content-wrapper.scss DELETED
@@ -1,6 +0,0 @@
1
- .content-wrapper {
2
- grid-area: content-wrapper;
3
- padding-bottom: 1rem;
4
- color: var(--#{$lte-prefix}main-color);
5
- background-color: var(--#{$lte-prefix}main-bg);
6
- }
package/src/scss/_content.scss DELETED
@@ -1,3 +0,0 @@
1
- .content {
2
- padding: $lte-content-padding-y $lte-content-padding-x;
3
- }
package/src/scss/_layout-fixed.scss DELETED
@@ -1,43 +0,0 @@
1
- @include media-breakpoint-up(lg) {
2
- .layout-fixed:not(.sidebar-horizontal) {
3
- .main-sidebar {
4
- position: fixed;
5
- top: auto;
6
- bottom: 0;
7
- left: 0;
8
- float: none;
9
-
10
- .sidebar {
11
- height: subtract(100vh, add($lte-main-header-height-inner, $lte-main-header-bottom-border-width));
12
- }
13
- }
14
-
15
- .main-header,
16
- .content-wrapper,
17
- .main-footer {
18
- margin-left: var(--#{$lte-prefix}sidebar-width);
19
- @include transition($lte-transition-speed $lte-transition-fn);
20
- }
21
-
22
- &.sidebar-collapse {
23
- .main-header,
24
- .content-wrapper,
25
- .main-footer {
26
- margin-left: $lte-sidebar-mini-width;
27
- }
28
- }
29
-
30
- &.sidebar-close {
31
- .main-header,
32
- .content-wrapper,
33
- .main-footer {
34
- margin-left: 0;
35
- }
36
- }
37
- }
38
-
39
- // .layout-fixed.fs-7 .wrapper .sidebar {
40
- // // stylelint-disable-next-line
41
- // height: calc(100vh - (#{$lte-main-header-height-sm-inner} + #{$lte-main-header-bottom-border-width}));
42
- // }
43
- }
package/src/scss/_layout-mobile.scss DELETED
@@ -1,22 +0,0 @@
1
- @include media-breakpoint-down(lg) {
2
- .wrapper {
3
- .main-sidebar {
4
- position: fixed;
5
- top: 0;
6
- bottom: 0;
7
- min-height: 100vh;
8
- margin-left: calc(var(--#{$lte-prefix}sidebar-width) * -1); // stylelint-disable-line function-disallowed-list
9
-
10
- .sidebar {
11
- overflow-x: hidden;
12
- overflow-y: auto;
13
- }
14
- }
15
- }
16
-
17
- .sidebar-open {
18
- .main-sidebar {
19
- margin-left: 0;
20
- }
21
- }
22
- }