admin-lte 4.0.0-alpha2 → 4.0.0-beta1

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 (142) hide show
  1. package/.bundlewatch.config.json +6 -6
  2. package/.cache/.eslintcache +1 -1
  3. package/.cache/.stylelintcache +1 -1
  4. package/.gitpod.yml +1 -1
  5. package/README.md +9 -4
  6. package/dist/assets/img/AdminLTEFullLogo.png +0 -0
  7. package/dist/css/adminlte.css +879 -418
  8. package/dist/css/adminlte.css.map +1 -1
  9. package/dist/css/adminlte.min.css +2 -2
  10. package/dist/css/adminlte.min.css.map +1 -1
  11. package/dist/css/adminlte.rtl.css +886 -416
  12. package/dist/css/adminlte.rtl.css.map +1 -1
  13. package/dist/css/adminlte.rtl.min.css +2 -2
  14. package/dist/css/adminlte.rtl.min.css.map +1 -1
  15. package/dist/js/adminlte.js +178 -96
  16. package/dist/js/adminlte.js.map +1 -1
  17. package/dist/js/adminlte.min.js +3 -3
  18. package/dist/js/adminlte.min.js.map +1 -1
  19. package/dist/pages/UI/general.html +895 -0
  20. package/dist/pages/UI/timeline.html +309 -515
  21. package/dist/pages/docs/browser-support.html +265 -433
  22. package/dist/pages/docs/color-mode.html +482 -615
  23. package/dist/pages/docs/components/main-header.html +516 -703
  24. package/dist/pages/docs/components/main-sidebar.html +550 -0
  25. package/dist/pages/docs/faq.html +433 -0
  26. package/dist/pages/docs/how-to-contribute.html +474 -0
  27. package/dist/pages/docs/introduction.html +463 -0
  28. package/dist/pages/docs/javascript/treeview.html +453 -0
  29. package/dist/pages/docs/layout.html +293 -433
  30. package/dist/pages/docs/license.html +436 -0
  31. package/dist/pages/examples/lockscreen.html +69 -0
  32. package/dist/pages/examples/login-v2.html +88 -0
  33. package/dist/pages/examples/login.html +49 -100
  34. package/dist/pages/examples/register-v2.html +90 -0
  35. package/dist/pages/examples/register.html +50 -103
  36. package/dist/pages/forms/general.html +430 -454
  37. package/dist/pages/index.html +466 -740
  38. package/dist/pages/index2.html +672 -1041
  39. package/dist/pages/index3.html +371 -629
  40. package/dist/pages/layout/collapsed-sidebar.html +441 -0
  41. package/dist/pages/layout/fixed-complete.html +541 -0
  42. package/dist/pages/layout/fixed-sidebar.html +263 -446
  43. package/dist/pages/layout/layout-rtl.html +263 -445
  44. package/dist/pages/layout/logo-switch.html +234 -0
  45. package/dist/pages/layout/sidebar-mini.html +263 -445
  46. package/dist/pages/layout/unfixed-sidebar.html +263 -445
  47. package/dist/pages/tables/simple.html +314 -499
  48. package/dist/pages/widgets/cards.html +326 -629
  49. package/dist/pages/widgets/info-box.html +348 -674
  50. package/dist/pages/widgets/small-box.html +279 -465
  51. package/index.html +6 -10
  52. package/package.json +34 -30
  53. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  54. package/src/config/astro.config.mjs +3 -1
  55. package/src/html/.prettierrc.js +11 -0
  56. package/src/html/components/_head.astro +32 -26
  57. package/src/html/components/_scripts.astro +27 -28
  58. package/src/html/components/dashboard/_footer.astro +14 -8
  59. package/src/html/components/dashboard/_sidenav.astro +352 -113
  60. package/src/html/components/dashboard/_topbar.astro +99 -50
  61. package/src/html/components/docs/{browser-support/index.md → browser-support.mdx} +2 -1
  62. package/src/html/components/docs/color-mode.mdx +169 -0
  63. package/src/html/components/docs/components/{main-header-1.md → main-header.mdx} +60 -21
  64. package/src/html/components/docs/components/main-sidebar.mdx +129 -0
  65. package/src/html/components/docs/faq.mdx +11 -0
  66. package/src/html/components/docs/how-to-contribute.mdx +34 -0
  67. package/src/html/components/docs/{introduction/index.md → introduction.mdx} +30 -5
  68. package/src/html/components/docs/license.mdx +9 -0
  69. package/src/html/components/javascript/treeview.mdx +39 -0
  70. package/src/html/pages/UI/general.astro +1451 -0
  71. package/src/html/pages/UI/timeline.astro +111 -48
  72. package/src/html/pages/docs/browser-support.astro +24 -11
  73. package/src/html/pages/docs/color-mode.astro +91 -42
  74. package/src/html/pages/docs/components/main-header.astro +134 -46
  75. package/src/html/pages/docs/components/main-sidebar.astro +71 -0
  76. package/src/html/pages/docs/faq.astro +71 -0
  77. package/src/html/pages/docs/how-to-contribute.astro +71 -0
  78. package/src/html/pages/docs/{index.astro → introduction.astro} +24 -11
  79. package/src/html/pages/docs/javascript/treeview.astro +71 -0
  80. package/src/html/pages/docs/layout.astro +62 -19
  81. package/src/html/pages/docs/license.astro +71 -0
  82. package/src/html/pages/examples/lockscreen.astro +63 -0
  83. package/src/html/pages/examples/login-v2.astro +109 -0
  84. package/src/html/pages/examples/login.astro +34 -16
  85. package/src/html/pages/examples/register-v2.astro +116 -0
  86. package/src/html/pages/examples/register.astro +36 -18
  87. package/src/html/pages/forms/general.astro +568 -37
  88. package/src/html/pages/index.astro +403 -157
  89. package/src/html/pages/index2.astro +715 -255
  90. package/src/html/pages/index3.astro +298 -197
  91. package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
  92. package/src/html/pages/layout/fixed-complete.astro +209 -0
  93. package/src/html/pages/layout/fixed-sidebar.astro +52 -27
  94. package/src/html/pages/layout/layout-rtl.astro +53 -28
  95. package/src/html/pages/layout/logo-switch.astro +212 -0
  96. package/src/html/pages/layout/sidebar-mini.astro +53 -28
  97. package/src/html/pages/layout/unfixed-sidebar.astro +51 -27
  98. package/src/html/pages/tables/simple.astro +226 -86
  99. package/src/html/pages/widgets/cards.astro +137 -72
  100. package/src/html/pages/widgets/info-box.astro +96 -41
  101. package/src/html/pages/widgets/small-box.astro +93 -32
  102. package/src/scss/_app-content.scss +52 -0
  103. package/src/scss/_app-footer.scss +1 -1
  104. package/src/scss/_app-main.scss +6 -5
  105. package/src/scss/_app-sidebar.scss +244 -70
  106. package/src/scss/_bootstrap-variables.scss +26 -22
  107. package/src/scss/_callouts.scss +6 -0
  108. package/src/scss/_cards.scss +32 -7
  109. package/src/scss/_compact-mode.scss +79 -0
  110. package/src/scss/_direct-chat.scss +5 -0
  111. package/src/scss/_dropdown.scss +1 -0
  112. package/src/scss/_info-box.scss +2 -10
  113. package/src/scss/_small-box.scss +0 -3
  114. package/src/scss/_timeline.scss +1 -0
  115. package/src/scss/_toasts.scss +33 -0
  116. package/src/scss/_variables.scss +32 -9
  117. package/src/scss/adminlte.scss +1 -2
  118. package/src/scss/mixins/_animations.scss +0 -5
  119. package/src/scss/pages/_lockscreen.scss +75 -0
  120. package/src/scss/pages/_login_and_register.scss +1 -3
  121. package/src/scss/parts/_core.scss +2 -0
  122. package/src/scss/parts/_extra-components.scss +1 -0
  123. package/src/scss/parts/_pages.scss +1 -0
  124. package/src/ts/adminlte.ts +3 -1
  125. package/src/ts/card-widget.ts +20 -52
  126. package/src/ts/direct-chat.ts +5 -4
  127. package/src/ts/fullscreen.ts +110 -0
  128. package/src/ts/layout.ts +5 -4
  129. package/src/ts/push-menu.ts +6 -22
  130. package/src/ts/treeview.ts +34 -11
  131. package/src/ts/util/index.ts +15 -13
  132. package/src/utils/index.js +20 -3
  133. package/.idea/AdminLTE.iml +0 -12
  134. package/.idea/codeStyles/Project.xml +0 -29
  135. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  136. package/.idea/inspectionProfiles/Project_Default.xml +0 -7
  137. package/.idea/modules.xml +0 -8
  138. package/.idea/php.xml +0 -28
  139. package/.idea/vcs.xml +0 -6
  140. package/dist/pages/docs.html +0 -617
  141. package/src/html/components/docs/color-mode/navbar-html.md +0 -80
  142. package/src/html/components/docs/color-mode/toggle-script.md +0 -48
package/src/html/pages/docs/components/main-header.astro CHANGED
@@ -2,29 +2,37 @@
2
2
  import Head from "@components/_head.astro";
3
3
  import Footer from "@components/dashboard/_footer.astro";
4
4
  import Topbar from "@components/dashboard/_topbar.astro";
5
- import MainHeader1 from "@components/docs/components/main-header-1.md";
5
+ import MainHeader from "@components/docs/components/main-header.mdx";
6
6
  import Sidenav from "@components/dashboard/_sidenav.astro";
7
7
  import Scripts from "@components/_scripts.astro";
8
+
8
9
  const title = "Main Header Component | AdminLTE 4";
9
- const path = '../../../../dist'
10
+ const path = "../../../../dist";
10
11
  const mainPage = "components";
11
12
  const page = "main-header";
12
- const distPath = path
13
+ const distPath = path;
13
14
  ---
14
15
 
15
16
  <!DOCTYPE html>
16
17
  <html lang="en">
18
+ <!--begin::Head-->
17
19
  <head>
18
20
  <Head title={title} path={path} />
19
21
  </head>
22
+ <!--end::Head-->
23
+ <!--begin::Body-->
20
24
  <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
25
+ <!--begin::App Wrapper-->
21
26
  <div class="app-wrapper">
22
27
  <Topbar path={path} />
23
28
  <Sidenav path={path} mainPage={mainPage} page={page} />
24
- <!-- Main content -->
29
+ <!--begin::App Main-->
25
30
  <main class="app-main">
31
+ <!--begin::App Content Header-->
26
32
  <div class="app-content-header">
33
+ <!--begin::Container-->
27
34
  <div class="container-fluid">
35
+ <!--begin::Row-->
28
36
  <div class="row">
29
37
  <div class="col-sm-6">
30
38
  <h3 class="mb-0">Main Header Component</h3>
@@ -38,32 +46,50 @@ const distPath = path
38
46
  </ol>
39
47
  </div>
40
48
  </div>
49
+ <!--end::Row-->
41
50
  </div>
51
+ <!--end::Container-->
42
52
  </div>
43
- <!-- Main content -->
53
+ <!--end::App Content Header-->
54
+ <!--begin::App Content-->
44
55
  <div class="app-content">
56
+ <!--begin::Container-->
45
57
  <div class="container-fluid">
46
58
  <div class="callout callout-warning mb-4">
47
59
  <h5 class="fw-bold">Reminder!</h5>
48
60
  <p>
49
- AdminLTE uses all of Bootstrap 5 components. It's a good start to review the [Bootstrap documentation](https://getbootstrap.com/) to get an idea of the various components that this documentation <b>does not</b> cover.
61
+ AdminLTE uses all of Bootstrap 5 components. It's a good start
62
+ to review the <a href="https://getbootstrap.com/" target="_blank" rel="noopener noreferrer" class="callout-link">
63
+ Bootstrap documentation
64
+ </a> to get an idea of the
65
+ various components that this documentation <b>does not</b> cover.
50
66
  </p>
51
67
  </div>
52
68
 
53
69
  <div class="callout callout-info mb-4">
54
70
  <h5 class="fw-bold">Tips!</h5>
55
71
  <p>
56
- If you go through the example pages and would like to copy a component, right-click on the component and choose “inspect element” to get to the HTML quicker than scanning the HTML page.
72
+ If you go through the example pages and would like to copy a
73
+ component, right-click on the component and choose “inspect
74
+ element” to get to the HTML quicker than scanning the HTML page.
57
75
  </p>
58
76
  </div>
59
77
 
60
78
  <!-- Navbar -->
61
79
  <nav class="navbar navbar-expand bg-body">
80
+ <!--begin::Container-->
62
81
  <div class="container-fluid">
63
82
  <!-- Start navbar links -->
64
83
  <ul class="navbar-nav">
65
84
  <li class="nav-item">
66
- <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"><i class="fa-solid fa-bars"></i></a>
85
+ <a
86
+ class="nav-link"
87
+ data-lte-toggle="sidebar"
88
+ href="#"
89
+ role="button"
90
+ >
91
+ <i class="bi bi-list"></i>
92
+ </a>
67
93
  </li>
68
94
  <li class="nav-item d-none d-md-block">
69
95
  <a href="#" class="nav-link">Home</a>
@@ -77,31 +103,46 @@ const distPath = path
77
103
  <ul class="navbar-nav ms-auto">
78
104
  <!-- Navbar Search -->
79
105
  <li class="nav-item">
80
- <a class="nav-link" data-widget="navbar-search" href="#" role="button">
81
- <i class="fa-solid fa-search"></i>
106
+ <a
107
+ class="nav-link"
108
+ data-widget="navbar-search"
109
+ href="#"
110
+ role="button"
111
+ >
112
+ <i class="bi bi-search"></i>
82
113
  </a>
83
114
  </li>
84
115
 
85
116
  <!-- Messages Dropdown Menu -->
86
117
  <li class="nav-item dropdown">
87
118
  <a class="nav-link" data-bs-toggle="dropdown" href="#">
88
- <i class="fa-regular fa-comments"></i>
119
+ <i class="bi bi-chat-text"></i>
89
120
  <span class="navbar-badge badge text-bg-danger">3</span>
90
121
  </a>
91
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
122
+ <div
123
+ class="dropdown-menu dropdown-menu-lg dropdown-menu-end"
124
+ >
92
125
  <a href="#" class="dropdown-item">
93
126
  <!-- Message Start -->
94
127
  <div class="d-flex">
95
128
  <div class="flex-shrink-0">
96
- <img src={distPath + '/assets/img/user1-128x128.jpg'} alt="User Avatar" class="img-size-50 rounded-circle me-3">
129
+ <img
130
+ src={distPath + "/assets/img/user1-128x128.jpg"}
131
+ alt="User Avatar"
132
+ class="img-size-50 rounded-circle me-3"
133
+ />
97
134
  </div>
98
135
  <div class="flex-grow-1">
99
136
  <h3 class="dropdown-item-title">
100
137
  Brad Diesel
101
- <span class="float-end fs-7 text-danger"><i class="fa-solid fa-star"></i></span>
138
+ <span class="float-end fs-7 text-danger">
139
+ <i class="bi bi-star-fill"></i>
140
+ </span>
102
141
  </h3>
103
142
  <p class="fs-7">Call me whenever you can...</p>
104
- <p class="fs-7 text-secondary"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
143
+ <p class="fs-7 text-secondary">
144
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
145
+ </p>
105
146
  </div>
106
147
  </div>
107
148
  <!-- Message End -->
@@ -111,15 +152,23 @@ const distPath = path
111
152
  <!-- Message Start -->
112
153
  <div class="d-flex">
113
154
  <div class="flex-shrink-0">
114
- <img src={distPath + '/assets/img/user8-128x128.jpg'} alt="User Avatar" class="img-size-50 rounded-circle me-3">
155
+ <img
156
+ src={distPath + "/assets/img/user8-128x128.jpg"}
157
+ alt="User Avatar"
158
+ class="img-size-50 rounded-circle me-3"
159
+ />
115
160
  </div>
116
161
  <div class="flex-grow-1">
117
162
  <h3 class="dropdown-item-title">
118
163
  John Pierce
119
- <span class="float-end fs-7 text-secondary"><i class="fa-solid fa-star"></i></span>
164
+ <span class="float-end fs-7 text-secondary">
165
+ <i class="bi bi-star-fill"></i>
166
+ </span>
120
167
  </h3>
121
168
  <p class="fs-7">I got your message bro</p>
122
- <p class="fs-7 text-secondary"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
169
+ <p class="fs-7 text-secondary">
170
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
171
+ </p>
123
172
  </div>
124
173
  </div>
125
174
  <!-- Message End -->
@@ -129,59 +178,94 @@ const distPath = path
129
178
  <!-- Message Start -->
130
179
  <div class="d-flex">
131
180
  <div class="flex-shrink-0">
132
- <img src={distPath + '/assets/img/user3-128x128.jpg'}alt="User Avatar" class="img-size-50 rounded-circle me-3">
181
+ <img
182
+ src={distPath + "/assets/img/user3-128x128.jpg"}
183
+ alt="User Avatar"
184
+ class="img-size-50 rounded-circle me-3"
185
+ />
133
186
  </div>
134
187
  <div class="flex-grow-1">
135
188
  <h3 class="dropdown-item-title">
136
189
  Nora Silvester
137
- <span class="float-end fs-7 text-warning"><i class="fa-solid fa-star"></i></span>
190
+ <span class="float-end fs-7 text-warning">
191
+ <i class="bi bi-star-fill"></i>
192
+ </span>
138
193
  </h3>
139
194
  <p class="fs-7">The subject goes here</p>
140
- <p class="fs-7 text-secondary"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
195
+ <p class="fs-7 text-secondary">
196
+ <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
197
+ </p>
141
198
  </div>
142
199
  </div>
143
200
  <!-- Message End -->
144
201
  </a>
145
202
  <div class="dropdown-divider"></div>
146
- <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
203
+ <a href="#" class="dropdown-item dropdown-footer">
204
+ See All Messages
205
+ </a>
147
206
  </div>
148
207
  </li>
149
208
  <!-- Notifications Dropdown Menu -->
150
209
  <li class="nav-item dropdown">
151
210
  <a class="nav-link" data-bs-toggle="dropdown" href="#">
152
- <i class="fa-regular fa-bell"></i>
211
+ <i class="bi bi-bell-fill"></i>
153
212
  <span class="navbar-badge badge text-bg-warning">15</span>
154
213
  </a>
155
- <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
156
- <span class="dropdown-item dropdown-header">15 Notifications</span>
214
+ <div
215
+ class="dropdown-menu dropdown-menu-lg dropdown-menu-end"
216
+ >
217
+ <span class="dropdown-item dropdown-header"
218
+ >15 Notifications</span
219
+ >
157
220
  <div class="dropdown-divider"></div>
158
221
  <a href="#" class="dropdown-item">
159
- <i class="fa-solid fa-envelope me-2"></i> 4 new messages
160
- <span class="float-end text-secondary fs-7">3 mins</span>
222
+ <i class="bi bi-envelope me-2"></i> 4 new messages
223
+ <span class="float-end text-secondary fs-7">3 mins</span
224
+ >
161
225
  </a>
162
226
  <div class="dropdown-divider"></div>
163
227
  <a href="#" class="dropdown-item">
164
- <i class="fa-solid fa-users me-2"></i> 8 friend requests
165
- <span class="float-end text-secondary fs-7">12 hours</span>
228
+ <i class="bi bi-people-fill me-2"></i> 8 friend requests
229
+ <span class="float-end text-secondary fs-7">
230
+ 12 hours
231
+ </span>
166
232
  </a>
167
233
  <div class="dropdown-divider"></div>
168
234
  <a href="#" class="dropdown-item">
169
- <i class="fa-solid fa-file me-2"></i> 3 new reports
170
- <span class="float-end text-secondary fs-7">2 days</span>
235
+ <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
236
+ <span class="float-end text-secondary fs-7">
237
+ 2 days
238
+ </span>
171
239
  </a>
172
240
  <div class="dropdown-divider"></div>
173
- <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
241
+ <a href="#" class="dropdown-item dropdown-footer">
242
+ See All Notifications
243
+ </a>
174
244
  </div>
175
245
  </li>
176
246
  <li class="nav-item dropdown user-menu">
177
- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
178
- <img src={distPath + '/assets/img/user2-160x160.jpg'} class="user-image rounded-circle shadow" alt="User Image">
247
+ <a
248
+ href="#"
249
+ class="nav-link dropdown-toggle"
250
+ data-bs-toggle="dropdown"
251
+ >
252
+ <img
253
+ src={distPath + "/assets/img/user2-160x160.jpg"}
254
+ class="user-image rounded-circle shadow"
255
+ alt="User Image"
256
+ />
179
257
  <span class="d-none d-md-inline">Alexander Pierce</span>
180
258
  </a>
181
- <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
259
+ <ul
260
+ class="dropdown-menu dropdown-menu-lg dropdown-menu-end"
261
+ >
182
262
  <!-- User image -->
183
263
  <li class="user-header text-bg-primary">
184
- <img src={distPath + '/assets/img/user2-160x160.jpg'} class="rounded-circle shadow" alt="User Image">
264
+ <img
265
+ src={distPath + "/assets/img/user2-160x160.jpg"}
266
+ class="rounded-circle shadow"
267
+ alt="User Image"
268
+ />
185
269
 
186
270
  <p>
187
271
  Alexander Pierce - Web Developer
@@ -190,6 +274,7 @@ const distPath = path
190
274
  </li>
191
275
  <!-- Menu Body -->
192
276
  <li class="user-body">
277
+ <!--begin::Row-->
193
278
  <div class="row">
194
279
  <div class="col-4 text-center">
195
280
  <a href="#">Followers</a>
@@ -201,32 +286,35 @@ const distPath = path
201
286
  <a href="#">Friends</a>
202
287
  </div>
203
288
  </div>
204
- <!-- /.row -->
289
+ <!--end::Row-->
205
290
  </li>
206
291
  <!-- Menu Footer-->
207
292
  <li class="user-footer">
208
293
  <a href="#" class="btn btn-default btn-flat">Profile</a>
209
- <a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
294
+ <a href="#" class="btn btn-default btn-flat float-end">
295
+ Sign out
296
+ </a>
210
297
  </li>
211
298
  </ul>
212
299
  </li>
213
300
  </ul>
214
301
  </div>
302
+ <!--end::Container-->
215
303
  </nav>
216
304
  <!-- /.navbar -->
217
305
 
218
- <MainHeader1 />
306
+ <MainHeader />
219
307
  </div>
220
- <!-- /.container-fluid -->
308
+ <!--end::Container-->
221
309
  </div>
222
- <!-- /.content -->
310
+ <!--end::App Content-->
223
311
  </main>
224
- <!-- /.app-content -->
225
-
312
+ <!--end::App Main-->
226
313
  <Footer />
227
314
  </div>
228
- <!-- ./app-wrapper -->
229
-
315
+ <!--end::App Wrapper-->
316
+ <!--begin::Script-->
230
317
  <Scripts path={path} />
231
- </body>
318
+ <!--end::Script-->
319
+ </body><!--end::Body-->
232
320
  </html>
package/src/html/pages/docs/components/main-sidebar.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 MainSidebar from "@components/docs/components/main-sidebar.mdx";
6
+ import Sidenav from "@components/dashboard/_sidenav.astro";
7
+ import Scripts from "@components/_scripts.astro";
8
+
9
+ const title = "Main Sidebar Component | AdminLTE 4";
10
+ const path = "../../../../dist";
11
+ const mainPage = "components";
12
+ const page = "main-sidebar";
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">Main Sidebar Component</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
+ Main Sidebar Component
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
+ <MainSidebar />
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/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/{index.astro → introduction.astro} RENAMED
@@ -4,26 +4,34 @@ import Footer from "@components/dashboard/_footer.astro";
4
4
  import Topbar from "@components/dashboard/_topbar.astro";
5
5
  import Sidenav from "@components/dashboard/_sidenav.astro";
6
6
  import Scripts from "@components/_scripts.astro";
7
- import Introduction from "@components/docs/introduction/index.md";
7
+ import Introduction from "@components/docs/introduction.mdx";
8
+
8
9
  const title = "Introduction | AdminLTE 4";
9
- const path = '../../../dist'
10
+ const path = "../../../dist";
10
11
  const mainPage = "docs";
11
12
  const page = "introduction";
12
13
  ---
13
14
 
14
15
  <!DOCTYPE html>
15
16
  <html lang="en">
17
+ <!--begin::Head-->
16
18
  <head>
17
19
  <Head title={title} path={path} />
18
20
  </head>
21
+ <!--end::Head-->
22
+ <!--begin::Body-->
19
23
  <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
24
+ <!--begin::App Wrapper-->
20
25
  <div class="app-wrapper">
21
26
  <Topbar path={path} />
22
27
  <Sidenav path={path} mainPage={mainPage} page={page} />
23
- <!-- Main content -->
28
+ <!--begin::App Main-->
24
29
  <main class="app-main">
30
+ <!--begin::App Content Header-->
25
31
  <div class="app-content-header">
32
+ <!--begin::Container-->
26
33
  <div class="container-fluid">
34
+ <!--begin::Row-->
27
35
  <div class="row">
28
36
  <div class="col-sm-6">
29
37
  <h3 class="mb-0">Introduction</h3>
@@ -37,22 +45,27 @@ const page = "introduction";
37
45
  </ol>
38
46
  </div>
39
47
  </div>
48
+ <!--end::Row-->
40
49
  </div>
50
+ <!--end::Container-->
41
51
  </div>
42
- <!-- Main content -->
52
+ <!--end::App Content Header-->
53
+ <!--begin::App Content-->
43
54
  <div class="app-content">
55
+ <!--begin::Container-->
44
56
  <div class="container-fluid">
45
57
  <Introduction />
46
- </div><!-- /.container-fluid -->
58
+ </div>
59
+ <!--end::Container-->
47
60
  </div>
48
- <!-- /.content -->
61
+ <!--end::App Content-->
49
62
  </main>
50
- <!-- /.app-content -->
51
-
63
+ <!--end::App Main-->
52
64
  <Footer />
53
65
  </div>
54
- <!-- ./app-wrapper -->
55
-
66
+ <!--end::App Wrapper-->
67
+ <!--begin::Script-->
56
68
  <Scripts path={path} />
57
- </body>
69
+ <!--end::Script-->
70
+ </body><!--end::Body-->
58
71
  </html>