admin-lte 4.0.0-alpha2 → 4.0.0-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/.bundlewatch.config.json +6 -6
  2. package/.cache/.eslintcache +1 -1
  3. package/.cache/.stylelintcache +1 -1
  4. package/.gitpod.yml +1 -1
  5. package/README.md +9 -4
  6. package/dist/assets/img/AdminLTEFullLogo.png +0 -0
  7. package/dist/css/adminlte.css +879 -418
  8. package/dist/css/adminlte.css.map +1 -1
  9. package/dist/css/adminlte.min.css +2 -2
  10. package/dist/css/adminlte.min.css.map +1 -1
  11. package/dist/css/adminlte.rtl.css +886 -416
  12. package/dist/css/adminlte.rtl.css.map +1 -1
  13. package/dist/css/adminlte.rtl.min.css +2 -2
  14. package/dist/css/adminlte.rtl.min.css.map +1 -1
  15. package/dist/js/adminlte.js +178 -96
  16. package/dist/js/adminlte.js.map +1 -1
  17. package/dist/js/adminlte.min.js +3 -3
  18. package/dist/js/adminlte.min.js.map +1 -1
  19. package/dist/pages/UI/general.html +895 -0
  20. package/dist/pages/UI/timeline.html +309 -515
  21. package/dist/pages/docs/browser-support.html +265 -433
  22. package/dist/pages/docs/color-mode.html +482 -615
  23. package/dist/pages/docs/components/main-header.html +516 -703
  24. package/dist/pages/docs/components/main-sidebar.html +550 -0
  25. package/dist/pages/docs/faq.html +433 -0
  26. package/dist/pages/docs/how-to-contribute.html +474 -0
  27. package/dist/pages/docs/introduction.html +463 -0
  28. package/dist/pages/docs/javascript/treeview.html +453 -0
  29. package/dist/pages/docs/layout.html +293 -433
  30. package/dist/pages/docs/license.html +436 -0
  31. package/dist/pages/examples/lockscreen.html +69 -0
  32. package/dist/pages/examples/login-v2.html +88 -0
  33. package/dist/pages/examples/login.html +49 -100
  34. package/dist/pages/examples/register-v2.html +90 -0
  35. package/dist/pages/examples/register.html +50 -103
  36. package/dist/pages/forms/general.html +430 -454
  37. package/dist/pages/index.html +466 -740
  38. package/dist/pages/index2.html +672 -1041
  39. package/dist/pages/index3.html +371 -629
  40. package/dist/pages/layout/collapsed-sidebar.html +441 -0
  41. package/dist/pages/layout/fixed-complete.html +541 -0
  42. package/dist/pages/layout/fixed-sidebar.html +263 -446
  43. package/dist/pages/layout/layout-rtl.html +263 -445
  44. package/dist/pages/layout/logo-switch.html +234 -0
  45. package/dist/pages/layout/sidebar-mini.html +263 -445
  46. package/dist/pages/layout/unfixed-sidebar.html +263 -445
  47. package/dist/pages/tables/simple.html +314 -499
  48. package/dist/pages/widgets/cards.html +326 -629
  49. package/dist/pages/widgets/info-box.html +348 -674
  50. package/dist/pages/widgets/small-box.html +279 -465
  51. package/index.html +6 -10
  52. package/package.json +34 -30
  53. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  54. package/src/config/astro.config.mjs +3 -1
  55. package/src/html/.prettierrc.js +11 -0
  56. package/src/html/components/_head.astro +32 -26
  57. package/src/html/components/_scripts.astro +27 -28
  58. package/src/html/components/dashboard/_footer.astro +14 -8
  59. package/src/html/components/dashboard/_sidenav.astro +352 -113
  60. package/src/html/components/dashboard/_topbar.astro +99 -50
  61. package/src/html/components/docs/{browser-support/index.md → browser-support.mdx} +2 -1
  62. package/src/html/components/docs/color-mode.mdx +169 -0
  63. package/src/html/components/docs/components/{main-header-1.md → main-header.mdx} +60 -21
  64. package/src/html/components/docs/components/main-sidebar.mdx +129 -0
  65. package/src/html/components/docs/faq.mdx +11 -0
  66. package/src/html/components/docs/how-to-contribute.mdx +34 -0
  67. package/src/html/components/docs/{introduction/index.md → introduction.mdx} +30 -5
  68. package/src/html/components/docs/license.mdx +9 -0
  69. package/src/html/components/javascript/treeview.mdx +39 -0
  70. package/src/html/pages/UI/general.astro +1451 -0
  71. package/src/html/pages/UI/timeline.astro +111 -48
  72. package/src/html/pages/docs/browser-support.astro +24 -11
  73. package/src/html/pages/docs/color-mode.astro +91 -42
  74. package/src/html/pages/docs/components/main-header.astro +134 -46
  75. package/src/html/pages/docs/components/main-sidebar.astro +71 -0
  76. package/src/html/pages/docs/faq.astro +71 -0
  77. package/src/html/pages/docs/how-to-contribute.astro +71 -0
  78. package/src/html/pages/docs/{index.astro → introduction.astro} +24 -11
  79. package/src/html/pages/docs/javascript/treeview.astro +71 -0
  80. package/src/html/pages/docs/layout.astro +62 -19
  81. package/src/html/pages/docs/license.astro +71 -0
  82. package/src/html/pages/examples/lockscreen.astro +63 -0
  83. package/src/html/pages/examples/login-v2.astro +109 -0
  84. package/src/html/pages/examples/login.astro +34 -16
  85. package/src/html/pages/examples/register-v2.astro +116 -0
  86. package/src/html/pages/examples/register.astro +36 -18
  87. package/src/html/pages/forms/general.astro +568 -37
  88. package/src/html/pages/index.astro +403 -157
  89. package/src/html/pages/index2.astro +715 -255
  90. package/src/html/pages/index3.astro +298 -197
  91. package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
  92. package/src/html/pages/layout/fixed-complete.astro +209 -0
  93. package/src/html/pages/layout/fixed-sidebar.astro +52 -27
  94. package/src/html/pages/layout/layout-rtl.astro +53 -28
  95. package/src/html/pages/layout/logo-switch.astro +212 -0
  96. package/src/html/pages/layout/sidebar-mini.astro +53 -28
  97. package/src/html/pages/layout/unfixed-sidebar.astro +51 -27
  98. package/src/html/pages/tables/simple.astro +226 -86
  99. package/src/html/pages/widgets/cards.astro +137 -72
  100. package/src/html/pages/widgets/info-box.astro +96 -41
  101. package/src/html/pages/widgets/small-box.astro +93 -32
  102. package/src/scss/_app-content.scss +52 -0
  103. package/src/scss/_app-footer.scss +1 -1
  104. package/src/scss/_app-main.scss +6 -5
  105. package/src/scss/_app-sidebar.scss +244 -70
  106. package/src/scss/_bootstrap-variables.scss +26 -22
  107. package/src/scss/_callouts.scss +6 -0
  108. package/src/scss/_cards.scss +32 -7
  109. package/src/scss/_compact-mode.scss +79 -0
  110. package/src/scss/_direct-chat.scss +5 -0
  111. package/src/scss/_dropdown.scss +1 -0
  112. package/src/scss/_info-box.scss +2 -10
  113. package/src/scss/_small-box.scss +0 -3
  114. package/src/scss/_timeline.scss +1 -0
  115. package/src/scss/_toasts.scss +33 -0
  116. package/src/scss/_variables.scss +32 -9
  117. package/src/scss/adminlte.scss +1 -2
  118. package/src/scss/mixins/_animations.scss +0 -5
  119. package/src/scss/pages/_lockscreen.scss +75 -0
  120. package/src/scss/pages/_login_and_register.scss +1 -3
  121. package/src/scss/parts/_core.scss +2 -0
  122. package/src/scss/parts/_extra-components.scss +1 -0
  123. package/src/scss/parts/_pages.scss +1 -0
  124. package/src/ts/adminlte.ts +3 -1
  125. package/src/ts/card-widget.ts +20 -52
  126. package/src/ts/direct-chat.ts +5 -4
  127. package/src/ts/fullscreen.ts +110 -0
  128. package/src/ts/layout.ts +5 -4
  129. package/src/ts/push-menu.ts +6 -22
  130. package/src/ts/treeview.ts +34 -11
  131. package/src/ts/util/index.ts +15 -13
  132. package/src/utils/index.js +20 -3
  133. package/.idea/AdminLTE.iml +0 -12
  134. package/.idea/codeStyles/Project.xml +0 -29
  135. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  136. package/.idea/inspectionProfiles/Project_Default.xml +0 -7
  137. package/.idea/modules.xml +0 -8
  138. package/.idea/php.xml +0 -28
  139. package/.idea/vcs.xml +0 -6
  140. package/dist/pages/docs.html +0 -617
  141. package/src/html/components/docs/color-mode/navbar-html.md +0 -80
  142. package/src/html/components/docs/color-mode/toggle-script.md +0 -48
package/src/html/pages/tables/simple.astro CHANGED
@@ -1,28 +1,36 @@
1
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';
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
7
 
8
- const title = 'AdminLTE 4 | Simple Tables'
9
- const path = '../../../dist'
10
- const mainPage = 'tables'
11
- const page = 'simple'
8
+ const title = "AdminLTE 4 | Simple Tables";
9
+ const path = "../../../dist";
10
+ const mainPage = "tables";
11
+ const page = "simple";
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 content -->
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">Simple Tables</h3>
@@ -30,18 +38,25 @@ const page = 'simple'
30
38
  <div class="col-sm-6">
31
39
  <ol class="breadcrumb float-sm-end">
32
40
  <li class="breadcrumb-item"><a href="#">Home</a></li>
33
- <li class="breadcrumb-item active" aria-current="page">Simple Tables</li>
41
+ <li class="breadcrumb-item active" aria-current="page">
42
+ Simple Tables
43
+ </li>
34
44
  </ol>
35
45
  </div>
36
46
  </div>
47
+ <!--end::Row-->
37
48
  </div>
49
+ <!--end::Container-->
38
50
  </div>
39
- <!-- Main content -->
51
+ <!--end::App Content Header-->
52
+ <!--begin::App Content-->
40
53
  <div class="app-content">
54
+ <!--begin::Container-->
41
55
  <div class="container-fluid">
56
+ <!--begin::Row-->
42
57
  <div class="row">
43
58
  <div class="col-md-6">
44
- <div class="card">
59
+ <div class="card mb-4">
45
60
  <div class="card-header">
46
61
  <h3 class="card-title">Bordered Table</h3>
47
62
  </div>
@@ -57,45 +72,71 @@ const page = 'simple'
57
72
  </tr>
58
73
  </thead>
59
74
  <tbody>
60
- <tr>
75
+ <tr class="align-middle">
61
76
  <td>1.</td>
62
77
  <td>Update software</td>
63
78
  <td>
64
79
  <div class="progress progress-xs">
65
- <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
80
+ <div
81
+ class="progress-bar progress-bar-danger"
82
+ style="width: 55%"
83
+ >
84
+ </div>
66
85
  </div>
67
86
  </td>
68
87
  <td><span class="badge text-bg-danger">55%</span></td>
69
88
  </tr>
70
- <tr>
89
+ <tr class="align-middle">
71
90
  <td>2.</td>
72
91
  <td>Clean database</td>
73
92
  <td>
74
93
  <div class="progress progress-xs">
75
- <div class="progress-bar text-bg-warning" style="width: 70%"></div>
94
+ <div
95
+ class="progress-bar text-bg-warning"
96
+ style="width: 70%"
97
+ >
98
+ </div>
76
99
  </div>
77
100
  </td>
78
- <td><span class="badge text-bg-warning">70%</span></td>
101
+ <td>
102
+ <span class="badge text-bg-warning">70%</span>
103
+ </td>
79
104
  </tr>
80
- <tr>
105
+ <tr class="align-middle">
81
106
  <td>3.</td>
82
107
  <td>Cron job running</td>
83
108
  <td>
84
- <div class="progress progress-xs progress-striped active">
85
- <div class="progress-bar text-bg-primary" style="width: 30%"></div>
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>
86
117
  </div>
87
118
  </td>
88
- <td><span class="badge text-bg-primary">30%</span></td>
119
+ <td>
120
+ <span class="badge text-bg-primary">30%</span>
121
+ </td>
89
122
  </tr>
90
- <tr>
123
+ <tr class="align-middle">
91
124
  <td>4.</td>
92
125
  <td>Fix and squish bugs</td>
93
126
  <td>
94
- <div class="progress progress-xs progress-striped active">
95
- <div class="progress-bar text-bg-success" style="width: 90%"></div>
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>
96
135
  </div>
97
136
  </td>
98
- <td><span class="badge text-bg-success">90%</span></td>
137
+ <td>
138
+ <span class="badge text-bg-success">90%</span>
139
+ </td>
99
140
  </tr>
100
141
  </tbody>
101
142
  </table>
@@ -103,17 +144,27 @@ const page = 'simple'
103
144
  <!-- /.card-body -->
104
145
  <div class="card-footer clearfix">
105
146
  <ul class="pagination pagination-sm m-0 float-end">
106
- <li class="page-item"><a class="page-link" href="#">&laquo;</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="#">&raquo;</a></li>
147
+ <li class="page-item">
148
+ <a class="page-link" href="#">&laquo;</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="#">&raquo;</a>
161
+ </li>
111
162
  </ul>
112
163
  </div>
113
164
  </div>
114
165
  <!-- /.card -->
115
166
 
116
- <div class="card">
167
+ <div class="card mb-4">
117
168
  <div class="card-header">
118
169
  <h3 class="card-title">Condensed Full Width Table</h3>
119
170
  </div>
@@ -129,45 +180,71 @@ const page = 'simple'
129
180
  </tr>
130
181
  </thead>
131
182
  <tbody>
132
- <tr>
183
+ <tr class="align-middle">
133
184
  <td>1.</td>
134
185
  <td>Update software</td>
135
186
  <td>
136
187
  <div class="progress progress-xs">
137
- <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
188
+ <div
189
+ class="progress-bar progress-bar-danger"
190
+ style="width: 55%"
191
+ >
192
+ </div>
138
193
  </div>
139
194
  </td>
140
195
  <td><span class="badge text-bg-danger">55%</span></td>
141
196
  </tr>
142
- <tr>
197
+ <tr class="align-middle">
143
198
  <td>2.</td>
144
199
  <td>Clean database</td>
145
200
  <td>
146
201
  <div class="progress progress-xs">
147
- <div class="progress-bar text-bg-warning" style="width: 70%"></div>
202
+ <div
203
+ class="progress-bar text-bg-warning"
204
+ style="width: 70%"
205
+ >
206
+ </div>
148
207
  </div>
149
208
  </td>
150
- <td><span class="badge text-bg-warning">70%</span></td>
209
+ <td>
210
+ <span class="badge text-bg-warning">70%</span>
211
+ </td>
151
212
  </tr>
152
- <tr>
213
+ <tr class="align-middle">
153
214
  <td>3.</td>
154
215
  <td>Cron job running</td>
155
216
  <td>
156
- <div class="progress progress-xs progress-striped active">
157
- <div class="progress-bar text-bg-primary" style="width: 30%"></div>
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>
158
225
  </div>
159
226
  </td>
160
- <td><span class="badge text-bg-primary">30%</span></td>
227
+ <td>
228
+ <span class="badge text-bg-primary">30%</span>
229
+ </td>
161
230
  </tr>
162
- <tr>
231
+ <tr class="align-middle">
163
232
  <td>4.</td>
164
233
  <td>Fix and squish bugs</td>
165
234
  <td>
166
- <div class="progress progress-xs progress-striped active">
167
- <div class="progress-bar text-bg-success" style="width: 90%"></div>
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>
168
243
  </div>
169
244
  </td>
170
- <td><span class="badge text-bg-success">90%</span></td>
245
+ <td>
246
+ <span class="badge text-bg-success">90%</span>
247
+ </td>
171
248
  </tr>
172
249
  </tbody>
173
250
  </table>
@@ -178,17 +255,27 @@ const page = 'simple'
178
255
  </div>
179
256
  <!-- /.col -->
180
257
  <div class="col-md-6">
181
- <div class="card">
258
+ <div class="card mb-4">
182
259
  <div class="card-header">
183
260
  <h3 class="card-title">Simple Full Width Table</h3>
184
261
 
185
262
  <div class="card-tools">
186
263
  <ul class="pagination pagination-sm float-end">
187
- <li class="page-item"><a class="page-link" href="#">&laquo;</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="#">&raquo;</a></li>
264
+ <li class="page-item">
265
+ <a class="page-link" href="#">&laquo;</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="#">&raquo;</a>
278
+ </li>
192
279
  </ul>
193
280
  </div>
194
281
  </div>
@@ -204,45 +291,71 @@ const page = 'simple'
204
291
  </tr>
205
292
  </thead>
206
293
  <tbody>
207
- <tr>
294
+ <tr class="align-middle">
208
295
  <td>1.</td>
209
296
  <td>Update software</td>
210
297
  <td>
211
298
  <div class="progress progress-xs">
212
- <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
299
+ <div
300
+ class="progress-bar progress-bar-danger"
301
+ style="width: 55%"
302
+ >
303
+ </div>
213
304
  </div>
214
305
  </td>
215
306
  <td><span class="badge text-bg-danger">55%</span></td>
216
307
  </tr>
217
- <tr>
308
+ <tr class="align-middle">
218
309
  <td>2.</td>
219
310
  <td>Clean database</td>
220
311
  <td>
221
312
  <div class="progress progress-xs">
222
- <div class="progress-bar text-bg-warning" style="width: 70%"></div>
313
+ <div
314
+ class="progress-bar text-bg-warning"
315
+ style="width: 70%"
316
+ >
317
+ </div>
223
318
  </div>
224
319
  </td>
225
- <td><span class="badge text-bg-warning">70%</span></td>
320
+ <td>
321
+ <span class="badge text-bg-warning">70%</span>
322
+ </td>
226
323
  </tr>
227
- <tr>
324
+ <tr class="align-middle">
228
325
  <td>3.</td>
229
326
  <td>Cron job running</td>
230
327
  <td>
231
- <div class="progress progress-xs progress-striped active">
232
- <div class="progress-bar text-bg-primary" style="width: 30%"></div>
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>
233
336
  </div>
234
337
  </td>
235
- <td><span class="badge text-bg-primary">30%</span></td>
338
+ <td>
339
+ <span class="badge text-bg-primary">30%</span>
340
+ </td>
236
341
  </tr>
237
- <tr>
342
+ <tr class="align-middle">
238
343
  <td>4.</td>
239
344
  <td>Fix and squish bugs</td>
240
345
  <td>
241
- <div class="progress progress-xs progress-striped active">
242
- <div class="progress-bar text-bg-success" style="width: 90%"></div>
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>
243
354
  </div>
244
355
  </td>
245
- <td><span class="badge text-bg-success">90%</span></td>
356
+ <td>
357
+ <span class="badge text-bg-success">90%</span>
358
+ </td>
246
359
  </tr>
247
360
  </tbody>
248
361
  </table>
@@ -251,7 +364,7 @@ const page = 'simple'
251
364
  </div>
252
365
  <!-- /.card -->
253
366
 
254
- <div class="card">
367
+ <div class="card mb-4">
255
368
  <div class="card-header">
256
369
  <h3 class="card-title">Striped Full Width Table</h3>
257
370
  </div>
@@ -267,45 +380,71 @@ const page = 'simple'
267
380
  </tr>
268
381
  </thead>
269
382
  <tbody>
270
- <tr>
383
+ <tr class="align-middle">
271
384
  <td>1.</td>
272
385
  <td>Update software</td>
273
386
  <td>
274
387
  <div class="progress progress-xs">
275
- <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
388
+ <div
389
+ class="progress-bar progress-bar-danger"
390
+ style="width: 55%"
391
+ >
392
+ </div>
276
393
  </div>
277
394
  </td>
278
395
  <td><span class="badge text-bg-danger">55%</span></td>
279
396
  </tr>
280
- <tr>
397
+ <tr class="align-middle">
281
398
  <td>2.</td>
282
399
  <td>Clean database</td>
283
400
  <td>
284
401
  <div class="progress progress-xs">
285
- <div class="progress-bar text-bg-warning" style="width: 70%"></div>
402
+ <div
403
+ class="progress-bar text-bg-warning"
404
+ style="width: 70%"
405
+ >
406
+ </div>
286
407
  </div>
287
408
  </td>
288
- <td><span class="badge text-bg-warning">70%</span></td>
409
+ <td>
410
+ <span class="badge text-bg-warning">70%</span>
411
+ </td>
289
412
  </tr>
290
- <tr>
413
+ <tr class="align-middle">
291
414
  <td>3.</td>
292
415
  <td>Cron job running</td>
293
416
  <td>
294
- <div class="progress progress-xs progress-striped active">
295
- <div class="progress-bar text-bg-primary" style="width: 30%"></div>
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>
296
425
  </div>
297
426
  </td>
298
- <td><span class="badge text-bg-primary">30%</span></td>
427
+ <td>
428
+ <span class="badge text-bg-primary">30%</span>
429
+ </td>
299
430
  </tr>
300
- <tr>
431
+ <tr class="align-middle">
301
432
  <td>4.</td>
302
433
  <td>Fix and squish bugs</td>
303
434
  <td>
304
- <div class="progress progress-xs progress-striped active">
305
- <div class="progress-bar text-bg-success" style="width: 90%"></div>
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>
306
443
  </div>
307
444
  </td>
308
- <td><span class="badge text-bg-success">90%</span></td>
445
+ <td>
446
+ <span class="badge text-bg-success">90%</span>
447
+ </td>
309
448
  </tr>
310
449
  </tbody>
311
450
  </table>
@@ -316,17 +455,18 @@ const page = 'simple'
316
455
  </div>
317
456
  <!-- /.col -->
318
457
  </div>
319
- <!-- /.row -->
320
- </div><!-- /.container-fluid -->
458
+ <!--end::Row-->
459
+ </div>
460
+ <!--end::Container-->
321
461
  </div>
322
- <!-- /.content -->
462
+ <!--end::App Content-->
323
463
  </main>
324
- <!-- /.app-content -->
325
-
464
+ <!--end::App Main-->
326
465
  <Footer />
327
466
  </div>
328
- <!-- ./app-wrapper -->
329
-
467
+ <!--end::App Wrapper-->
468
+ <!--begin::Script-->
330
469
  <Scripts path={path} />
331
- </body>
470
+ <!--end::Script-->
471
+ </body><!--end::Body-->
332
472
  </html>