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.
- package/.bundlewatch.config.json +8 -8
- package/.cache/.eslintcache +1 -0
- package/.cache/.stylelintcache +1 -0
- package/.eslintignore +1 -0
- package/.eslintrc.json +16 -0
- 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/.stylelintrc.json +47 -0
- package/LICENSE +1 -1
- package/README.md +6 -7
- package/dist/assets/img/AdminLTEFullLogo.png +0 -0
- package/dist/css/adminlte.css +2716 -2710
- 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} +2715 -2710
- 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 +204 -233
- 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 +869 -0
- package/dist/pages/docs/browser-support.html +755 -0
- package/dist/pages/docs/color-mode.html +1067 -0
- package/dist/pages/docs/components/main-header.html +1137 -0
- 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 +788 -0
- package/dist/pages/docs/license.html +746 -0
- package/dist/pages/examples/lockscreen.html +107 -0
- package/dist/pages/examples/login-v2.html +148 -0
- package/dist/pages/examples/login.html +128 -196
- package/dist/pages/examples/register-v2.html +155 -0
- package/dist/pages/examples/register.html +131 -199
- package/dist/pages/forms/general.html +1065 -652
- package/dist/pages/index.html +1320 -0
- package/dist/pages/index2.html +1776 -0
- package/dist/pages/index3.html +1111 -0
- 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 +749 -654
- package/dist/pages/layout/layout-rtl.html +766 -0
- package/dist/pages/layout/logo-switch.html +433 -0
- package/dist/pages/layout/sidebar-mini.html +766 -0
- package/dist/pages/layout/unfixed-sidebar.html +747 -654
- package/dist/pages/tables/simple.html +1049 -946
- package/dist/pages/widgets/cards.html +974 -713
- package/dist/pages/widgets/info-box.html +1062 -966
- package/dist/pages/widgets/small-box.html +792 -694
- package/index.html +6 -15
- package/package.json +59 -39
- package/src/assets/img/AdminLTEFullLogo.png +0 -0
- package/src/config/assets.config.mjs +8 -0
- package/src/config/astro.config.mjs +19 -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/.prettierrc.js +11 -0
- package/src/html/.tsconfig.json +4 -0
- package/src/html/components/_head.astro +47 -0
- package/src/html/components/_scripts.astro +51 -0
- package/src/html/components/dashboard/_footer.astro +18 -0
- package/src/html/components/dashboard/_sidenav.astro +553 -0
- package/src/html/components/dashboard/_topbar.astro +213 -0
- package/src/html/components/docs/browser-support.mdx +23 -0
- package/src/html/components/docs/color-mode.mdx +169 -0
- package/src/{partials/dashboard/_topbar.html → html/components/docs/components/main-header.mdx} +67 -67
- 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.mdx +60 -0
- package/src/html/components/docs/license.mdx +9 -0
- package/src/html/components/javascript/treeview.mdx +39 -0
- package/src/html/env.d.ts +1 -0
- package/src/html/pages/UI/timeline.astro +221 -0
- package/src/html/pages/docs/browser-support.astro +71 -0
- package/src/html/pages/docs/color-mode.astro +271 -0
- package/src/html/pages/docs/components/main-header.astro +319 -0
- 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/introduction.astro +71 -0
- package/src/html/pages/docs/javascript/treeview.astro +71 -0
- package/src/html/pages/docs/layout.astro +120 -0
- 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/{pages/examples/login.html → html/pages/examples/login.astro} +40 -22
- package/src/html/pages/examples/register-v2.astro +116 -0
- package/src/{pages/examples/register.html → html/pages/examples/register.astro} +42 -24
- package/src/html/pages/forms/general.astro +624 -0
- package/src/html/pages/index.astro +790 -0
- package/src/html/pages/index2.astro +1345 -0
- package/src/html/pages/index3.astro +513 -0
- 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 +109 -0
- package/src/html/pages/layout/layout-rtl.astro +109 -0
- package/src/html/pages/layout/logo-switch.astro +212 -0
- package/src/html/pages/layout/sidebar-mini.astro +108 -0
- package/src/html/pages/layout/unfixed-sidebar.astro +107 -0
- package/src/html/pages/tables/simple.astro +472 -0
- package/src/html/pages/widgets/cards.astro +373 -0
- package/src/{pages/widgets/info-box.html → html/pages/widgets/info-box.astro} +110 -60
- package/src/html/pages/widgets/small-box.astro +182 -0
- package/src/scss/_app-content.scss +52 -0
- package/src/scss/_app-footer.scss +15 -0
- package/src/scss/_app-header.scss +26 -0
- package/src/scss/_app-main.scss +17 -0
- package/src/scss/_app-sidebar.scss +603 -0
- package/src/scss/{_wrapper.scss → _app-wrapper.scss} +8 -4
- package/src/scss/_bootstrap-variables.scss +42 -27
- package/src/scss/_callouts.scss +34 -0
- package/src/scss/_cards.scss +54 -224
- package/src/scss/_compact-mode.scss +79 -0
- 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 -41
- 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 +48 -136
- package/src/scss/adminlte.scss +1 -1
- package/src/scss/mixins/_animations.scss +0 -1
- package/src/scss/mixins/_scrollbar.scss +2 -2
- package/src/scss/pages/_lockscreen.scss +74 -0
- package/src/scss/pages/_login_and_register.scss +1 -5
- package/src/scss/parts/_core.scss +9 -15
- package/src/scss/parts/_extra-components.scss +1 -2
- package/src/scss/parts/_pages.scss +1 -0
- package/src/ts/adminlte.ts +0 -2
- package/src/ts/card-widget.ts +57 -66
- package/src/ts/direct-chat.ts +35 -10
- package/src/ts/layout.ts +8 -6
- package/src/ts/push-menu.ts +90 -158
- package/src/ts/treeview.ts +30 -30
- package/src/ts/util/index.ts +14 -12
- package/src/utils/index.js +28 -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/index.html +0 -476
- package/src/index2.html +0 -968
- package/src/index3.html +0 -430
- package/src/pages/forms/general.html +0 -97
- package/src/pages/layout/fixed-sidebar.html +0 -87
- package/src/pages/layout/unfixed-sidebar.html +0 -87
- package/src/pages/tables/simple.html +0 -336
- 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/_scripts.html +0 -95
- 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
|
@@ -1,87 +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 | Unfixed Sidebar"
|
|
9
|
-
})
|
|
10
|
-
</head>
|
|
11
|
-
<body>
|
|
12
|
-
<div class="wrapper">
|
|
13
|
-
@@include('./dashboard/_topbar.html', {
|
|
14
|
-
"path": "../.."
|
|
15
|
-
})
|
|
16
|
-
|
|
17
|
-
@@include('./dashboard/_sidenav.html', {
|
|
18
|
-
"mainPage": "layout",
|
|
19
|
-
"page": "unfixed-sidebar",
|
|
20
|
-
"path": "../.."
|
|
21
|
-
})
|
|
22
|
-
<!-- Main content -->
|
|
23
|
-
<main class="content-wrapper">
|
|
24
|
-
<div class="content-header">
|
|
25
|
-
<div class="container-fluid">
|
|
26
|
-
<div class="row mb-2">
|
|
27
|
-
<div class="col-sm-6">
|
|
28
|
-
<h3>Unfixed Layout</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">Unfixed Layout</li>
|
|
34
|
-
</ol>
|
|
35
|
-
</div>
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
<!-- Main content -->
|
|
40
|
-
<div class="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
|
-
<!-- /.content-wrapper -->
|
|
76
|
-
|
|
77
|
-
@@include('./dashboard/_footer.html', {
|
|
78
|
-
"path": "../.."
|
|
79
|
-
})
|
|
80
|
-
</div>
|
|
81
|
-
<!-- ./wrapper -->
|
|
82
|
-
|
|
83
|
-
@@include('./_scripts.html', {
|
|
84
|
-
"path": "../.."
|
|
85
|
-
})
|
|
86
|
-
</body>
|
|
87
|
-
</html>
|
|
@@ -1,336 +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 | Simple Tables"
|
|
9
|
-
})
|
|
10
|
-
</head>
|
|
11
|
-
<body class="layout-fixed">
|
|
12
|
-
<div class="wrapper">
|
|
13
|
-
@@include('./dashboard/_topbar.html', {
|
|
14
|
-
"path": "../.."
|
|
15
|
-
})
|
|
16
|
-
|
|
17
|
-
@@include('./dashboard/_sidenav.html', {
|
|
18
|
-
"mainPage": "tables",
|
|
19
|
-
"page": "simple",
|
|
20
|
-
"path": "../.."
|
|
21
|
-
})
|
|
22
|
-
<!-- Main content -->
|
|
23
|
-
<main class="content-wrapper">
|
|
24
|
-
<div class="content-header">
|
|
25
|
-
<div class="container-fluid">
|
|
26
|
-
<div class="row mb-2">
|
|
27
|
-
<div class="col-sm-6">
|
|
28
|
-
<h3>Simple Tables</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">Simple Tables</li>
|
|
34
|
-
</ol>
|
|
35
|
-
</div>
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
<!-- Main content -->
|
|
40
|
-
<div class="content">
|
|
41
|
-
<div class="container-fluid">
|
|
42
|
-
<div class="row">
|
|
43
|
-
<div class="col-md-6">
|
|
44
|
-
<div class="card">
|
|
45
|
-
<div class="card-header">
|
|
46
|
-
<h3 class="card-title">Bordered Table</h3>
|
|
47
|
-
</div>
|
|
48
|
-
<!-- /.card-header -->
|
|
49
|
-
<div class="card-body">
|
|
50
|
-
<table class="table table-bordered">
|
|
51
|
-
<thead>
|
|
52
|
-
<tr>
|
|
53
|
-
<th style="width: 10px">#</th>
|
|
54
|
-
<th>Task</th>
|
|
55
|
-
<th>Progress</th>
|
|
56
|
-
<th style="width: 40px">Label</th>
|
|
57
|
-
</tr>
|
|
58
|
-
</thead>
|
|
59
|
-
<tbody>
|
|
60
|
-
<tr>
|
|
61
|
-
<td>1.</td>
|
|
62
|
-
<td>Update software</td>
|
|
63
|
-
<td>
|
|
64
|
-
<div class="progress progress-xs">
|
|
65
|
-
<div class="progress-bar progress-bar-danger" style="width: 55%"></div>
|
|
66
|
-
</div>
|
|
67
|
-
</td>
|
|
68
|
-
<td><span class="badge text-bg-danger">55%</span></td>
|
|
69
|
-
</tr>
|
|
70
|
-
<tr>
|
|
71
|
-
<td>2.</td>
|
|
72
|
-
<td>Clean database</td>
|
|
73
|
-
<td>
|
|
74
|
-
<div class="progress progress-xs">
|
|
75
|
-
<div class="progress-bar text-bg-warning" style="width: 70%"></div>
|
|
76
|
-
</div>
|
|
77
|
-
</td>
|
|
78
|
-
<td><span class="badge text-bg-warning">70%</span></td>
|
|
79
|
-
</tr>
|
|
80
|
-
<tr>
|
|
81
|
-
<td>3.</td>
|
|
82
|
-
<td>Cron job running</td>
|
|
83
|
-
<td>
|
|
84
|
-
<div class="progress progress-xs progress-striped active">
|
|
85
|
-
<div class="progress-bar text-bg-primary" style="width: 30%"></div>
|
|
86
|
-
</div>
|
|
87
|
-
</td>
|
|
88
|
-
<td><span class="badge text-bg-primary">30%</span></td>
|
|
89
|
-
</tr>
|
|
90
|
-
<tr>
|
|
91
|
-
<td>4.</td>
|
|
92
|
-
<td>Fix and squish bugs</td>
|
|
93
|
-
<td>
|
|
94
|
-
<div class="progress progress-xs progress-striped active">
|
|
95
|
-
<div class="progress-bar text-bg-success" style="width: 90%"></div>
|
|
96
|
-
</div>
|
|
97
|
-
</td>
|
|
98
|
-
<td><span class="badge text-bg-success">90%</span></td>
|
|
99
|
-
</tr>
|
|
100
|
-
</tbody>
|
|
101
|
-
</table>
|
|
102
|
-
</div>
|
|
103
|
-
<!-- /.card-body -->
|
|
104
|
-
<div class="card-footer clearfix">
|
|
105
|
-
<ul class="pagination pagination-sm m-0 float-end">
|
|
106
|
-
<li class="page-item"><a class="page-link" href="#">«</a></li>
|
|
107
|
-
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
108
|
-
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
|
109
|
-
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
110
|
-
<li class="page-item"><a class="page-link" href="#">»</a></li>
|
|
111
|
-
</ul>
|
|
112
|
-
</div>
|
|
113
|
-
</div>
|
|
114
|
-
<!-- /.card -->
|
|
115
|
-
|
|
116
|
-
<div class="card">
|
|
117
|
-
<div class="card-header">
|
|
118
|
-
<h3 class="card-title">Condensed Full Width Table</h3>
|
|
119
|
-
</div>
|
|
120
|
-
<!-- /.card-header -->
|
|
121
|
-
<div class="card-body p-0">
|
|
122
|
-
<table class="table table-sm">
|
|
123
|
-
<thead>
|
|
124
|
-
<tr>
|
|
125
|
-
<th style="width: 10px">#</th>
|
|
126
|
-
<th>Task</th>
|
|
127
|
-
<th>Progress</th>
|
|
128
|
-
<th style="width: 40px">Label</th>
|
|
129
|
-
</tr>
|
|
130
|
-
</thead>
|
|
131
|
-
<tbody>
|
|
132
|
-
<tr>
|
|
133
|
-
<td>1.</td>
|
|
134
|
-
<td>Update software</td>
|
|
135
|
-
<td>
|
|
136
|
-
<div class="progress progress-xs">
|
|
137
|
-
<div class="progress-bar progress-bar-danger" style="width: 55%"></div>
|
|
138
|
-
</div>
|
|
139
|
-
</td>
|
|
140
|
-
<td><span class="badge text-bg-danger">55%</span></td>
|
|
141
|
-
</tr>
|
|
142
|
-
<tr>
|
|
143
|
-
<td>2.</td>
|
|
144
|
-
<td>Clean database</td>
|
|
145
|
-
<td>
|
|
146
|
-
<div class="progress progress-xs">
|
|
147
|
-
<div class="progress-bar text-bg-warning" style="width: 70%"></div>
|
|
148
|
-
</div>
|
|
149
|
-
</td>
|
|
150
|
-
<td><span class="badge text-bg-warning">70%</span></td>
|
|
151
|
-
</tr>
|
|
152
|
-
<tr>
|
|
153
|
-
<td>3.</td>
|
|
154
|
-
<td>Cron job running</td>
|
|
155
|
-
<td>
|
|
156
|
-
<div class="progress progress-xs progress-striped active">
|
|
157
|
-
<div class="progress-bar text-bg-primary" style="width: 30%"></div>
|
|
158
|
-
</div>
|
|
159
|
-
</td>
|
|
160
|
-
<td><span class="badge text-bg-primary">30%</span></td>
|
|
161
|
-
</tr>
|
|
162
|
-
<tr>
|
|
163
|
-
<td>4.</td>
|
|
164
|
-
<td>Fix and squish bugs</td>
|
|
165
|
-
<td>
|
|
166
|
-
<div class="progress progress-xs progress-striped active">
|
|
167
|
-
<div class="progress-bar text-bg-success" style="width: 90%"></div>
|
|
168
|
-
</div>
|
|
169
|
-
</td>
|
|
170
|
-
<td><span class="badge text-bg-success">90%</span></td>
|
|
171
|
-
</tr>
|
|
172
|
-
</tbody>
|
|
173
|
-
</table>
|
|
174
|
-
</div>
|
|
175
|
-
<!-- /.card-body -->
|
|
176
|
-
</div>
|
|
177
|
-
<!-- /.card -->
|
|
178
|
-
</div>
|
|
179
|
-
<!-- /.col -->
|
|
180
|
-
<div class="col-md-6">
|
|
181
|
-
<div class="card">
|
|
182
|
-
<div class="card-header">
|
|
183
|
-
<h3 class="card-title">Simple Full Width Table</h3>
|
|
184
|
-
|
|
185
|
-
<div class="card-tools">
|
|
186
|
-
<ul class="pagination pagination-sm float-end">
|
|
187
|
-
<li class="page-item"><a class="page-link" href="#">«</a></li>
|
|
188
|
-
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
189
|
-
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
|
190
|
-
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
191
|
-
<li class="page-item"><a class="page-link" href="#">»</a></li>
|
|
192
|
-
</ul>
|
|
193
|
-
</div>
|
|
194
|
-
</div>
|
|
195
|
-
<!-- /.card-header -->
|
|
196
|
-
<div class="card-body p-0">
|
|
197
|
-
<table class="table">
|
|
198
|
-
<thead>
|
|
199
|
-
<tr>
|
|
200
|
-
<th style="width: 10px">#</th>
|
|
201
|
-
<th>Task</th>
|
|
202
|
-
<th>Progress</th>
|
|
203
|
-
<th style="width: 40px">Label</th>
|
|
204
|
-
</tr>
|
|
205
|
-
</thead>
|
|
206
|
-
<tbody>
|
|
207
|
-
<tr>
|
|
208
|
-
<td>1.</td>
|
|
209
|
-
<td>Update software</td>
|
|
210
|
-
<td>
|
|
211
|
-
<div class="progress progress-xs">
|
|
212
|
-
<div class="progress-bar progress-bar-danger" style="width: 55%"></div>
|
|
213
|
-
</div>
|
|
214
|
-
</td>
|
|
215
|
-
<td><span class="badge text-bg-danger">55%</span></td>
|
|
216
|
-
</tr>
|
|
217
|
-
<tr>
|
|
218
|
-
<td>2.</td>
|
|
219
|
-
<td>Clean database</td>
|
|
220
|
-
<td>
|
|
221
|
-
<div class="progress progress-xs">
|
|
222
|
-
<div class="progress-bar text-bg-warning" style="width: 70%"></div>
|
|
223
|
-
</div>
|
|
224
|
-
</td>
|
|
225
|
-
<td><span class="badge text-bg-warning">70%</span></td>
|
|
226
|
-
</tr>
|
|
227
|
-
<tr>
|
|
228
|
-
<td>3.</td>
|
|
229
|
-
<td>Cron job running</td>
|
|
230
|
-
<td>
|
|
231
|
-
<div class="progress progress-xs progress-striped active">
|
|
232
|
-
<div class="progress-bar text-bg-primary" style="width: 30%"></div>
|
|
233
|
-
</div>
|
|
234
|
-
</td>
|
|
235
|
-
<td><span class="badge text-bg-primary">30%</span></td>
|
|
236
|
-
</tr>
|
|
237
|
-
<tr>
|
|
238
|
-
<td>4.</td>
|
|
239
|
-
<td>Fix and squish bugs</td>
|
|
240
|
-
<td>
|
|
241
|
-
<div class="progress progress-xs progress-striped active">
|
|
242
|
-
<div class="progress-bar text-bg-success" style="width: 90%"></div>
|
|
243
|
-
</div>
|
|
244
|
-
</td>
|
|
245
|
-
<td><span class="badge text-bg-success">90%</span></td>
|
|
246
|
-
</tr>
|
|
247
|
-
</tbody>
|
|
248
|
-
</table>
|
|
249
|
-
</div>
|
|
250
|
-
<!-- /.card-body -->
|
|
251
|
-
</div>
|
|
252
|
-
<!-- /.card -->
|
|
253
|
-
|
|
254
|
-
<div class="card">
|
|
255
|
-
<div class="card-header">
|
|
256
|
-
<h3 class="card-title">Striped Full Width Table</h3>
|
|
257
|
-
</div>
|
|
258
|
-
<!-- /.card-header -->
|
|
259
|
-
<div class="card-body p-0">
|
|
260
|
-
<table class="table table-striped">
|
|
261
|
-
<thead>
|
|
262
|
-
<tr>
|
|
263
|
-
<th style="width: 10px">#</th>
|
|
264
|
-
<th>Task</th>
|
|
265
|
-
<th>Progress</th>
|
|
266
|
-
<th style="width: 40px">Label</th>
|
|
267
|
-
</tr>
|
|
268
|
-
</thead>
|
|
269
|
-
<tbody>
|
|
270
|
-
<tr>
|
|
271
|
-
<td>1.</td>
|
|
272
|
-
<td>Update software</td>
|
|
273
|
-
<td>
|
|
274
|
-
<div class="progress progress-xs">
|
|
275
|
-
<div class="progress-bar progress-bar-danger" style="width: 55%"></div>
|
|
276
|
-
</div>
|
|
277
|
-
</td>
|
|
278
|
-
<td><span class="badge text-bg-danger">55%</span></td>
|
|
279
|
-
</tr>
|
|
280
|
-
<tr>
|
|
281
|
-
<td>2.</td>
|
|
282
|
-
<td>Clean database</td>
|
|
283
|
-
<td>
|
|
284
|
-
<div class="progress progress-xs">
|
|
285
|
-
<div class="progress-bar text-bg-warning" style="width: 70%"></div>
|
|
286
|
-
</div>
|
|
287
|
-
</td>
|
|
288
|
-
<td><span class="badge text-bg-warning">70%</span></td>
|
|
289
|
-
</tr>
|
|
290
|
-
<tr>
|
|
291
|
-
<td>3.</td>
|
|
292
|
-
<td>Cron job running</td>
|
|
293
|
-
<td>
|
|
294
|
-
<div class="progress progress-xs progress-striped active">
|
|
295
|
-
<div class="progress-bar text-bg-primary" style="width: 30%"></div>
|
|
296
|
-
</div>
|
|
297
|
-
</td>
|
|
298
|
-
<td><span class="badge text-bg-primary">30%</span></td>
|
|
299
|
-
</tr>
|
|
300
|
-
<tr>
|
|
301
|
-
<td>4.</td>
|
|
302
|
-
<td>Fix and squish bugs</td>
|
|
303
|
-
<td>
|
|
304
|
-
<div class="progress progress-xs progress-striped active">
|
|
305
|
-
<div class="progress-bar text-bg-success" style="width: 90%"></div>
|
|
306
|
-
</div>
|
|
307
|
-
</td>
|
|
308
|
-
<td><span class="badge text-bg-success">90%</span></td>
|
|
309
|
-
</tr>
|
|
310
|
-
</tbody>
|
|
311
|
-
</table>
|
|
312
|
-
</div>
|
|
313
|
-
<!-- /.card-body -->
|
|
314
|
-
</div>
|
|
315
|
-
<!-- /.card -->
|
|
316
|
-
</div>
|
|
317
|
-
<!-- /.col -->
|
|
318
|
-
</div>
|
|
319
|
-
<!-- /.row -->
|
|
320
|
-
</div><!-- /.container-fluid -->
|
|
321
|
-
</div>
|
|
322
|
-
<!-- /.content -->
|
|
323
|
-
</main>
|
|
324
|
-
<!-- /.content-wrapper -->
|
|
325
|
-
|
|
326
|
-
@@include('./dashboard/_footer.html', {
|
|
327
|
-
"path": "../.."
|
|
328
|
-
})
|
|
329
|
-
</div>
|
|
330
|
-
<!-- ./wrapper -->
|
|
331
|
-
|
|
332
|
-
@@include('./_scripts.html', {
|
|
333
|
-
"path": "../.."
|
|
334
|
-
})
|
|
335
|
-
</body>
|
|
336
|
-
</html>
|
|
@@ -1,143 +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 - Cards"
|
|
9
|
-
})
|
|
10
|
-
</head>
|
|
11
|
-
<body class="layout-fixed">
|
|
12
|
-
<div class="wrapper">
|
|
13
|
-
@@include('./dashboard/_topbar.html', {
|
|
14
|
-
"path": "../.."
|
|
15
|
-
})
|
|
16
|
-
|
|
17
|
-
@@include('./dashboard/_sidenav.html', {
|
|
18
|
-
"mainPage": "widgets",
|
|
19
|
-
"page": "cards",
|
|
20
|
-
"path": "../.."
|
|
21
|
-
})
|
|
22
|
-
<!-- Main content -->
|
|
23
|
-
<main class="content-wrapper">
|
|
24
|
-
<div class="content-header">
|
|
25
|
-
<div class="container-fluid">
|
|
26
|
-
<div class="row mb-2">
|
|
27
|
-
<div class="col-sm-6">
|
|
28
|
-
<h3>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="content">
|
|
41
|
-
<div class="container-fluid">
|
|
42
|
-
<h4 class="mb-2 mt-4">Cards</h4>
|
|
43
|
-
<h5 class="mb-2">Abilities</h5>
|
|
44
|
-
<div class="row">
|
|
45
|
-
<div class="col-md-3">
|
|
46
|
-
<div class="card card-primary collapsed-card">
|
|
47
|
-
<div class="card-header">
|
|
48
|
-
<h3 class="card-title">Expandable</h3>
|
|
49
|
-
|
|
50
|
-
<div class="card-tools">
|
|
51
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-plus"></i>
|
|
52
|
-
</button>
|
|
53
|
-
</div>
|
|
54
|
-
<!-- /.card-tools -->
|
|
55
|
-
</div>
|
|
56
|
-
<!-- /.card-header -->
|
|
57
|
-
<div class="card-body">
|
|
58
|
-
The body of the card
|
|
59
|
-
</div>
|
|
60
|
-
<!-- /.card-body -->
|
|
61
|
-
</div>
|
|
62
|
-
<!-- /.card -->
|
|
63
|
-
</div>
|
|
64
|
-
<!-- /.col -->
|
|
65
|
-
<div class="col-md-3">
|
|
66
|
-
<div class="card card-success">
|
|
67
|
-
<div class="card-header">
|
|
68
|
-
<h3 class="card-title">Collapsable</h3>
|
|
69
|
-
|
|
70
|
-
<div class="card-tools">
|
|
71
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-minus"></i>
|
|
72
|
-
</button>
|
|
73
|
-
</div>
|
|
74
|
-
<!-- /.card-tools -->
|
|
75
|
-
</div>
|
|
76
|
-
<!-- /.card-header -->
|
|
77
|
-
<div class="card-body">
|
|
78
|
-
The body of the card
|
|
79
|
-
</div>
|
|
80
|
-
<!-- /.card-body -->
|
|
81
|
-
</div>
|
|
82
|
-
<!-- /.card -->
|
|
83
|
-
</div>
|
|
84
|
-
<!-- /.col -->
|
|
85
|
-
<div class="col-md-3">
|
|
86
|
-
<div class="card card-warning">
|
|
87
|
-
<div class="card-header">
|
|
88
|
-
<h3 class="card-title">Removable</h3>
|
|
89
|
-
|
|
90
|
-
<div class="card-tools">
|
|
91
|
-
<button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fa-solid fa-times"></i>
|
|
92
|
-
</button>
|
|
93
|
-
</div>
|
|
94
|
-
<!-- /.card-tools -->
|
|
95
|
-
</div>
|
|
96
|
-
<!-- /.card-header -->
|
|
97
|
-
<div class="card-body">
|
|
98
|
-
The body of the card
|
|
99
|
-
</div>
|
|
100
|
-
<!-- /.card-body -->
|
|
101
|
-
</div>
|
|
102
|
-
<!-- /.card -->
|
|
103
|
-
</div>
|
|
104
|
-
<!-- /.col -->
|
|
105
|
-
<div class="col-md-3">
|
|
106
|
-
<div class="card card-danger">
|
|
107
|
-
<div class="card-header">
|
|
108
|
-
<h3 class="card-title">Maximizable</h3>
|
|
109
|
-
|
|
110
|
-
<div class="card-tools">
|
|
111
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fa-solid fa-expand"></i>
|
|
112
|
-
</button>
|
|
113
|
-
</div>
|
|
114
|
-
<!-- /.card-tools -->
|
|
115
|
-
</div>
|
|
116
|
-
<!-- /.card-header -->
|
|
117
|
-
<div class="card-body">
|
|
118
|
-
The body of the card
|
|
119
|
-
</div>
|
|
120
|
-
<!-- /.card-body -->
|
|
121
|
-
</div>
|
|
122
|
-
<!-- /.card -->
|
|
123
|
-
</div>
|
|
124
|
-
<!-- /.col -->
|
|
125
|
-
</div>
|
|
126
|
-
<!-- /.row -->
|
|
127
|
-
</div><!-- /.container-fluid -->
|
|
128
|
-
</div>
|
|
129
|
-
<!-- /.content -->
|
|
130
|
-
</main>
|
|
131
|
-
<!-- /.content-wrapper -->
|
|
132
|
-
|
|
133
|
-
@@include('./dashboard/_footer.html', {
|
|
134
|
-
"path": "../.."
|
|
135
|
-
})
|
|
136
|
-
</div>
|
|
137
|
-
<!-- ./wrapper -->
|
|
138
|
-
|
|
139
|
-
@@include('./_scripts.html', {
|
|
140
|
-
"path": "../.."
|
|
141
|
-
})
|
|
142
|
-
</body>
|
|
143
|
-
</html>
|