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.
- package/.bundlewatch.config.json +2 -2
- package/.cache/.eslintcache +1 -0
- package/.cache/.stylelintcache +1 -0
- package/.eslintignore +1 -0
- package/.eslintrc.json +16 -0
- package/.stylelintrc.json +47 -0
- package/LICENSE +1 -1
- package/README.md +5 -6
- package/dist/css/adminlte.css +2383 -2754
- package/dist/css/adminlte.css.map +1 -1
- package/dist/css/adminlte.min.css +2 -2
- package/dist/css/adminlte.min.css.map +1 -1
- package/dist/css/{rtl/adminlte.rtl.css → adminlte.rtl.css} +2377 -2749
- package/dist/css/adminlte.rtl.css.map +1 -0
- package/dist/css/adminlte.rtl.min.css +7 -0
- package/dist/css/adminlte.rtl.min.css.map +1 -0
- package/dist/js/adminlte.js +173 -182
- package/dist/js/adminlte.js.map +1 -1
- package/dist/js/adminlte.min.js +6 -1
- package/dist/js/adminlte.min.js.map +1 -1
- package/dist/pages/UI/timeline.html +698 -0
- package/dist/pages/docs/browser-support.html +614 -0
- package/dist/pages/docs/color-mode.html +855 -0
- package/dist/pages/docs/components/main-header.html +926 -0
- package/dist/pages/docs/layout.html +617 -0
- package/dist/pages/docs.html +617 -0
- package/dist/pages/examples/login.html +114 -187
- package/dist/pages/examples/register.html +117 -190
- package/dist/pages/forms/general.html +598 -647
- package/dist/pages/index.html +1091 -0
- package/dist/pages/index2.html +1452 -0
- package/dist/pages/index3.html +950 -0
- package/dist/pages/layout/fixed-sidebar.html +590 -638
- package/dist/pages/layout/layout-rtl.html +623 -0
- package/dist/pages/layout/sidebar-mini.html +623 -0
- package/dist/pages/layout/unfixed-sidebar.html +589 -638
- package/dist/pages/tables/simple.html +837 -938
- package/dist/pages/widgets/cards.html +814 -698
- package/dist/pages/widgets/info-box.html +864 -951
- package/dist/pages/widgets/small-box.html +625 -678
- package/index.html +1 -6
- package/package.json +53 -36
- package/src/config/assets.config.mjs +8 -0
- package/src/config/astro.config.mjs +17 -0
- package/src/config/postcss.config.mjs +15 -0
- package/src/config/rollup.config.js +20 -0
- package/src/html/.eslintrc.json +24 -0
- package/src/html/.tsconfig.json +4 -0
- package/src/html/components/_head.astro +31 -0
- package/src/html/components/_scripts.astro +40 -0
- package/src/html/components/dashboard/_footer.astro +12 -0
- package/src/html/components/dashboard/_sidenav.astro +323 -0
- package/src/{partials/dashboard/_topbar.html → html/components/dashboard/_topbar.astro} +20 -46
- package/src/html/components/docs/browser-support/index.md +22 -0
- package/src/html/components/docs/color-mode/navbar-html.md +80 -0
- package/src/{partials/_scripts.html → html/components/docs/color-mode/toggle-script.md} +5 -52
- package/src/html/components/docs/components/main-header-1.md +159 -0
- package/src/html/components/docs/introduction/index.md +35 -0
- package/src/html/env.d.ts +1 -0
- package/src/html/pages/UI/timeline.astro +158 -0
- package/src/html/pages/docs/browser-support.astro +58 -0
- package/src/html/pages/docs/color-mode.astro +224 -0
- package/src/html/pages/docs/components/main-header.astro +232 -0
- package/src/html/pages/docs/index.astro +58 -0
- package/src/html/pages/docs/layout.astro +77 -0
- package/src/{pages/examples/login.html → html/pages/examples/login.astro} +13 -13
- package/src/{pages/examples/register.html → html/pages/examples/register.astro} +13 -13
- package/src/{pages/forms/general.html → html/pages/forms/general.astro} +26 -30
- package/src/{index.html → html/pages/index.astro} +266 -189
- package/src/{index2.html → html/pages/index2.astro} +229 -284
- package/src/{index3.html → html/pages/index3.astro} +151 -169
- package/src/{pages/layout/fixed-sidebar.html → html/pages/layout/fixed-sidebar.astro} +26 -29
- package/src/html/pages/layout/layout-rtl.astro +84 -0
- package/src/html/pages/layout/sidebar-mini.astro +83 -0
- package/src/{pages/layout/unfixed-sidebar.html → html/pages/layout/unfixed-sidebar.astro} +26 -30
- package/src/{pages/tables/simple.html → html/pages/tables/simple.astro} +26 -30
- package/src/html/pages/widgets/cards.astro +308 -0
- package/src/{pages/widgets/info-box.html → html/pages/widgets/info-box.astro} +26 -31
- package/src/html/pages/widgets/small-box.astro +121 -0
- package/src/scss/_app-footer.scss +15 -0
- package/src/scss/_app-header.scss +26 -0
- package/src/scss/_app-main.scss +20 -0
- package/src/scss/_app-sidebar.scss +429 -0
- package/src/scss/{_wrapper.scss → _app-wrapper.scss} +8 -4
- package/src/scss/_bootstrap-variables.scss +41 -26
- package/src/scss/_callouts.scss +34 -0
- package/src/scss/_cards.scss +30 -224
- package/src/scss/_direct-chat.scss +15 -9
- package/src/scss/_docs.scss +4 -0
- package/src/scss/_dropdown.scss +7 -5
- package/src/scss/_info-box.scss +2 -6
- package/src/scss/_miscellaneous.scss +0 -455
- package/src/scss/_mixins.scss +0 -6
- package/src/scss/_root.scss +2 -58
- package/src/scss/_small-box.scss +15 -38
- package/src/scss/_table.scss +0 -50
- package/src/scss/_timeline.scss +120 -0
- package/src/scss/_variables-dark.scss +15 -8
- package/src/scss/_variables.scss +30 -135
- package/src/scss/adminlte.scss +1 -1
- package/src/scss/mixins/_animations.scss +4 -0
- package/src/scss/mixins/_scrollbar.scss +2 -2
- package/src/scss/pages/_login_and_register.scss +1 -2
- package/src/scss/parts/_core.scss +7 -15
- package/src/scss/parts/_extra-components.scss +1 -2
- package/src/ts/adminlte.ts +0 -2
- package/src/ts/card-widget.ts +42 -18
- package/src/ts/direct-chat.ts +33 -8
- package/src/ts/layout.ts +6 -4
- package/src/ts/push-menu.ts +94 -145
- package/src/ts/treeview.ts +17 -23
- package/src/ts/util/index.ts +2 -2
- package/src/utils/index.js +11 -0
- package/tsconfig.json +11 -3
- package/.stylelintrc +0 -40
- package/CHECKLIST.md +0 -0
- package/dist/css/rtl/adminlte.rtl.css.map +0 -1
- package/dist/css/rtl/adminlte.rtl.min.css +0 -7
- package/dist/css/rtl/adminlte.rtl.min.css.map +0 -1
- package/dist/index.html +0 -1065
- package/dist/index2.html +0 -1629
- package/dist/index3.html +0 -1015
- package/gulpfile.js +0 -315
- package/src/pages/widgets/cards.html +0 -143
- package/src/pages/widgets/small-box.html +0 -124
- package/src/partials/_head.html +0 -31
- package/src/partials/dashboard/_footer.html +0 -9
- package/src/partials/dashboard/_sidenav.html +0 -244
- package/src/scss/_brand-container.scss +0 -72
- package/src/scss/_content-header.scss +0 -9
- package/src/scss/_content-wrapper.scss +0 -6
- package/src/scss/_content.scss +0 -3
- package/src/scss/_layout-fixed.scss +0 -43
- package/src/scss/_layout-mobile.scss +0 -22
- package/src/scss/_main-footer.scss +0 -28
- package/src/scss/_main-header.scss +0 -40
- package/src/scss/_main-sidebar.scss +0 -63
- package/src/scss/_nav-sidebar.scss +0 -66
- package/src/scss/_products.scss +0 -55
- package/src/scss/_sidebar-close.scss +0 -6
- package/src/scss/_sidebar-collapse.scss +0 -120
- package/src/scss/_sidebar-horizontal.scss +0 -67
- package/src/scss/_sidebar.scss +0 -11
- package/src/scss/_users-list.scss +0 -45
- package/src/scss/mixins/_brand-variant.scss +0 -9
- package/src/scss/mixins/_cards.scss +0 -53
- package/src/scss/mixins/_direct-chat.scss +0 -17
- package/src/scss/mixins/_header-variant.scss +0 -22
- package/src/scss/mixins/_nav-treeview-dark.scss +0 -87
- package/src/scss/mixins/_nav-treeview-light.scss +0 -89
- package/src/scss/mixins/_sidebar-color.scss +0 -9
|
@@ -0,0 +1,83 @@
|
|
|
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 | Sidebar Mini'
|
|
9
|
+
const path = '../../../dist'
|
|
10
|
+
const mainPage = 'layout'
|
|
11
|
+
const page = 'sidebar-mini'
|
|
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 sidebar-mini sidebar-collapse 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">Sidebar Mini</h3>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="col-sm-6">
|
|
31
|
+
<ol class="breadcrumb float-sm-end">
|
|
32
|
+
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
|
33
|
+
<li class="breadcrumb-item active" aria-current="page">Sidebar Mini</li>
|
|
34
|
+
</ol>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
<!-- Main content -->
|
|
40
|
+
<div class="app-content">
|
|
41
|
+
<div class="container-fluid">
|
|
42
|
+
<div class="row">
|
|
43
|
+
<div class="col-12">
|
|
44
|
+
<!-- Default box -->
|
|
45
|
+
<div class="card">
|
|
46
|
+
<div class="card-header">
|
|
47
|
+
<h3 class="card-title">Title</h3>
|
|
48
|
+
|
|
49
|
+
<div class="card-tools">
|
|
50
|
+
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse" title="Collapse">
|
|
51
|
+
<i class="fa-solid fa-minus"></i>
|
|
52
|
+
</button>
|
|
53
|
+
<button type="button" class="btn btn-tool" data-lte-dismiss="card-remove" title="Remove">
|
|
54
|
+
<i class="fa-solid fa-times"></i>
|
|
55
|
+
</button>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="card-body">
|
|
59
|
+
Start creating your amazing application!
|
|
60
|
+
</div>
|
|
61
|
+
<!-- /.card-body -->
|
|
62
|
+
<div class="card-footer">
|
|
63
|
+
Footer
|
|
64
|
+
</div>
|
|
65
|
+
<!-- /.card-footer-->
|
|
66
|
+
</div>
|
|
67
|
+
<!-- /.card -->
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
<!-- /.row -->
|
|
71
|
+
</div><!-- /.container-fluid -->
|
|
72
|
+
</div>
|
|
73
|
+
<!-- /.content -->
|
|
74
|
+
</main>
|
|
75
|
+
<!-- /.app-content -->
|
|
76
|
+
|
|
77
|
+
<Footer />
|
|
78
|
+
</div>
|
|
79
|
+
<!-- ./app-wrapper -->
|
|
80
|
+
|
|
81
|
+
<Scripts path={path} />
|
|
82
|
+
</body>
|
|
83
|
+
</html>
|
|
@@ -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 | Unfixed Sidebar'
|
|
9
|
+
const path = '../../../dist'
|
|
10
|
+
const mainPage = 'layout'
|
|
11
|
+
const page = 'unfixed-sidebar'
|
|
12
|
+
---
|
|
1
13
|
<!DOCTYPE html>
|
|
2
14
|
<html lang="en">
|
|
3
|
-
<!-- For RTL verison -->
|
|
4
|
-
<!-- <html lang="en" dir="rtl"> -->
|
|
5
15
|
<head>
|
|
6
|
-
|
|
7
|
-
"path": "../..",
|
|
8
|
-
"title": "AdminLTE 4 | Unfixed Sidebar"
|
|
9
|
-
})
|
|
16
|
+
<Head title={title} path={path} />
|
|
10
17
|
</head>
|
|
11
|
-
<body>
|
|
12
|
-
<div class="wrapper">
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
})
|
|
16
|
-
|
|
17
|
-
@@include('./dashboard/_sidenav.html', {
|
|
18
|
-
"mainPage": "layout",
|
|
19
|
-
"page": "unfixed-sidebar",
|
|
20
|
-
"path": "../.."
|
|
21
|
-
})
|
|
18
|
+
<body class="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="
|
|
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
|
|
26
|
+
<div class="row">
|
|
27
27
|
<div class="col-sm-6">
|
|
28
|
-
<h3>Unfixed Layout</h3>
|
|
28
|
+
<h3 class="mb-0">Unfixed Layout</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">
|
|
43
43
|
<div class="col-12">
|
|
@@ -72,16 +72,12 @@
|
|
|
72
72
|
</div>
|
|
73
73
|
<!-- /.content -->
|
|
74
74
|
</main>
|
|
75
|
-
<!-- /.content
|
|
75
|
+
<!-- /.app-content -->
|
|
76
76
|
|
|
77
|
-
|
|
78
|
-
"path": "../.."
|
|
79
|
-
})
|
|
77
|
+
<Footer />
|
|
80
78
|
</div>
|
|
81
|
-
<!-- ./wrapper -->
|
|
79
|
+
<!-- ./app-wrapper -->
|
|
82
80
|
|
|
83
|
-
|
|
84
|
-
"path": "../.."
|
|
85
|
-
})
|
|
81
|
+
<Scripts path={path} />
|
|
86
82
|
</body>
|
|
87
83
|
</html>
|
|
@@ -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 | Simple Tables'
|
|
9
|
+
const path = '../../../dist'
|
|
10
|
+
const mainPage = 'tables'
|
|
11
|
+
const page = 'simple'
|
|
12
|
+
---
|
|
1
13
|
<!DOCTYPE html>
|
|
2
14
|
<html lang="en">
|
|
3
|
-
<!-- For RTL verison -->
|
|
4
|
-
<!-- <html lang="en" dir="rtl"> -->
|
|
5
15
|
<head>
|
|
6
|
-
|
|
7
|
-
"path": "../..",
|
|
8
|
-
"title": "AdminLTE 4 | Simple Tables"
|
|
9
|
-
})
|
|
16
|
+
<Head title={title} path={path} />
|
|
10
17
|
</head>
|
|
11
|
-
<body class="layout-fixed">
|
|
12
|
-
<div class="wrapper">
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
})
|
|
16
|
-
|
|
17
|
-
@@include('./dashboard/_sidenav.html', {
|
|
18
|
-
"mainPage": "tables",
|
|
19
|
-
"page": "simple",
|
|
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="
|
|
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
|
|
26
|
+
<div class="row">
|
|
27
27
|
<div class="col-sm-6">
|
|
28
|
-
<h3>Simple Tables</h3>
|
|
28
|
+
<h3 class="mb-0">Simple Tables</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">
|
|
43
43
|
<div class="col-md-6">
|
|
@@ -321,16 +321,12 @@
|
|
|
321
321
|
</div>
|
|
322
322
|
<!-- /.content -->
|
|
323
323
|
</main>
|
|
324
|
-
<!-- /.content
|
|
324
|
+
<!-- /.app-content -->
|
|
325
325
|
|
|
326
|
-
|
|
327
|
-
"path": "../.."
|
|
328
|
-
})
|
|
326
|
+
<Footer />
|
|
329
327
|
</div>
|
|
330
|
-
<!-- ./wrapper -->
|
|
328
|
+
<!-- ./app-wrapper -->
|
|
331
329
|
|
|
332
|
-
|
|
333
|
-
"path": "../.."
|
|
334
|
-
})
|
|
330
|
+
<Scripts path={path} />
|
|
335
331
|
</body>
|
|
336
332
|
</html>
|
|
@@ -0,0 +1,308 @@
|
|
|
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 | Widgets - Cards'
|
|
9
|
+
const path = '../../../dist'
|
|
10
|
+
const mainPage = 'widgets'
|
|
11
|
+
const page = 'cards'
|
|
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">Cards</h3>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="col-sm-6">
|
|
31
|
+
<ol class="breadcrumb float-sm-end">
|
|
32
|
+
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
|
33
|
+
<li class="breadcrumb-item active" aria-current="page">Cards</li>
|
|
34
|
+
</ol>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
<!-- Main content -->
|
|
40
|
+
<div class="app-content">
|
|
41
|
+
<div class="container-fluid">
|
|
42
|
+
<h4 class="mb-2">Cards</h4>
|
|
43
|
+
|
|
44
|
+
<h5 class="mb-2">Abilities</h5>
|
|
45
|
+
<div class="row">
|
|
46
|
+
<div class="col-md-3">
|
|
47
|
+
<div class="card card-primary collapsed-card">
|
|
48
|
+
<div class="card-header">
|
|
49
|
+
<h3 class="card-title">Expandable</h3>
|
|
50
|
+
|
|
51
|
+
<div class="card-tools">
|
|
52
|
+
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-plus"></i>
|
|
53
|
+
</button>
|
|
54
|
+
</div>
|
|
55
|
+
<!-- /.card-tools -->
|
|
56
|
+
</div>
|
|
57
|
+
<!-- /.card-header -->
|
|
58
|
+
<div class="card-body">
|
|
59
|
+
The body of the card
|
|
60
|
+
</div>
|
|
61
|
+
<!-- /.card-body -->
|
|
62
|
+
</div>
|
|
63
|
+
<!-- /.card -->
|
|
64
|
+
</div>
|
|
65
|
+
<!-- /.col -->
|
|
66
|
+
<div class="col-md-3">
|
|
67
|
+
<div class="card card-success">
|
|
68
|
+
<div class="card-header">
|
|
69
|
+
<h3 class="card-title">Collapsable</h3>
|
|
70
|
+
|
|
71
|
+
<div class="card-tools">
|
|
72
|
+
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-minus"></i>
|
|
73
|
+
</button>
|
|
74
|
+
</div>
|
|
75
|
+
<!-- /.card-tools -->
|
|
76
|
+
</div>
|
|
77
|
+
<!-- /.card-header -->
|
|
78
|
+
<div class="card-body">
|
|
79
|
+
The body of the card
|
|
80
|
+
</div>
|
|
81
|
+
<!-- /.card-body -->
|
|
82
|
+
</div>
|
|
83
|
+
<!-- /.card -->
|
|
84
|
+
</div>
|
|
85
|
+
<!-- /.col -->
|
|
86
|
+
<div class="col-md-3">
|
|
87
|
+
<div class="card card-warning">
|
|
88
|
+
<div class="card-header">
|
|
89
|
+
<h3 class="card-title">Removable</h3>
|
|
90
|
+
|
|
91
|
+
<div class="card-tools">
|
|
92
|
+
<button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fa-solid fa-times"></i>
|
|
93
|
+
</button>
|
|
94
|
+
</div>
|
|
95
|
+
<!-- /.card-tools -->
|
|
96
|
+
</div>
|
|
97
|
+
<!-- /.card-header -->
|
|
98
|
+
<div class="card-body">
|
|
99
|
+
The body of the card
|
|
100
|
+
</div>
|
|
101
|
+
<!-- /.card-body -->
|
|
102
|
+
</div>
|
|
103
|
+
<!-- /.card -->
|
|
104
|
+
</div>
|
|
105
|
+
<!-- /.col -->
|
|
106
|
+
<div class="col-md-3">
|
|
107
|
+
<div class="card card-danger">
|
|
108
|
+
<div class="card-header">
|
|
109
|
+
<h3 class="card-title">Maximizable</h3>
|
|
110
|
+
|
|
111
|
+
<div class="card-tools">
|
|
112
|
+
<button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fa-solid fa-expand"></i>
|
|
113
|
+
</button>
|
|
114
|
+
</div>
|
|
115
|
+
<!-- /.card-tools -->
|
|
116
|
+
</div>
|
|
117
|
+
<!-- /.card-header -->
|
|
118
|
+
<div class="card-body">
|
|
119
|
+
The body of the card
|
|
120
|
+
</div>
|
|
121
|
+
<!-- /.card-body -->
|
|
122
|
+
</div>
|
|
123
|
+
<!-- /.card -->
|
|
124
|
+
</div>
|
|
125
|
+
<!-- /.col -->
|
|
126
|
+
</div>
|
|
127
|
+
|
|
128
|
+
<h5 class="mb-2">Card Outlined</h5>
|
|
129
|
+
<div class="row">
|
|
130
|
+
<div class="col-md-3">
|
|
131
|
+
<div class="card card-outline card-primary collapsed-card">
|
|
132
|
+
<div class="card-header">
|
|
133
|
+
<h3 class="card-title">Expandable</h3>
|
|
134
|
+
|
|
135
|
+
<div class="card-tools">
|
|
136
|
+
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-plus"></i>
|
|
137
|
+
</button>
|
|
138
|
+
</div>
|
|
139
|
+
<!-- /.card-tools -->
|
|
140
|
+
</div>
|
|
141
|
+
<!-- /.card-header -->
|
|
142
|
+
<div class="card-body">
|
|
143
|
+
The body of the card
|
|
144
|
+
</div>
|
|
145
|
+
<!-- /.card-body -->
|
|
146
|
+
</div>
|
|
147
|
+
<!-- /.card -->
|
|
148
|
+
</div>
|
|
149
|
+
<!-- /.col -->
|
|
150
|
+
<div class="col-md-3">
|
|
151
|
+
<div class="card card-outline card-success">
|
|
152
|
+
<div class="card-header">
|
|
153
|
+
<h3 class="card-title">Collapsable</h3>
|
|
154
|
+
|
|
155
|
+
<div class="card-tools">
|
|
156
|
+
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-minus"></i>
|
|
157
|
+
</button>
|
|
158
|
+
</div>
|
|
159
|
+
<!-- /.card-tools -->
|
|
160
|
+
</div>
|
|
161
|
+
<!-- /.card-header -->
|
|
162
|
+
<div class="card-body">
|
|
163
|
+
The body of the card
|
|
164
|
+
</div>
|
|
165
|
+
<!-- /.card-body -->
|
|
166
|
+
</div>
|
|
167
|
+
<!-- /.card -->
|
|
168
|
+
</div>
|
|
169
|
+
<!-- /.col -->
|
|
170
|
+
<div class="col-md-3">
|
|
171
|
+
<div class="card card-outline card-warning">
|
|
172
|
+
<div class="card-header">
|
|
173
|
+
<h3 class="card-title">Removable</h3>
|
|
174
|
+
|
|
175
|
+
<div class="card-tools">
|
|
176
|
+
<button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fa-solid fa-times"></i>
|
|
177
|
+
</button>
|
|
178
|
+
</div>
|
|
179
|
+
<!-- /.card-tools -->
|
|
180
|
+
</div>
|
|
181
|
+
<!-- /.card-header -->
|
|
182
|
+
<div class="card-body">
|
|
183
|
+
The body of the card
|
|
184
|
+
</div>
|
|
185
|
+
<!-- /.card-body -->
|
|
186
|
+
</div>
|
|
187
|
+
<!-- /.card -->
|
|
188
|
+
</div>
|
|
189
|
+
<!-- /.col -->
|
|
190
|
+
<div class="col-md-3">
|
|
191
|
+
<div class="card card-outline card-danger">
|
|
192
|
+
<div class="card-header">
|
|
193
|
+
<h3 class="card-title">Maximizable</h3>
|
|
194
|
+
|
|
195
|
+
<div class="card-tools">
|
|
196
|
+
<button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fa-solid fa-expand"></i>
|
|
197
|
+
</button>
|
|
198
|
+
</div>
|
|
199
|
+
<!-- /.card-tools -->
|
|
200
|
+
</div>
|
|
201
|
+
<!-- /.card-header -->
|
|
202
|
+
<div class="card-body">
|
|
203
|
+
The body of the card
|
|
204
|
+
</div>
|
|
205
|
+
<!-- /.card-body -->
|
|
206
|
+
</div>
|
|
207
|
+
<!-- /.card -->
|
|
208
|
+
</div>
|
|
209
|
+
<!-- /.col -->
|
|
210
|
+
</div>
|
|
211
|
+
|
|
212
|
+
<h5 class="mb-2">Card with <code>.text-bg-*</code> </h5>
|
|
213
|
+
<div class="row">
|
|
214
|
+
<div class="col-md-3">
|
|
215
|
+
<div class="card text-bg-primary collapsed-card">
|
|
216
|
+
<div class="card-header">
|
|
217
|
+
<h3 class="card-title">Expandable</h3>
|
|
218
|
+
|
|
219
|
+
<div class="card-tools">
|
|
220
|
+
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-plus"></i>
|
|
221
|
+
</button>
|
|
222
|
+
</div>
|
|
223
|
+
<!-- /.card-tools -->
|
|
224
|
+
</div>
|
|
225
|
+
<!-- /.card-header -->
|
|
226
|
+
<div class="card-body">
|
|
227
|
+
The body of the card
|
|
228
|
+
</div>
|
|
229
|
+
<!-- /.card-body -->
|
|
230
|
+
</div>
|
|
231
|
+
<!-- /.card -->
|
|
232
|
+
</div>
|
|
233
|
+
<!-- /.col -->
|
|
234
|
+
<div class="col-md-3">
|
|
235
|
+
<div class="card text-bg-success">
|
|
236
|
+
<div class="card-header">
|
|
237
|
+
<h3 class="card-title">Collapsable</h3>
|
|
238
|
+
|
|
239
|
+
<div class="card-tools">
|
|
240
|
+
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-minus"></i>
|
|
241
|
+
</button>
|
|
242
|
+
</div>
|
|
243
|
+
<!-- /.card-tools -->
|
|
244
|
+
</div>
|
|
245
|
+
<!-- /.card-header -->
|
|
246
|
+
<div class="card-body">
|
|
247
|
+
The body of the card
|
|
248
|
+
</div>
|
|
249
|
+
<!-- /.card-body -->
|
|
250
|
+
</div>
|
|
251
|
+
<!-- /.card -->
|
|
252
|
+
</div>
|
|
253
|
+
<!-- /.col -->
|
|
254
|
+
<div class="col-md-3">
|
|
255
|
+
<div class="card text-bg-warning">
|
|
256
|
+
<div class="card-header">
|
|
257
|
+
<h3 class="card-title">Removable</h3>
|
|
258
|
+
|
|
259
|
+
<div class="card-tools">
|
|
260
|
+
<button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fa-solid fa-times"></i>
|
|
261
|
+
</button>
|
|
262
|
+
</div>
|
|
263
|
+
<!-- /.card-tools -->
|
|
264
|
+
</div>
|
|
265
|
+
<!-- /.card-header -->
|
|
266
|
+
<div class="card-body">
|
|
267
|
+
The body of the card
|
|
268
|
+
</div>
|
|
269
|
+
<!-- /.card-body -->
|
|
270
|
+
</div>
|
|
271
|
+
<!-- /.card -->
|
|
272
|
+
</div>
|
|
273
|
+
<!-- /.col -->
|
|
274
|
+
<div class="col-md-3">
|
|
275
|
+
<div class="card text-bg-danger">
|
|
276
|
+
<div class="card-header">
|
|
277
|
+
<h3 class="card-title">Maximizable</h3>
|
|
278
|
+
|
|
279
|
+
<div class="card-tools">
|
|
280
|
+
<button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fa-solid fa-expand"></i>
|
|
281
|
+
</button>
|
|
282
|
+
</div>
|
|
283
|
+
<!-- /.card-tools -->
|
|
284
|
+
</div>
|
|
285
|
+
<!-- /.card-header -->
|
|
286
|
+
<div class="card-body">
|
|
287
|
+
The body of the card
|
|
288
|
+
</div>
|
|
289
|
+
<!-- /.card-body -->
|
|
290
|
+
</div>
|
|
291
|
+
<!-- /.card -->
|
|
292
|
+
</div>
|
|
293
|
+
<!-- /.col -->
|
|
294
|
+
</div>
|
|
295
|
+
<!-- /.row -->
|
|
296
|
+
</div><!-- /.container-fluid -->
|
|
297
|
+
</div>
|
|
298
|
+
<!-- /.content -->
|
|
299
|
+
</main>
|
|
300
|
+
<!-- /.app-content -->
|
|
301
|
+
|
|
302
|
+
<Footer />
|
|
303
|
+
</div>
|
|
304
|
+
<!-- ./app-wrapper -->
|
|
305
|
+
|
|
306
|
+
<Scripts path={path} />
|
|
307
|
+
</body>
|
|
308
|
+
</html>
|
|
@@ -1,32 +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 | Widgets - Info Box'
|
|
9
|
+
const path = '../../../dist'
|
|
10
|
+
const mainPage = 'widgets'
|
|
11
|
+
const page = 'info-box'
|
|
12
|
+
---
|
|
1
13
|
<!DOCTYPE html>
|
|
2
14
|
<html lang="en">
|
|
3
|
-
<!-- For RTL verison -->
|
|
4
|
-
<!-- <html lang="en" dir="rtl"> -->
|
|
5
15
|
<head>
|
|
6
|
-
|
|
7
|
-
"path": "../..",
|
|
8
|
-
"title": "AdminLTE 4 | Widgets - Info Box"
|
|
9
|
-
})
|
|
10
|
-
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
|
16
|
+
<Head title={title} path={path} />
|
|
11
17
|
</head>
|
|
12
|
-
<body class="layout-fixed">
|
|
13
|
-
<div class="wrapper">
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
})
|
|
17
|
-
|
|
18
|
-
@@include('./dashboard/_sidenav.html', {
|
|
19
|
-
"mainPage": "widgets",
|
|
20
|
-
"page": "info-box",
|
|
21
|
-
"path": "../.."
|
|
22
|
-
})
|
|
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} />
|
|
23
22
|
<!-- Main content -->
|
|
24
|
-
<main class="
|
|
25
|
-
<div class="content-header">
|
|
23
|
+
<main class="app-main">
|
|
24
|
+
<div class="app-content-header">
|
|
26
25
|
<div class="container-fluid">
|
|
27
|
-
<div class="row
|
|
26
|
+
<div class="row">
|
|
28
27
|
<div class="col-sm-6">
|
|
29
|
-
<h3>Info Box</h3>
|
|
28
|
+
<h3 class="mb-0">Info Box</h3>
|
|
30
29
|
</div>
|
|
31
30
|
<div class="col-sm-6">
|
|
32
31
|
<ol class="breadcrumb float-sm-end">
|
|
@@ -38,7 +37,7 @@
|
|
|
38
37
|
</div>
|
|
39
38
|
</div>
|
|
40
39
|
<!-- Main content -->
|
|
41
|
-
<div class="content">
|
|
40
|
+
<div class="app-content">
|
|
42
41
|
<div class="container-fluid">
|
|
43
42
|
<h5 class="mb-2">Info Box</h5>
|
|
44
43
|
<div class="row">
|
|
@@ -348,16 +347,12 @@
|
|
|
348
347
|
</div>
|
|
349
348
|
<!-- /.content -->
|
|
350
349
|
</main>
|
|
351
|
-
<!-- /.content
|
|
350
|
+
<!-- /.app-content -->
|
|
352
351
|
|
|
353
|
-
|
|
354
|
-
"path": "../.."
|
|
355
|
-
})
|
|
352
|
+
<Footer />
|
|
356
353
|
</div>
|
|
357
|
-
<!-- ./wrapper -->
|
|
354
|
+
<!-- ./app-wrapper -->
|
|
358
355
|
|
|
359
|
-
|
|
360
|
-
"path": "../.."
|
|
361
|
-
})
|
|
356
|
+
<Scripts path={path} />
|
|
362
357
|
</body>
|
|
363
358
|
</html>
|