admin-lte 4.0.0-beta1 → 4.0.0-beta3
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/.astro/content-assets.mjs +1 -0
- package/.astro/content-modules.mjs +1 -0
- package/.astro/content.d.ts +166 -0
- package/.astro/data-store.json +1 -0
- package/.astro/settings.json +5 -0
- package/.astro/types.d.ts +2 -0
- package/.prettierrc +6 -0
- package/adminlte-v4.0.0-beta1-with-dist.zip +0 -0
- package/adminlte-v4.0.0-beta3.zip +0 -0
- package/dist/css/adminlte.css +55 -127
- 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/adminlte.rtl.css +55 -127
- package/dist/css/adminlte.rtl.css.map +1 -1
- package/dist/css/adminlte.rtl.min.css +2 -2
- package/dist/css/adminlte.rtl.min.css.map +1 -1
- package/dist/js/adminlte.js +2 -2
- 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/general.html +1886 -883
- package/dist/pages/UI/icons.html +818 -0
- package/dist/pages/UI/timeline.html +894 -490
- package/dist/pages/docs/browser-support.html +839 -434
- package/dist/pages/docs/color-mode.html +985 -539
- package/dist/pages/docs/components/main-header.html +1016 -535
- package/dist/pages/docs/components/main-sidebar.html +831 -431
- package/dist/pages/docs/faq.html +831 -432
- package/dist/pages/docs/how-to-contribute.html +904 -472
- package/dist/pages/docs/introduction.html +883 -451
- package/dist/pages/docs/javascript/treeview.html +837 -443
- package/dist/pages/docs/layout.html +835 -473
- package/dist/pages/docs/license.html +828 -434
- package/dist/pages/examples/lockscreen.html +129 -66
- package/dist/pages/examples/login-v2.html +157 -85
- package/dist/pages/examples/login.html +147 -80
- package/dist/pages/examples/register-v2.html +167 -88
- package/dist/pages/examples/register.html +152 -81
- package/dist/pages/forms/general.html +1223 -599
- package/dist/pages/generate/theme.html +737 -0
- package/dist/pages/index.html +1400 -793
- package/dist/pages/index2.html +1852 -1051
- package/dist/pages/index3.html +1183 -684
- package/dist/pages/layout/collapsed-sidebar.html +829 -440
- package/dist/pages/layout/fixed-sidebar.html +829 -440
- package/dist/pages/layout/layout-custom-area.html +862 -0
- package/dist/pages/layout/layout-rtl.html +829 -440
- package/dist/pages/layout/logo-switch.html +486 -233
- package/dist/pages/layout/sidebar-mini.html +829 -440
- package/dist/pages/layout/unfixed-sidebar.html +827 -439
- package/dist/pages/tables/simple.html +1079 -686
- package/dist/pages/widgets/cards.html +1034 -544
- package/dist/pages/widgets/info-box.html +1052 -571
- package/dist/pages/widgets/small-box.html +914 -474
- package/package.json +25 -24
- package/src/scss/_app-content.scss +0 -49
- package/src/scss/_app-main.scss +21 -1
- package/src/scss/_app-sidebar.scss +1 -6
- package/src/scss/_bootstrap-variables.scss +11 -9
- package/src/scss/_compact-mode.scss +0 -26
- package/src/scss/_variables.scss +19 -7
- package/src/scss/adminlte.scss +1 -1
- package/src/ts/push-menu.ts +1 -1
- package/.bundlewatch.config.json +0 -28
- package/.cache/.eslintcache +0 -1
- package/.cache/.stylelintcache +0 -1
- package/.editorconfig +0 -14
- package/.eslintignore +0 -7
- package/.eslintrc.json +0 -120
- package/.gitattributes +0 -6
- package/.gitpod.yml +0 -6
- package/.stylelintignore +0 -8
- package/.stylelintrc.json +0 -47
- package/composer.json +0 -25
- package/dist/pages/layout/fixed-complete.html +0 -541
- package/src/assets/img/AdminLTEFullLogo.png +0 -0
- package/src/assets/img/AdminLTELogo.png +0 -0
- package/src/assets/img/avatar.png +0 -0
- package/src/assets/img/avatar2.png +0 -0
- package/src/assets/img/avatar3.png +0 -0
- package/src/assets/img/avatar4.png +0 -0
- package/src/assets/img/avatar5.png +0 -0
- package/src/assets/img/boxed-bg.jpg +0 -0
- package/src/assets/img/boxed-bg.png +0 -0
- package/src/assets/img/credit/american-express.png +0 -0
- package/src/assets/img/credit/cirrus.png +0 -0
- package/src/assets/img/credit/mastercard.png +0 -0
- package/src/assets/img/credit/paypal.png +0 -0
- package/src/assets/img/credit/paypal2.png +0 -0
- package/src/assets/img/credit/visa.png +0 -0
- package/src/assets/img/default-150x150.png +0 -0
- package/src/assets/img/icons.png +0 -0
- package/src/assets/img/photo1.png +0 -0
- package/src/assets/img/photo2.png +0 -0
- package/src/assets/img/photo3.jpg +0 -0
- package/src/assets/img/photo4.jpg +0 -0
- package/src/assets/img/prod-1.jpg +0 -0
- package/src/assets/img/prod-2.jpg +0 -0
- package/src/assets/img/prod-3.jpg +0 -0
- package/src/assets/img/prod-4.jpg +0 -0
- package/src/assets/img/prod-5.jpg +0 -0
- package/src/assets/img/user1-128x128.jpg +0 -0
- package/src/assets/img/user2-160x160.jpg +0 -0
- package/src/assets/img/user3-128x128.jpg +0 -0
- package/src/assets/img/user4-128x128.jpg +0 -0
- package/src/assets/img/user5-128x128.jpg +0 -0
- package/src/assets/img/user6-128x128.jpg +0 -0
- package/src/assets/img/user7-128x128.jpg +0 -0
- package/src/assets/img/user8-128x128.jpg +0 -0
- package/src/config/assets.config.mjs +0 -8
- package/src/config/astro.config.mjs +0 -19
- package/src/config/postcss.config.mjs +0 -15
- package/src/config/rollup.config.js +0 -20
- package/src/html/.eslintrc.json +0 -24
- package/src/html/.prettierrc.js +0 -11
- package/src/html/.tsconfig.json +0 -4
- package/src/html/components/_head.astro +0 -37
- package/src/html/components/_scripts.astro +0 -39
- package/src/html/components/dashboard/_footer.astro +0 -18
- package/src/html/components/dashboard/_sidenav.astro +0 -562
- package/src/html/components/dashboard/_topbar.astro +0 -221
- package/src/html/components/docs/browser-support.mdx +0 -23
- package/src/html/components/docs/color-mode.mdx +0 -169
- package/src/html/components/docs/components/main-header.mdx +0 -198
- package/src/html/components/docs/components/main-sidebar.mdx +0 -129
- package/src/html/components/docs/faq.mdx +0 -11
- package/src/html/components/docs/how-to-contribute.mdx +0 -34
- package/src/html/components/docs/introduction.mdx +0 -60
- package/src/html/components/docs/license.mdx +0 -9
- package/src/html/components/javascript/treeview.mdx +0 -39
- package/src/html/env.d.ts +0 -1
- package/src/html/pages/UI/general.astro +0 -1451
- package/src/html/pages/UI/timeline.astro +0 -221
- package/src/html/pages/docs/browser-support.astro +0 -71
- package/src/html/pages/docs/color-mode.astro +0 -273
- package/src/html/pages/docs/components/main-header.astro +0 -320
- package/src/html/pages/docs/components/main-sidebar.astro +0 -71
- package/src/html/pages/docs/faq.astro +0 -71
- package/src/html/pages/docs/how-to-contribute.astro +0 -71
- package/src/html/pages/docs/introduction.astro +0 -71
- package/src/html/pages/docs/javascript/treeview.astro +0 -71
- package/src/html/pages/docs/layout.astro +0 -120
- package/src/html/pages/docs/license.astro +0 -71
- package/src/html/pages/examples/lockscreen.astro +0 -63
- package/src/html/pages/examples/login-v2.astro +0 -109
- package/src/html/pages/examples/login.astro +0 -99
- package/src/html/pages/examples/register-v2.astro +0 -116
- package/src/html/pages/examples/register.astro +0 -102
- package/src/html/pages/forms/general.astro +0 -624
- package/src/html/pages/index.astro +0 -799
- package/src/html/pages/index2.astro +0 -1373
- package/src/html/pages/index3.astro +0 -513
- package/src/html/pages/layout/collapsed-sidebar.astro +0 -110
- package/src/html/pages/layout/fixed-complete.astro +0 -209
- package/src/html/pages/layout/fixed-sidebar.astro +0 -109
- package/src/html/pages/layout/layout-rtl.astro +0 -109
- package/src/html/pages/layout/logo-switch.astro +0 -212
- package/src/html/pages/layout/sidebar-mini.astro +0 -108
- package/src/html/pages/layout/unfixed-sidebar.astro +0 -107
- package/src/html/pages/tables/simple.astro +0 -472
- package/src/html/pages/widgets/cards.astro +0 -373
- package/src/html/pages/widgets/info-box.astro +0 -413
- package/src/html/pages/widgets/small-box.astro +0 -182
- package/src/utils/index.js +0 -28
- package/tsconfig.json +0 -31
|
@@ -1,472 +0,0 @@
|
|
|
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
|
-
---
|
|
13
|
-
|
|
14
|
-
<!DOCTYPE html>
|
|
15
|
-
<html lang="en">
|
|
16
|
-
<!--begin::Head-->
|
|
17
|
-
<head>
|
|
18
|
-
<Head title={title} path={path} />
|
|
19
|
-
</head>
|
|
20
|
-
<!--end::Head-->
|
|
21
|
-
<!--begin::Body-->
|
|
22
|
-
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
23
|
-
<!--begin::App Wrapper-->
|
|
24
|
-
<div class="app-wrapper">
|
|
25
|
-
<Topbar path={path} />
|
|
26
|
-
<Sidenav path={path} mainPage={mainPage} page={page} />
|
|
27
|
-
<!--begin::App Main-->
|
|
28
|
-
<main class="app-main">
|
|
29
|
-
<!--begin::App Content Header-->
|
|
30
|
-
<div class="app-content-header">
|
|
31
|
-
<!--begin::Container-->
|
|
32
|
-
<div class="container-fluid">
|
|
33
|
-
<!--begin::Row-->
|
|
34
|
-
<div class="row">
|
|
35
|
-
<div class="col-sm-6">
|
|
36
|
-
<h3 class="mb-0">Simple Tables</h3>
|
|
37
|
-
</div>
|
|
38
|
-
<div class="col-sm-6">
|
|
39
|
-
<ol class="breadcrumb float-sm-end">
|
|
40
|
-
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
|
41
|
-
<li class="breadcrumb-item active" aria-current="page">
|
|
42
|
-
Simple Tables
|
|
43
|
-
</li>
|
|
44
|
-
</ol>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
<!--end::Row-->
|
|
48
|
-
</div>
|
|
49
|
-
<!--end::Container-->
|
|
50
|
-
</div>
|
|
51
|
-
<!--end::App Content Header-->
|
|
52
|
-
<!--begin::App Content-->
|
|
53
|
-
<div class="app-content">
|
|
54
|
-
<!--begin::Container-->
|
|
55
|
-
<div class="container-fluid">
|
|
56
|
-
<!--begin::Row-->
|
|
57
|
-
<div class="row">
|
|
58
|
-
<div class="col-md-6">
|
|
59
|
-
<div class="card mb-4">
|
|
60
|
-
<div class="card-header">
|
|
61
|
-
<h3 class="card-title">Bordered Table</h3>
|
|
62
|
-
</div>
|
|
63
|
-
<!-- /.card-header -->
|
|
64
|
-
<div class="card-body">
|
|
65
|
-
<table class="table table-bordered">
|
|
66
|
-
<thead>
|
|
67
|
-
<tr>
|
|
68
|
-
<th style="width: 10px">#</th>
|
|
69
|
-
<th>Task</th>
|
|
70
|
-
<th>Progress</th>
|
|
71
|
-
<th style="width: 40px">Label</th>
|
|
72
|
-
</tr>
|
|
73
|
-
</thead>
|
|
74
|
-
<tbody>
|
|
75
|
-
<tr class="align-middle">
|
|
76
|
-
<td>1.</td>
|
|
77
|
-
<td>Update software</td>
|
|
78
|
-
<td>
|
|
79
|
-
<div class="progress progress-xs">
|
|
80
|
-
<div
|
|
81
|
-
class="progress-bar progress-bar-danger"
|
|
82
|
-
style="width: 55%"
|
|
83
|
-
>
|
|
84
|
-
</div>
|
|
85
|
-
</div>
|
|
86
|
-
</td>
|
|
87
|
-
<td><span class="badge text-bg-danger">55%</span></td>
|
|
88
|
-
</tr>
|
|
89
|
-
<tr class="align-middle">
|
|
90
|
-
<td>2.</td>
|
|
91
|
-
<td>Clean database</td>
|
|
92
|
-
<td>
|
|
93
|
-
<div class="progress progress-xs">
|
|
94
|
-
<div
|
|
95
|
-
class="progress-bar text-bg-warning"
|
|
96
|
-
style="width: 70%"
|
|
97
|
-
>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
</td>
|
|
101
|
-
<td>
|
|
102
|
-
<span class="badge text-bg-warning">70%</span>
|
|
103
|
-
</td>
|
|
104
|
-
</tr>
|
|
105
|
-
<tr class="align-middle">
|
|
106
|
-
<td>3.</td>
|
|
107
|
-
<td>Cron job running</td>
|
|
108
|
-
<td>
|
|
109
|
-
<div
|
|
110
|
-
class="progress progress-xs progress-striped active"
|
|
111
|
-
>
|
|
112
|
-
<div
|
|
113
|
-
class="progress-bar text-bg-primary"
|
|
114
|
-
style="width: 30%"
|
|
115
|
-
>
|
|
116
|
-
</div>
|
|
117
|
-
</div>
|
|
118
|
-
</td>
|
|
119
|
-
<td>
|
|
120
|
-
<span class="badge text-bg-primary">30%</span>
|
|
121
|
-
</td>
|
|
122
|
-
</tr>
|
|
123
|
-
<tr class="align-middle">
|
|
124
|
-
<td>4.</td>
|
|
125
|
-
<td>Fix and squish bugs</td>
|
|
126
|
-
<td>
|
|
127
|
-
<div
|
|
128
|
-
class="progress progress-xs progress-striped active"
|
|
129
|
-
>
|
|
130
|
-
<div
|
|
131
|
-
class="progress-bar text-bg-success"
|
|
132
|
-
style="width: 90%"
|
|
133
|
-
>
|
|
134
|
-
</div>
|
|
135
|
-
</div>
|
|
136
|
-
</td>
|
|
137
|
-
<td>
|
|
138
|
-
<span class="badge text-bg-success">90%</span>
|
|
139
|
-
</td>
|
|
140
|
-
</tr>
|
|
141
|
-
</tbody>
|
|
142
|
-
</table>
|
|
143
|
-
</div>
|
|
144
|
-
<!-- /.card-body -->
|
|
145
|
-
<div class="card-footer clearfix">
|
|
146
|
-
<ul class="pagination pagination-sm m-0 float-end">
|
|
147
|
-
<li class="page-item">
|
|
148
|
-
<a class="page-link" href="#">«</a>
|
|
149
|
-
</li>
|
|
150
|
-
<li class="page-item">
|
|
151
|
-
<a class="page-link" href="#">1</a>
|
|
152
|
-
</li>
|
|
153
|
-
<li class="page-item">
|
|
154
|
-
<a class="page-link" href="#">2</a>
|
|
155
|
-
</li>
|
|
156
|
-
<li class="page-item">
|
|
157
|
-
<a class="page-link" href="#">3</a>
|
|
158
|
-
</li>
|
|
159
|
-
<li class="page-item">
|
|
160
|
-
<a class="page-link" href="#">»</a>
|
|
161
|
-
</li>
|
|
162
|
-
</ul>
|
|
163
|
-
</div>
|
|
164
|
-
</div>
|
|
165
|
-
<!-- /.card -->
|
|
166
|
-
|
|
167
|
-
<div class="card mb-4">
|
|
168
|
-
<div class="card-header">
|
|
169
|
-
<h3 class="card-title">Condensed Full Width Table</h3>
|
|
170
|
-
</div>
|
|
171
|
-
<!-- /.card-header -->
|
|
172
|
-
<div class="card-body p-0">
|
|
173
|
-
<table class="table table-sm">
|
|
174
|
-
<thead>
|
|
175
|
-
<tr>
|
|
176
|
-
<th style="width: 10px">#</th>
|
|
177
|
-
<th>Task</th>
|
|
178
|
-
<th>Progress</th>
|
|
179
|
-
<th style="width: 40px">Label</th>
|
|
180
|
-
</tr>
|
|
181
|
-
</thead>
|
|
182
|
-
<tbody>
|
|
183
|
-
<tr class="align-middle">
|
|
184
|
-
<td>1.</td>
|
|
185
|
-
<td>Update software</td>
|
|
186
|
-
<td>
|
|
187
|
-
<div class="progress progress-xs">
|
|
188
|
-
<div
|
|
189
|
-
class="progress-bar progress-bar-danger"
|
|
190
|
-
style="width: 55%"
|
|
191
|
-
>
|
|
192
|
-
</div>
|
|
193
|
-
</div>
|
|
194
|
-
</td>
|
|
195
|
-
<td><span class="badge text-bg-danger">55%</span></td>
|
|
196
|
-
</tr>
|
|
197
|
-
<tr class="align-middle">
|
|
198
|
-
<td>2.</td>
|
|
199
|
-
<td>Clean database</td>
|
|
200
|
-
<td>
|
|
201
|
-
<div class="progress progress-xs">
|
|
202
|
-
<div
|
|
203
|
-
class="progress-bar text-bg-warning"
|
|
204
|
-
style="width: 70%"
|
|
205
|
-
>
|
|
206
|
-
</div>
|
|
207
|
-
</div>
|
|
208
|
-
</td>
|
|
209
|
-
<td>
|
|
210
|
-
<span class="badge text-bg-warning">70%</span>
|
|
211
|
-
</td>
|
|
212
|
-
</tr>
|
|
213
|
-
<tr class="align-middle">
|
|
214
|
-
<td>3.</td>
|
|
215
|
-
<td>Cron job running</td>
|
|
216
|
-
<td>
|
|
217
|
-
<div
|
|
218
|
-
class="progress progress-xs progress-striped active"
|
|
219
|
-
>
|
|
220
|
-
<div
|
|
221
|
-
class="progress-bar text-bg-primary"
|
|
222
|
-
style="width: 30%"
|
|
223
|
-
>
|
|
224
|
-
</div>
|
|
225
|
-
</div>
|
|
226
|
-
</td>
|
|
227
|
-
<td>
|
|
228
|
-
<span class="badge text-bg-primary">30%</span>
|
|
229
|
-
</td>
|
|
230
|
-
</tr>
|
|
231
|
-
<tr class="align-middle">
|
|
232
|
-
<td>4.</td>
|
|
233
|
-
<td>Fix and squish bugs</td>
|
|
234
|
-
<td>
|
|
235
|
-
<div
|
|
236
|
-
class="progress progress-xs progress-striped active"
|
|
237
|
-
>
|
|
238
|
-
<div
|
|
239
|
-
class="progress-bar text-bg-success"
|
|
240
|
-
style="width: 90%"
|
|
241
|
-
>
|
|
242
|
-
</div>
|
|
243
|
-
</div>
|
|
244
|
-
</td>
|
|
245
|
-
<td>
|
|
246
|
-
<span class="badge text-bg-success">90%</span>
|
|
247
|
-
</td>
|
|
248
|
-
</tr>
|
|
249
|
-
</tbody>
|
|
250
|
-
</table>
|
|
251
|
-
</div>
|
|
252
|
-
<!-- /.card-body -->
|
|
253
|
-
</div>
|
|
254
|
-
<!-- /.card -->
|
|
255
|
-
</div>
|
|
256
|
-
<!-- /.col -->
|
|
257
|
-
<div class="col-md-6">
|
|
258
|
-
<div class="card mb-4">
|
|
259
|
-
<div class="card-header">
|
|
260
|
-
<h3 class="card-title">Simple Full Width Table</h3>
|
|
261
|
-
|
|
262
|
-
<div class="card-tools">
|
|
263
|
-
<ul class="pagination pagination-sm float-end">
|
|
264
|
-
<li class="page-item">
|
|
265
|
-
<a class="page-link" href="#">«</a>
|
|
266
|
-
</li>
|
|
267
|
-
<li class="page-item">
|
|
268
|
-
<a class="page-link" href="#">1</a>
|
|
269
|
-
</li>
|
|
270
|
-
<li class="page-item">
|
|
271
|
-
<a class="page-link" href="#">2</a>
|
|
272
|
-
</li>
|
|
273
|
-
<li class="page-item">
|
|
274
|
-
<a class="page-link" href="#">3</a>
|
|
275
|
-
</li>
|
|
276
|
-
<li class="page-item">
|
|
277
|
-
<a class="page-link" href="#">»</a>
|
|
278
|
-
</li>
|
|
279
|
-
</ul>
|
|
280
|
-
</div>
|
|
281
|
-
</div>
|
|
282
|
-
<!-- /.card-header -->
|
|
283
|
-
<div class="card-body p-0">
|
|
284
|
-
<table class="table">
|
|
285
|
-
<thead>
|
|
286
|
-
<tr>
|
|
287
|
-
<th style="width: 10px">#</th>
|
|
288
|
-
<th>Task</th>
|
|
289
|
-
<th>Progress</th>
|
|
290
|
-
<th style="width: 40px">Label</th>
|
|
291
|
-
</tr>
|
|
292
|
-
</thead>
|
|
293
|
-
<tbody>
|
|
294
|
-
<tr class="align-middle">
|
|
295
|
-
<td>1.</td>
|
|
296
|
-
<td>Update software</td>
|
|
297
|
-
<td>
|
|
298
|
-
<div class="progress progress-xs">
|
|
299
|
-
<div
|
|
300
|
-
class="progress-bar progress-bar-danger"
|
|
301
|
-
style="width: 55%"
|
|
302
|
-
>
|
|
303
|
-
</div>
|
|
304
|
-
</div>
|
|
305
|
-
</td>
|
|
306
|
-
<td><span class="badge text-bg-danger">55%</span></td>
|
|
307
|
-
</tr>
|
|
308
|
-
<tr class="align-middle">
|
|
309
|
-
<td>2.</td>
|
|
310
|
-
<td>Clean database</td>
|
|
311
|
-
<td>
|
|
312
|
-
<div class="progress progress-xs">
|
|
313
|
-
<div
|
|
314
|
-
class="progress-bar text-bg-warning"
|
|
315
|
-
style="width: 70%"
|
|
316
|
-
>
|
|
317
|
-
</div>
|
|
318
|
-
</div>
|
|
319
|
-
</td>
|
|
320
|
-
<td>
|
|
321
|
-
<span class="badge text-bg-warning">70%</span>
|
|
322
|
-
</td>
|
|
323
|
-
</tr>
|
|
324
|
-
<tr class="align-middle">
|
|
325
|
-
<td>3.</td>
|
|
326
|
-
<td>Cron job running</td>
|
|
327
|
-
<td>
|
|
328
|
-
<div
|
|
329
|
-
class="progress progress-xs progress-striped active"
|
|
330
|
-
>
|
|
331
|
-
<div
|
|
332
|
-
class="progress-bar text-bg-primary"
|
|
333
|
-
style="width: 30%"
|
|
334
|
-
>
|
|
335
|
-
</div>
|
|
336
|
-
</div>
|
|
337
|
-
</td>
|
|
338
|
-
<td>
|
|
339
|
-
<span class="badge text-bg-primary">30%</span>
|
|
340
|
-
</td>
|
|
341
|
-
</tr>
|
|
342
|
-
<tr class="align-middle">
|
|
343
|
-
<td>4.</td>
|
|
344
|
-
<td>Fix and squish bugs</td>
|
|
345
|
-
<td>
|
|
346
|
-
<div
|
|
347
|
-
class="progress progress-xs progress-striped active"
|
|
348
|
-
>
|
|
349
|
-
<div
|
|
350
|
-
class="progress-bar text-bg-success"
|
|
351
|
-
style="width: 90%"
|
|
352
|
-
>
|
|
353
|
-
</div>
|
|
354
|
-
</div>
|
|
355
|
-
</td>
|
|
356
|
-
<td>
|
|
357
|
-
<span class="badge text-bg-success">90%</span>
|
|
358
|
-
</td>
|
|
359
|
-
</tr>
|
|
360
|
-
</tbody>
|
|
361
|
-
</table>
|
|
362
|
-
</div>
|
|
363
|
-
<!-- /.card-body -->
|
|
364
|
-
</div>
|
|
365
|
-
<!-- /.card -->
|
|
366
|
-
|
|
367
|
-
<div class="card mb-4">
|
|
368
|
-
<div class="card-header">
|
|
369
|
-
<h3 class="card-title">Striped Full Width Table</h3>
|
|
370
|
-
</div>
|
|
371
|
-
<!-- /.card-header -->
|
|
372
|
-
<div class="card-body p-0">
|
|
373
|
-
<table class="table table-striped">
|
|
374
|
-
<thead>
|
|
375
|
-
<tr>
|
|
376
|
-
<th style="width: 10px">#</th>
|
|
377
|
-
<th>Task</th>
|
|
378
|
-
<th>Progress</th>
|
|
379
|
-
<th style="width: 40px">Label</th>
|
|
380
|
-
</tr>
|
|
381
|
-
</thead>
|
|
382
|
-
<tbody>
|
|
383
|
-
<tr class="align-middle">
|
|
384
|
-
<td>1.</td>
|
|
385
|
-
<td>Update software</td>
|
|
386
|
-
<td>
|
|
387
|
-
<div class="progress progress-xs">
|
|
388
|
-
<div
|
|
389
|
-
class="progress-bar progress-bar-danger"
|
|
390
|
-
style="width: 55%"
|
|
391
|
-
>
|
|
392
|
-
</div>
|
|
393
|
-
</div>
|
|
394
|
-
</td>
|
|
395
|
-
<td><span class="badge text-bg-danger">55%</span></td>
|
|
396
|
-
</tr>
|
|
397
|
-
<tr class="align-middle">
|
|
398
|
-
<td>2.</td>
|
|
399
|
-
<td>Clean database</td>
|
|
400
|
-
<td>
|
|
401
|
-
<div class="progress progress-xs">
|
|
402
|
-
<div
|
|
403
|
-
class="progress-bar text-bg-warning"
|
|
404
|
-
style="width: 70%"
|
|
405
|
-
>
|
|
406
|
-
</div>
|
|
407
|
-
</div>
|
|
408
|
-
</td>
|
|
409
|
-
<td>
|
|
410
|
-
<span class="badge text-bg-warning">70%</span>
|
|
411
|
-
</td>
|
|
412
|
-
</tr>
|
|
413
|
-
<tr class="align-middle">
|
|
414
|
-
<td>3.</td>
|
|
415
|
-
<td>Cron job running</td>
|
|
416
|
-
<td>
|
|
417
|
-
<div
|
|
418
|
-
class="progress progress-xs progress-striped active"
|
|
419
|
-
>
|
|
420
|
-
<div
|
|
421
|
-
class="progress-bar text-bg-primary"
|
|
422
|
-
style="width: 30%"
|
|
423
|
-
>
|
|
424
|
-
</div>
|
|
425
|
-
</div>
|
|
426
|
-
</td>
|
|
427
|
-
<td>
|
|
428
|
-
<span class="badge text-bg-primary">30%</span>
|
|
429
|
-
</td>
|
|
430
|
-
</tr>
|
|
431
|
-
<tr class="align-middle">
|
|
432
|
-
<td>4.</td>
|
|
433
|
-
<td>Fix and squish bugs</td>
|
|
434
|
-
<td>
|
|
435
|
-
<div
|
|
436
|
-
class="progress progress-xs progress-striped active"
|
|
437
|
-
>
|
|
438
|
-
<div
|
|
439
|
-
class="progress-bar text-bg-success"
|
|
440
|
-
style="width: 90%"
|
|
441
|
-
>
|
|
442
|
-
</div>
|
|
443
|
-
</div>
|
|
444
|
-
</td>
|
|
445
|
-
<td>
|
|
446
|
-
<span class="badge text-bg-success">90%</span>
|
|
447
|
-
</td>
|
|
448
|
-
</tr>
|
|
449
|
-
</tbody>
|
|
450
|
-
</table>
|
|
451
|
-
</div>
|
|
452
|
-
<!-- /.card-body -->
|
|
453
|
-
</div>
|
|
454
|
-
<!-- /.card -->
|
|
455
|
-
</div>
|
|
456
|
-
<!-- /.col -->
|
|
457
|
-
</div>
|
|
458
|
-
<!--end::Row-->
|
|
459
|
-
</div>
|
|
460
|
-
<!--end::Container-->
|
|
461
|
-
</div>
|
|
462
|
-
<!--end::App Content-->
|
|
463
|
-
</main>
|
|
464
|
-
<!--end::App Main-->
|
|
465
|
-
<Footer />
|
|
466
|
-
</div>
|
|
467
|
-
<!--end::App Wrapper-->
|
|
468
|
-
<!--begin::Script-->
|
|
469
|
-
<Scripts path={path} />
|
|
470
|
-
<!--end::Script-->
|
|
471
|
-
</body><!--end::Body-->
|
|
472
|
-
</html>
|