admin-lte 4.0.0-alpha2 → 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.
- package/.bundlewatch.config.json +6 -6
- package/.cache/.eslintcache +1 -1
- package/.cache/.stylelintcache +1 -1
- package/.gitpod.yml +1 -1
- package/.idea/AdminLTE.iml +4 -0
- package/.idea/codeStyles/Project.xml +24 -0
- package/.idea/dbnavigator.xml +421 -0
- package/.idea/git_toolbox_prj.xml +15 -0
- package/.idea/jsLibraryMappings.xml +6 -0
- package/.idea/jsLinters/eslint.xml +6 -0
- package/.idea/vcs.xml +6 -0
- package/README.md +3 -3
- package/dist/assets/img/AdminLTEFullLogo.png +0 -0
- package/dist/css/adminlte.css +695 -318
- package/dist/css/adminlte.css.map +1 -1
- package/dist/css/adminlte.min.css +1 -1
- package/dist/css/adminlte.min.css.map +1 -1
- package/dist/css/adminlte.rtl.css +693 -316
- package/dist/css/adminlte.rtl.css.map +1 -1
- package/dist/css/adminlte.rtl.min.css +1 -1
- package/dist/css/adminlte.rtl.min.css.map +1 -1
- package/dist/js/adminlte.js +43 -63
- package/dist/js/adminlte.js.map +1 -1
- package/dist/js/adminlte.min.js +2 -2
- package/dist/js/adminlte.min.js.map +1 -1
- package/dist/pages/UI/timeline.html +389 -218
- package/dist/pages/docs/browser-support.html +345 -204
- package/dist/pages/docs/color-mode.html +560 -348
- package/dist/pages/docs/components/main-header.html +579 -368
- package/dist/pages/docs/components/main-sidebar.html +858 -0
- package/dist/pages/docs/faq.html +743 -0
- package/dist/pages/docs/how-to-contribute.html +783 -0
- package/dist/pages/docs/introduction.html +767 -0
- package/dist/pages/docs/javascript/treeview.html +762 -0
- package/dist/pages/docs/layout.html +372 -201
- package/dist/pages/{docs.html → docs/license.html} +347 -218
- package/dist/pages/examples/lockscreen.html +107 -0
- package/dist/pages/examples/login-v2.html +148 -0
- package/dist/pages/examples/login.html +45 -40
- package/dist/pages/examples/register-v2.html +155 -0
- package/dist/pages/examples/register.html +46 -41
- package/dist/pages/forms/general.html +664 -202
- package/dist/pages/index.html +514 -285
- package/dist/pages/index2.html +665 -341
- package/dist/pages/index3.html +415 -254
- package/dist/pages/layout/collapsed-sidebar.html +766 -0
- package/dist/pages/layout/fixed-complete.html +867 -0
- package/dist/pages/layout/fixed-sidebar.html +344 -201
- package/dist/pages/layout/layout-rtl.html +344 -201
- package/dist/pages/layout/logo-switch.html +433 -0
- package/dist/pages/layout/sidebar-mini.html +345 -202
- package/dist/pages/layout/unfixed-sidebar.html +343 -201
- package/dist/pages/tables/simple.html +437 -233
- package/dist/pages/widgets/cards.html +389 -244
- package/dist/pages/widgets/info-box.html +398 -215
- package/dist/pages/widgets/small-box.html +349 -198
- package/index.html +6 -10
- package/package.json +27 -24
- package/src/assets/img/AdminLTEFullLogo.png +0 -0
- package/src/config/astro.config.mjs +3 -1
- package/src/html/.prettierrc.js +11 -0
- package/src/html/components/_head.astro +42 -26
- package/src/html/components/_scripts.astro +38 -27
- package/src/html/components/dashboard/_footer.astro +14 -8
- package/src/html/components/dashboard/_sidenav.astro +343 -113
- package/src/html/components/dashboard/_topbar.astro +90 -49
- package/src/html/components/docs/{browser-support/index.md → browser-support.mdx} +2 -1
- package/src/html/components/docs/color-mode.mdx +169 -0
- package/src/html/components/docs/components/{main-header-1.md → main-header.mdx} +60 -21
- package/src/html/components/docs/components/main-sidebar.mdx +129 -0
- package/src/html/components/docs/faq.mdx +11 -0
- package/src/html/components/docs/how-to-contribute.mdx +34 -0
- package/src/html/components/docs/{introduction/index.md → introduction.mdx} +27 -2
- package/src/html/components/docs/license.mdx +9 -0
- package/src/html/components/javascript/treeview.mdx +39 -0
- package/src/html/pages/UI/timeline.astro +111 -48
- package/src/html/pages/docs/browser-support.astro +24 -11
- package/src/html/pages/docs/color-mode.astro +89 -42
- package/src/html/pages/docs/components/main-header.astro +133 -46
- package/src/html/pages/docs/components/main-sidebar.astro +71 -0
- package/src/html/pages/docs/faq.astro +71 -0
- package/src/html/pages/docs/how-to-contribute.astro +71 -0
- package/src/html/pages/docs/{index.astro → introduction.astro} +24 -11
- package/src/html/pages/docs/javascript/treeview.astro +71 -0
- package/src/html/pages/docs/layout.astro +62 -19
- package/src/html/pages/docs/license.astro +71 -0
- package/src/html/pages/examples/lockscreen.astro +63 -0
- package/src/html/pages/examples/login-v2.astro +109 -0
- package/src/html/pages/examples/login.astro +34 -16
- package/src/html/pages/examples/register-v2.astro +116 -0
- package/src/html/pages/examples/register.astro +36 -18
- package/src/html/pages/forms/general.astro +567 -36
- package/src/html/pages/index.astro +389 -152
- package/src/html/pages/index2.astro +682 -250
- package/src/html/pages/index3.astro +290 -189
- package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
- package/src/html/pages/layout/fixed-complete.astro +209 -0
- package/src/html/pages/layout/fixed-sidebar.astro +52 -27
- package/src/html/pages/layout/layout-rtl.astro +53 -28
- package/src/html/pages/layout/logo-switch.astro +212 -0
- package/src/html/pages/layout/sidebar-mini.astro +53 -28
- package/src/html/pages/layout/unfixed-sidebar.astro +51 -27
- package/src/html/pages/tables/simple.astro +206 -66
- package/src/html/pages/widgets/cards.astro +134 -69
- package/src/html/pages/widgets/info-box.astro +96 -41
- package/src/html/pages/widgets/small-box.astro +93 -32
- package/src/scss/_app-content.scss +52 -0
- package/src/scss/_app-footer.scss +1 -1
- package/src/scss/_app-main.scss +2 -5
- package/src/scss/_app-sidebar.scss +244 -70
- package/src/scss/_bootstrap-variables.scss +4 -4
- package/src/scss/_cards.scss +31 -7
- package/src/scss/_compact-mode.scss +79 -0
- package/src/scss/_small-box.scss +0 -3
- package/src/scss/_variables.scss +21 -4
- package/src/scss/mixins/_animations.scss +0 -5
- package/src/scss/pages/_lockscreen.scss +74 -0
- package/src/scss/pages/_login_and_register.scss +0 -3
- package/src/scss/parts/_core.scss +2 -0
- package/src/scss/parts/_pages.scss +1 -0
- package/src/ts/card-widget.ts +17 -50
- package/src/ts/direct-chat.ts +2 -2
- package/src/ts/layout.ts +2 -2
- package/src/ts/push-menu.ts +3 -20
- package/src/ts/treeview.ts +14 -8
- package/src/ts/util/index.ts +14 -12
- package/src/utils/index.js +20 -3
- package/src/html/components/docs/color-mode/navbar-html.md +0 -80
- package/src/html/components/docs/color-mode/toggle-script.md +0 -48
|
@@ -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>
|
|
@@ -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>
|
|
@@ -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>
|
|
@@ -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
|
|
7
|
+
import Introduction from "@components/docs/introduction.mdx";
|
|
8
|
+
|
|
8
9
|
const title = "Introduction | AdminLTE 4";
|
|
9
|
-
const path =
|
|
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
|
|
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
|
-
<!--
|
|
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
|
|
58
|
+
</div>
|
|
59
|
+
<!--end::Container-->
|
|
47
60
|
</div>
|
|
48
|
-
<!--
|
|
61
|
+
<!--end::App Content-->
|
|
49
62
|
</main>
|
|
50
|
-
<!--
|
|
51
|
-
|
|
63
|
+
<!--end::App Main-->
|
|
52
64
|
<Footer />
|
|
53
65
|
</div>
|
|
54
|
-
<!--
|
|
55
|
-
|
|
66
|
+
<!--end::App Wrapper-->
|
|
67
|
+
<!--begin::Script-->
|
|
56
68
|
<Scripts path={path} />
|
|
57
|
-
|
|
69
|
+
<!--end::Script-->
|
|
70
|
+
</body><!--end::Body-->
|
|
58
71
|
</html>
|
|
@@ -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>
|
|
@@ -4,25 +4,33 @@ 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
|
+
|
|
7
8
|
const title = "Layout | AdminLTE 4";
|
|
8
|
-
const path =
|
|
9
|
+
const path = "../../../dist";
|
|
9
10
|
const mainPage = "docs";
|
|
10
11
|
const page = "layout";
|
|
11
12
|
---
|
|
12
13
|
|
|
13
14
|
<!DOCTYPE html>
|
|
14
15
|
<html lang="en">
|
|
16
|
+
<!--begin::Head-->
|
|
15
17
|
<head>
|
|
16
18
|
<Head title={title} path={path} />
|
|
17
19
|
</head>
|
|
20
|
+
<!--end::Head-->
|
|
21
|
+
<!--begin::Body-->
|
|
18
22
|
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
23
|
+
<!--begin::App Wrapper-->
|
|
19
24
|
<div class="app-wrapper">
|
|
20
25
|
<Topbar path={path} />
|
|
21
26
|
<Sidenav path={path} mainPage={mainPage} page={page} />
|
|
22
|
-
<!-- Main
|
|
27
|
+
<!--begin::App Main-->
|
|
23
28
|
<main class="app-main">
|
|
29
|
+
<!--begin::App Content Header-->
|
|
24
30
|
<div class="app-content-header">
|
|
31
|
+
<!--begin::Container-->
|
|
25
32
|
<div class="container-fluid">
|
|
33
|
+
<!--begin::Row-->
|
|
26
34
|
<div class="row">
|
|
27
35
|
<div class="col-sm-6">
|
|
28
36
|
<h3 class="mb-0">Layout</h3>
|
|
@@ -36,42 +44,77 @@ const page = "layout";
|
|
|
36
44
|
</ol>
|
|
37
45
|
</div>
|
|
38
46
|
</div>
|
|
47
|
+
<!--end::Row-->
|
|
39
48
|
</div>
|
|
49
|
+
<!--end::Container-->
|
|
40
50
|
</div>
|
|
41
|
-
<!--
|
|
51
|
+
<!--end::App Content Header-->
|
|
52
|
+
<!--begin::App Content-->
|
|
42
53
|
<div class="app-content">
|
|
43
54
|
<div class="container-fluid">
|
|
44
55
|
<div class="callout callout-info mb-4">
|
|
45
56
|
<h5 class="fw-bold">Tips</h5>
|
|
46
|
-
<p>
|
|
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>
|
|
47
63
|
</div>
|
|
48
64
|
|
|
49
65
|
<p>The layout consists of five major parts:</p>
|
|
50
66
|
<ul>
|
|
51
|
-
<li>
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
<li>
|
|
55
|
-
|
|
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>
|
|
56
83
|
</ul>
|
|
57
84
|
|
|
58
85
|
<h4>Layout Options</h4>
|
|
59
|
-
<p>
|
|
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>
|
|
60
91
|
<ul>
|
|
61
|
-
<li>
|
|
62
|
-
|
|
63
|
-
|
|
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>
|
|
64
107
|
</div>
|
|
65
108
|
<!-- /.container-fluid -->
|
|
66
109
|
</div>
|
|
67
|
-
<!--
|
|
110
|
+
<!--end::App Content-->
|
|
68
111
|
</main>
|
|
69
|
-
<!--
|
|
70
|
-
|
|
112
|
+
<!--end::App Main-->
|
|
71
113
|
<Footer />
|
|
72
114
|
</div>
|
|
73
|
-
<!--
|
|
74
|
-
|
|
115
|
+
<!--end::App Wrapper-->
|
|
116
|
+
<!--begin::Script-->
|
|
75
117
|
<Scripts path={path} />
|
|
76
|
-
|
|
118
|
+
<!--end::Script-->
|
|
119
|
+
</body><!--end::Body-->
|
|
77
120
|
</html>
|
|
@@ -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>
|
|
@@ -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>
|