admin-lte 4.0.0-alpha3 → 4.0.0-beta2

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 (186) hide show
  1. package/.astro/settings.json +5 -0
  2. package/README.md +6 -1
  3. package/dist/css/adminlte.css +238 -226
  4. package/dist/css/adminlte.css.map +1 -1
  5. package/dist/css/adminlte.min.css +2 -2
  6. package/dist/css/adminlte.min.css.map +1 -1
  7. package/dist/css/adminlte.rtl.css +245 -224
  8. package/dist/css/adminlte.rtl.css.map +1 -1
  9. package/dist/css/adminlte.rtl.min.css +2 -2
  10. package/dist/css/adminlte.rtl.min.css.map +1 -1
  11. package/dist/js/adminlte.js +139 -37
  12. package/dist/js/adminlte.js.map +1 -1
  13. package/dist/js/adminlte.min.js +3 -3
  14. package/dist/js/adminlte.min.js.map +1 -1
  15. package/dist/pages/UI/general.html +901 -0
  16. package/dist/pages/UI/icons.html +452 -0
  17. package/dist/pages/UI/timeline.html +228 -599
  18. package/dist/pages/docs/browser-support.html +206 -509
  19. package/dist/pages/docs/color-mode.html +346 -685
  20. package/dist/pages/docs/components/main-header.html +435 -827
  21. package/dist/pages/docs/components/main-sidebar.html +308 -610
  22. package/dist/pages/docs/faq.html +194 -498
  23. package/dist/pages/docs/how-to-contribute.html +196 -499
  24. package/dist/pages/docs/introduction.html +215 -513
  25. package/dist/pages/docs/javascript/treeview.html +204 -507
  26. package/dist/pages/docs/layout.html +194 -499
  27. package/dist/pages/docs/license.html +194 -498
  28. package/dist/pages/examples/lockscreen.html +21 -59
  29. package/dist/pages/examples/login-v2.html +35 -95
  30. package/dist/pages/examples/login.html +33 -89
  31. package/dist/pages/examples/register-v2.html +37 -102
  32. package/dist/pages/examples/register.html +34 -92
  33. package/dist/pages/forms/general.html +286 -766
  34. package/dist/pages/generate/theme.html +412 -0
  35. package/dist/pages/index.html +310 -807
  36. package/dist/pages/index2.html +502 -1189
  37. package/dist/pages/index3.html +250 -663
  38. package/dist/pages/layout/collapsed-sidebar.html +201 -520
  39. package/dist/pages/layout/fixed-sidebar.html +201 -521
  40. package/dist/pages/layout/layout-custom-area.html +467 -0
  41. package/dist/pages/layout/layout-rtl.html +201 -520
  42. package/dist/pages/layout/logo-switch.html +111 -310
  43. package/dist/pages/layout/sidebar-mini.html +201 -520
  44. package/dist/pages/layout/unfixed-sidebar.html +200 -518
  45. package/dist/pages/tables/simple.html +268 -651
  46. package/dist/pages/widgets/cards.html +263 -705
  47. package/dist/pages/widgets/info-box.html +285 -788
  48. package/dist/pages/widgets/small-box.html +217 -548
  49. package/package.json +34 -33
  50. package/src/scss/_app-content.scss +0 -49
  51. package/src/scss/_app-main.scss +25 -1
  52. package/src/scss/_app-sidebar.scss +3 -8
  53. package/src/scss/_bootstrap-variables.scss +26 -22
  54. package/src/scss/_callouts.scss +6 -0
  55. package/src/scss/_cards.scss +1 -0
  56. package/src/scss/_compact-mode.scss +0 -26
  57. package/src/scss/_direct-chat.scss +5 -0
  58. package/src/scss/_dropdown.scss +1 -0
  59. package/src/scss/_info-box.scss +2 -10
  60. package/src/scss/_timeline.scss +1 -0
  61. package/src/scss/_toasts.scss +33 -0
  62. package/src/scss/_variables.scss +29 -11
  63. package/src/scss/adminlte.scss +1 -2
  64. package/src/scss/pages/_lockscreen.scss +1 -0
  65. package/src/scss/pages/_login_and_register.scss +1 -0
  66. package/src/scss/parts/_extra-components.scss +1 -0
  67. package/src/ts/adminlte.ts +3 -1
  68. package/src/ts/card-widget.ts +3 -2
  69. package/src/ts/direct-chat.ts +3 -2
  70. package/src/ts/fullscreen.ts +110 -0
  71. package/src/ts/layout.ts +3 -2
  72. package/src/ts/push-menu.ts +4 -3
  73. package/src/ts/treeview.ts +20 -3
  74. package/src/ts/util/index.ts +1 -1
  75. package/.bundlewatch.config.json +0 -28
  76. package/.cache/.eslintcache +0 -1
  77. package/.cache/.stylelintcache +0 -1
  78. package/.editorconfig +0 -14
  79. package/.eslintignore +0 -7
  80. package/.eslintrc.json +0 -120
  81. package/.gitattributes +0 -6
  82. package/.gitpod.yml +0 -6
  83. package/.idea/AdminLTE.iml +0 -16
  84. package/.idea/codeStyles/Project.xml +0 -53
  85. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  86. package/.idea/dbnavigator.xml +0 -421
  87. package/.idea/git_toolbox_prj.xml +0 -15
  88. package/.idea/inspectionProfiles/Project_Default.xml +0 -7
  89. package/.idea/jsLibraryMappings.xml +0 -6
  90. package/.idea/jsLinters/eslint.xml +0 -6
  91. package/.idea/modules.xml +0 -8
  92. package/.idea/php.xml +0 -28
  93. package/.idea/vcs.xml +0 -12
  94. package/.stylelintignore +0 -8
  95. package/.stylelintrc.json +0 -47
  96. package/composer.json +0 -25
  97. package/dist/pages/layout/fixed-complete.html +0 -867
  98. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  99. package/src/assets/img/AdminLTELogo.png +0 -0
  100. package/src/assets/img/avatar.png +0 -0
  101. package/src/assets/img/avatar2.png +0 -0
  102. package/src/assets/img/avatar3.png +0 -0
  103. package/src/assets/img/avatar4.png +0 -0
  104. package/src/assets/img/avatar5.png +0 -0
  105. package/src/assets/img/boxed-bg.jpg +0 -0
  106. package/src/assets/img/boxed-bg.png +0 -0
  107. package/src/assets/img/credit/american-express.png +0 -0
  108. package/src/assets/img/credit/cirrus.png +0 -0
  109. package/src/assets/img/credit/mastercard.png +0 -0
  110. package/src/assets/img/credit/paypal.png +0 -0
  111. package/src/assets/img/credit/paypal2.png +0 -0
  112. package/src/assets/img/credit/visa.png +0 -0
  113. package/src/assets/img/default-150x150.png +0 -0
  114. package/src/assets/img/icons.png +0 -0
  115. package/src/assets/img/photo1.png +0 -0
  116. package/src/assets/img/photo2.png +0 -0
  117. package/src/assets/img/photo3.jpg +0 -0
  118. package/src/assets/img/photo4.jpg +0 -0
  119. package/src/assets/img/prod-1.jpg +0 -0
  120. package/src/assets/img/prod-2.jpg +0 -0
  121. package/src/assets/img/prod-3.jpg +0 -0
  122. package/src/assets/img/prod-4.jpg +0 -0
  123. package/src/assets/img/prod-5.jpg +0 -0
  124. package/src/assets/img/user1-128x128.jpg +0 -0
  125. package/src/assets/img/user2-160x160.jpg +0 -0
  126. package/src/assets/img/user3-128x128.jpg +0 -0
  127. package/src/assets/img/user4-128x128.jpg +0 -0
  128. package/src/assets/img/user5-128x128.jpg +0 -0
  129. package/src/assets/img/user6-128x128.jpg +0 -0
  130. package/src/assets/img/user7-128x128.jpg +0 -0
  131. package/src/assets/img/user8-128x128.jpg +0 -0
  132. package/src/config/assets.config.mjs +0 -8
  133. package/src/config/astro.config.mjs +0 -19
  134. package/src/config/postcss.config.mjs +0 -15
  135. package/src/config/rollup.config.js +0 -20
  136. package/src/html/.eslintrc.json +0 -24
  137. package/src/html/.prettierrc.js +0 -11
  138. package/src/html/.tsconfig.json +0 -4
  139. package/src/html/components/_head.astro +0 -47
  140. package/src/html/components/_scripts.astro +0 -51
  141. package/src/html/components/dashboard/_footer.astro +0 -18
  142. package/src/html/components/dashboard/_sidenav.astro +0 -553
  143. package/src/html/components/dashboard/_topbar.astro +0 -213
  144. package/src/html/components/docs/browser-support.mdx +0 -23
  145. package/src/html/components/docs/color-mode.mdx +0 -169
  146. package/src/html/components/docs/components/main-header.mdx +0 -198
  147. package/src/html/components/docs/components/main-sidebar.mdx +0 -129
  148. package/src/html/components/docs/faq.mdx +0 -11
  149. package/src/html/components/docs/how-to-contribute.mdx +0 -34
  150. package/src/html/components/docs/introduction.mdx +0 -60
  151. package/src/html/components/docs/license.mdx +0 -9
  152. package/src/html/components/javascript/treeview.mdx +0 -39
  153. package/src/html/env.d.ts +0 -1
  154. package/src/html/pages/UI/timeline.astro +0 -221
  155. package/src/html/pages/docs/browser-support.astro +0 -71
  156. package/src/html/pages/docs/color-mode.astro +0 -271
  157. package/src/html/pages/docs/components/main-header.astro +0 -319
  158. package/src/html/pages/docs/components/main-sidebar.astro +0 -71
  159. package/src/html/pages/docs/faq.astro +0 -71
  160. package/src/html/pages/docs/how-to-contribute.astro +0 -71
  161. package/src/html/pages/docs/introduction.astro +0 -71
  162. package/src/html/pages/docs/javascript/treeview.astro +0 -71
  163. package/src/html/pages/docs/layout.astro +0 -120
  164. package/src/html/pages/docs/license.astro +0 -71
  165. package/src/html/pages/examples/lockscreen.astro +0 -63
  166. package/src/html/pages/examples/login-v2.astro +0 -109
  167. package/src/html/pages/examples/login.astro +0 -99
  168. package/src/html/pages/examples/register-v2.astro +0 -116
  169. package/src/html/pages/examples/register.astro +0 -102
  170. package/src/html/pages/forms/general.astro +0 -624
  171. package/src/html/pages/index.astro +0 -790
  172. package/src/html/pages/index2.astro +0 -1345
  173. package/src/html/pages/index3.astro +0 -513
  174. package/src/html/pages/layout/collapsed-sidebar.astro +0 -110
  175. package/src/html/pages/layout/fixed-complete.astro +0 -209
  176. package/src/html/pages/layout/fixed-sidebar.astro +0 -109
  177. package/src/html/pages/layout/layout-rtl.astro +0 -109
  178. package/src/html/pages/layout/logo-switch.astro +0 -212
  179. package/src/html/pages/layout/sidebar-mini.astro +0 -108
  180. package/src/html/pages/layout/unfixed-sidebar.astro +0 -107
  181. package/src/html/pages/tables/simple.astro +0 -472
  182. package/src/html/pages/widgets/cards.astro +0 -373
  183. package/src/html/pages/widgets/info-box.astro +0 -413
  184. package/src/html/pages/widgets/small-box.astro +0 -182
  185. package/src/utils/index.js +0 -28
  186. package/tsconfig.json +0 -31
package/src/html/pages/layout/sidebar-mini.astro DELETED
@@ -1,108 +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 | Sidebar Mini";
9
- const path = "../../../dist";
10
- const mainPage = "layout";
11
- const page = "sidebar-mini";
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 sidebar-mini 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">Sidebar Mini</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
- Sidebar Mini
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-12">
59
- <!-- Default box -->
60
- <div class="card">
61
- <div class="card-header">
62
- <h3 class="card-title">Title</h3>
63
-
64
- <div class="card-tools">
65
- <button
66
- type="button"
67
- class="btn btn-tool"
68
- data-lte-toggle="card-collapse"
69
- title="Collapse"
70
- >
71
- <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
72
- <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
73
- </button>
74
- <button
75
- type="button"
76
- class="btn btn-tool"
77
- data-lte-toggle="card-remove"
78
- title="Remove"
79
- >
80
- <i class="bi bi-x-lg"></i>
81
- </button>
82
- </div>
83
- </div>
84
- <div class="card-body">
85
- Start creating your amazing application!
86
- </div>
87
- <!-- /.card-body -->
88
- <div class="card-footer">Footer</div>
89
- <!-- /.card-footer-->
90
- </div>
91
- <!-- /.card -->
92
- </div>
93
- </div>
94
- <!--end::Row-->
95
- </div>
96
- <!--end::Container-->
97
- </div>
98
- <!--end::App Content-->
99
- </main>
100
- <!--end::App Main-->
101
- <Footer />
102
- </div>
103
- <!--end::App Wrapper-->
104
- <!--begin::Script-->
105
- <Scripts path={path} />
106
- <!--end::Script-->
107
- </body><!--end::Body-->
108
- </html>
package/src/html/pages/layout/unfixed-sidebar.astro DELETED
@@ -1,107 +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 | Unfixed Sidebar";
9
- const path = "../../../dist";
10
- const mainPage = "layout";
11
- const page = "unfixed-sidebar";
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="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">Unfixed Layout</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
- Unfixed Layout
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-12">
59
- <!-- Default box -->
60
- <div class="card">
61
- <div class="card-header">
62
- <h3 class="card-title">Title</h3>
63
-
64
- <div class="card-tools">
65
- <button
66
- type="button"
67
- class="btn btn-tool"
68
- data-lte-toggle="card-collapse"
69
- title="Collapse"
70
- >
71
- <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
72
- <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
73
- </button>
74
- <button
75
- type="button"
76
- class="btn btn-tool"
77
- data-lte-toggle="card-remove"
78
- title="Remove"
79
- >
80
- <i class="bi bi-x-lg"></i>
81
- </button>
82
- </div>
83
- </div>
84
- <div class="card-body">
85
- Start creating your amazing application!
86
- </div>
87
- <!-- /.card-body -->
88
- <div class="card-footer">Footer</div>
89
- <!-- /.card-footer-->
90
- </div>
91
- <!-- /.card -->
92
- </div>
93
- </div>
94
- <!--end::Row-->
95
- </div>
96
- </div>
97
- <!--end::App Content-->
98
- </main>
99
- <!--end::App Main-->
100
- <Footer />
101
- </div>
102
- <!--end::App Wrapper-->
103
- <!--begin::Script-->
104
- <Scripts path={path} />
105
- <!--end::Script-->
106
- </body><!--end::Body-->
107
- </html>
package/src/html/pages/tables/simple.astro DELETED
@@ -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">
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>
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>
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>
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>
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="#">&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>
162
- </ul>
163
- </div>
164
- </div>
165
- <!-- /.card -->
166
-
167
- <div class="card">
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>
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>
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>
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>
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">
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="#">&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>
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>
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>
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>
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>
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">
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>
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>
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>
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>
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>