admin-lte 4.0.0-alpha3 → 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.
- package/.cache/.eslintcache +1 -1
- package/.cache/.stylelintcache +1 -1
- package/README.md +6 -1
- package/dist/css/adminlte.css +191 -107
- 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 +198 -105
- 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 +138 -36
- package/dist/js/adminlte.js.map +1 -1
- package/dist/js/adminlte.min.js +3 -3
- package/dist/js/adminlte.min.js.map +1 -1
- package/dist/pages/UI/general.html +895 -0
- package/dist/pages/UI/timeline.html +221 -598
- package/dist/pages/docs/browser-support.html +199 -508
- package/dist/pages/docs/color-mode.html +339 -684
- package/dist/pages/docs/components/main-header.html +428 -826
- package/dist/pages/docs/components/main-sidebar.html +301 -609
- package/dist/pages/docs/faq.html +187 -497
- package/dist/pages/docs/how-to-contribute.html +189 -498
- package/dist/pages/docs/introduction.html +208 -512
- package/dist/pages/docs/javascript/treeview.html +197 -506
- package/dist/pages/docs/layout.html +187 -498
- package/dist/pages/docs/license.html +187 -497
- package/dist/pages/examples/lockscreen.html +21 -59
- package/dist/pages/examples/login-v2.html +35 -95
- package/dist/pages/examples/login.html +33 -89
- package/dist/pages/examples/register-v2.html +37 -102
- package/dist/pages/examples/register.html +34 -92
- package/dist/pages/forms/general.html +279 -765
- package/dist/pages/index.html +303 -806
- package/dist/pages/index2.html +495 -1188
- package/dist/pages/index3.html +243 -662
- package/dist/pages/layout/collapsed-sidebar.html +194 -519
- package/dist/pages/layout/fixed-complete.html +193 -519
- package/dist/pages/layout/fixed-sidebar.html +194 -520
- package/dist/pages/layout/layout-rtl.html +194 -519
- package/dist/pages/layout/logo-switch.html +111 -310
- package/dist/pages/layout/sidebar-mini.html +194 -519
- package/dist/pages/layout/unfixed-sidebar.html +193 -517
- package/dist/pages/tables/simple.html +261 -650
- package/dist/pages/widgets/cards.html +256 -704
- package/dist/pages/widgets/info-box.html +278 -787
- package/dist/pages/widgets/small-box.html +210 -547
- package/package.json +33 -32
- package/src/html/components/_head.astro +5 -15
- package/src/html/components/_scripts.astro +5 -17
- package/src/html/components/dashboard/_footer.astro +2 -2
- package/src/html/components/dashboard/_sidenav.astro +12 -3
- package/src/html/components/dashboard/_topbar.astro +9 -1
- package/src/html/components/docs/introduction.mdx +5 -5
- package/src/html/pages/UI/general.astro +1451 -0
- package/src/html/pages/docs/color-mode.astro +4 -2
- package/src/html/pages/docs/components/main-header.astro +3 -2
- package/src/html/pages/docs/layout.astro +1 -1
- package/src/html/pages/examples/lockscreen.astro +3 -3
- package/src/html/pages/forms/general.astro +8 -8
- package/src/html/pages/index.astro +32 -23
- package/src/html/pages/index2.astro +100 -72
- package/src/html/pages/index3.astro +12 -12
- package/src/html/pages/tables/simple.astro +20 -20
- package/src/html/pages/widgets/cards.astro +3 -3
- package/src/html/pages/widgets/small-box.astro +1 -1
- package/src/scss/_app-main.scss +4 -0
- package/src/scss/_app-sidebar.scss +2 -2
- package/src/scss/_bootstrap-variables.scss +26 -22
- package/src/scss/_callouts.scss +6 -0
- package/src/scss/_cards.scss +1 -0
- package/src/scss/_direct-chat.scss +5 -0
- package/src/scss/_dropdown.scss +1 -0
- package/src/scss/_info-box.scss +2 -10
- package/src/scss/_timeline.scss +1 -0
- package/src/scss/_toasts.scss +33 -0
- package/src/scss/_variables.scss +11 -5
- package/src/scss/adminlte.scss +1 -2
- package/src/scss/pages/_lockscreen.scss +1 -0
- package/src/scss/pages/_login_and_register.scss +1 -0
- package/src/scss/parts/_extra-components.scss +1 -0
- package/src/ts/adminlte.ts +3 -1
- package/src/ts/card-widget.ts +3 -2
- package/src/ts/direct-chat.ts +3 -2
- package/src/ts/fullscreen.ts +110 -0
- package/src/ts/layout.ts +3 -2
- package/src/ts/push-menu.ts +3 -2
- package/src/ts/treeview.ts +20 -3
- package/src/ts/util/index.ts +1 -1
- package/.idea/AdminLTE.iml +0 -16
- package/.idea/codeStyles/Project.xml +0 -53
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/dbnavigator.xml +0 -421
- package/.idea/git_toolbox_prj.xml +0 -15
- package/.idea/inspectionProfiles/Project_Default.xml +0 -7
- package/.idea/jsLibraryMappings.xml +0 -6
- package/.idea/jsLinters/eslint.xml +0 -6
- package/.idea/modules.xml +0 -8
- package/.idea/php.xml +0 -28
- package/.idea/vcs.xml +0 -12
|
@@ -1,657 +1,371 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<!--begin::Head-->
|
|
2
|
+
<html lang="en"> <!--begin::Head-->
|
|
4
3
|
|
|
5
4
|
<head>
|
|
6
5
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
7
|
-
<title>AdminLTE 4 | Simple Tables</title
|
|
8
|
-
<!--begin::Primary Meta Tags-->
|
|
6
|
+
<title>AdminLTE 4 | Simple Tables</title><!--begin::Primary Meta Tags-->
|
|
9
7
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
10
8
|
<meta name="title" content="AdminLTE 4 | Simple Tables">
|
|
11
9
|
<meta name="author" content="ColorlibHQ">
|
|
12
10
|
<meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS.">
|
|
13
|
-
<meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<link rel="
|
|
17
|
-
<link rel="
|
|
18
|
-
|
|
19
|
-
<!--end::Fonts-->
|
|
20
|
-
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
21
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/styles/overlayscrollbars.min.css" integrity="sha256-LWLZPJ7X1jJLI5OG5695qDemW1qQ7lNdbTfQ64ylbUY=" crossorigin="anonymous">
|
|
22
|
-
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
|
23
|
-
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
|
24
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.min.css" integrity="sha256-BicZsQAhkGHIoR//IB2amPN5SrRb3fHB8tFsnqRAwnk=" crossorigin="anonymous">
|
|
25
|
-
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
|
26
|
-
<!--begin::Required Plugin(AdminLTE)-->
|
|
27
|
-
<link rel="stylesheet" href="../../../dist/css/adminlte.css">
|
|
28
|
-
<!--end::Required Plugin(AdminLTE)-->
|
|
29
|
-
</head>
|
|
30
|
-
<!--end::Head-->
|
|
31
|
-
<!--begin::Body-->
|
|
11
|
+
<meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"><!--end::Primary Meta Tags--><!--begin::Fonts-->
|
|
12
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css" integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" crossorigin="anonymous"><!--end::Fonts--><!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
13
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/styles/overlayscrollbars.min.css" integrity="sha256-dSokZseQNT08wYEWiz5iLI8QPlKxG+TswNRD8k35cpg=" crossorigin="anonymous"><!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Third Party Plugin(Bootstrap Icons)-->
|
|
14
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css" integrity="sha256-Qsx5lrStHZyR9REqhUF8iQt73X06c8LGIUPzpOhwRrI=" crossorigin="anonymous"><!--end::Third Party Plugin(Bootstrap Icons)--><!--begin::Required Plugin(AdminLTE)-->
|
|
15
|
+
<link rel="stylesheet" href="../../../dist/css/adminlte.css"><!--end::Required Plugin(AdminLTE)-->
|
|
16
|
+
</head> <!--end::Head--> <!--begin::Body-->
|
|
32
17
|
|
|
33
|
-
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
34
|
-
<!--begin::
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
<nav class="app-header navbar navbar-expand bg-body">
|
|
38
|
-
<!--begin::Container-->
|
|
39
|
-
<div class="container-fluid">
|
|
40
|
-
<!--begin::Start Navbar Links-->
|
|
18
|
+
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
|
|
19
|
+
<div class="app-wrapper"> <!--begin::Header-->
|
|
20
|
+
<nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
|
|
21
|
+
<div class="container-fluid"> <!--begin::Start Navbar Links-->
|
|
41
22
|
<ul class="navbar-nav">
|
|
42
|
-
<li class="nav-item">
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
<li class="nav-item
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
<li class="nav-item d-none d-md-block">
|
|
51
|
-
<a href="#" class="nav-link">Contact</a>
|
|
52
|
-
</li>
|
|
53
|
-
</ul>
|
|
54
|
-
<!--end::Start Navbar Links-->
|
|
55
|
-
|
|
56
|
-
<!--begin::End Navbar Links-->
|
|
57
|
-
<ul class="navbar-nav ms-auto">
|
|
58
|
-
<!--begin::Navbar Search-->
|
|
59
|
-
<li class="nav-item">
|
|
60
|
-
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
|
61
|
-
<i class="bi bi-search"></i>
|
|
62
|
-
</a>
|
|
63
|
-
</li>
|
|
64
|
-
<!--end::Navbar Search-->
|
|
65
|
-
|
|
66
|
-
<!--begin::Messages Dropdown Menu-->
|
|
67
|
-
<li class="nav-item dropdown">
|
|
68
|
-
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
|
69
|
-
<i class="bi bi-chat-text"></i>
|
|
70
|
-
<span class="navbar-badge badge text-bg-danger">3</span>
|
|
71
|
-
</a>
|
|
72
|
-
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
73
|
-
<a href="#" class="dropdown-item">
|
|
74
|
-
<!--begin::Message-->
|
|
23
|
+
<li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
|
|
24
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Home</a> </li>
|
|
25
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contact</a> </li>
|
|
26
|
+
</ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
|
|
27
|
+
<ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
|
|
28
|
+
<li class="nav-item"> <a class="nav-link" data-widget="navbar-search" href="#" role="button"> <i class="bi bi-search"></i> </a> </li> <!--end::Navbar Search--> <!--begin::Messages Dropdown Menu-->
|
|
29
|
+
<li class="nav-item dropdown"> <a class="nav-link" data-bs-toggle="dropdown" href="#"> <i class="bi bi-chat-text"></i> <span class="navbar-badge badge text-bg-danger">3</span> </a>
|
|
30
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
75
31
|
<div class="d-flex">
|
|
76
|
-
<div class="flex-shrink-0">
|
|
77
|
-
<img src="../../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
78
|
-
</div>
|
|
32
|
+
<div class="flex-shrink-0"> <img src="../../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
79
33
|
<div class="flex-grow-1">
|
|
80
34
|
<h3 class="dropdown-item-title">
|
|
81
35
|
Brad Diesel
|
|
82
36
|
<span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
|
|
83
37
|
</h3>
|
|
84
38
|
<p class="fs-7">Call me whenever you can...</p>
|
|
85
|
-
<p class="fs-7 text-secondary">
|
|
86
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
39
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
87
40
|
</p>
|
|
88
41
|
</div>
|
|
89
|
-
</div>
|
|
90
|
-
<!--end::Message-->
|
|
42
|
+
</div> <!--end::Message-->
|
|
91
43
|
</a>
|
|
92
|
-
<div class="dropdown-divider"></div>
|
|
93
|
-
<a href="#" class="dropdown-item">
|
|
94
|
-
<!--begin::Message-->
|
|
44
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
95
45
|
<div class="d-flex">
|
|
96
|
-
<div class="flex-shrink-0">
|
|
97
|
-
<img src="../../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
98
|
-
</div>
|
|
46
|
+
<div class="flex-shrink-0"> <img src="../../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
99
47
|
<div class="flex-grow-1">
|
|
100
48
|
<h3 class="dropdown-item-title">
|
|
101
49
|
John Pierce
|
|
102
|
-
<span class="float-end fs-7 text-secondary">
|
|
103
|
-
<i class="bi bi-star-fill"></i>
|
|
104
|
-
</span>
|
|
50
|
+
<span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
|
|
105
51
|
</h3>
|
|
106
52
|
<p class="fs-7">I got your message bro</p>
|
|
107
|
-
<p class="fs-7 text-secondary">
|
|
108
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
53
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
109
54
|
</p>
|
|
110
55
|
</div>
|
|
111
|
-
</div>
|
|
112
|
-
<!--end::Message-->
|
|
56
|
+
</div> <!--end::Message-->
|
|
113
57
|
</a>
|
|
114
|
-
<div class="dropdown-divider"></div>
|
|
115
|
-
<a href="#" class="dropdown-item">
|
|
116
|
-
<!--begin::Message-->
|
|
58
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
117
59
|
<div class="d-flex">
|
|
118
|
-
<div class="flex-shrink-0">
|
|
119
|
-
<img src="../../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
120
|
-
</div>
|
|
60
|
+
<div class="flex-shrink-0"> <img src="../../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3"> </div>
|
|
121
61
|
<div class="flex-grow-1">
|
|
122
62
|
<h3 class="dropdown-item-title">
|
|
123
63
|
Nora Silvester
|
|
124
|
-
<span class="float-end fs-7 text-warning">
|
|
125
|
-
<i class="bi bi-star-fill"></i>
|
|
126
|
-
</span>
|
|
64
|
+
<span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
|
|
127
65
|
</h3>
|
|
128
66
|
<p class="fs-7">The subject goes here</p>
|
|
129
|
-
<p class="fs-7 text-secondary">
|
|
130
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
67
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
131
68
|
</p>
|
|
132
69
|
</div>
|
|
133
|
-
</div>
|
|
134
|
-
<!--end::Message-->
|
|
70
|
+
</div> <!--end::Message-->
|
|
135
71
|
</a>
|
|
136
|
-
<div class="dropdown-divider"></div>
|
|
137
|
-
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
72
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
138
73
|
</div>
|
|
139
|
-
</li>
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
<
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
150
|
-
<div class="dropdown-divider"></div>
|
|
151
|
-
<a href="#" class="dropdown-item">
|
|
152
|
-
<i class="bi bi-envelope me-2"></i> 4 new messages
|
|
153
|
-
<span class="float-end text-secondary fs-7">3 mins</span>
|
|
154
|
-
</a>
|
|
155
|
-
<div class="dropdown-divider"></div>
|
|
156
|
-
<a href="#" class="dropdown-item">
|
|
157
|
-
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
158
|
-
<span class="float-end text-secondary fs-7">12 hours</span>
|
|
159
|
-
</a>
|
|
160
|
-
<div class="dropdown-divider"></div>
|
|
161
|
-
<a href="#" class="dropdown-item">
|
|
162
|
-
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
163
|
-
<span class="float-end text-secondary fs-7">2 days</span>
|
|
164
|
-
</a>
|
|
165
|
-
<div class="dropdown-divider"></div>
|
|
166
|
-
<a href="#" class="dropdown-item dropdown-footer">
|
|
74
|
+
</li> <!--end::Messages Dropdown Menu--> <!--begin::Notifications Dropdown Menu-->
|
|
75
|
+
<li class="nav-item dropdown"> <a class="nav-link" data-bs-toggle="dropdown" href="#"> <i class="bi bi-bell-fill"></i> <span class="navbar-badge badge text-bg-warning">15</span> </a>
|
|
76
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
77
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-envelope me-2"></i> 4 new messages
|
|
78
|
+
<span class="float-end text-secondary fs-7">3 mins</span> </a>
|
|
79
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
80
|
+
<span class="float-end text-secondary fs-7">12 hours</span> </a>
|
|
81
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
82
|
+
<span class="float-end text-secondary fs-7">2 days</span> </a>
|
|
83
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
|
|
167
84
|
See All Notifications
|
|
168
85
|
</a>
|
|
169
86
|
</div>
|
|
170
|
-
</li>
|
|
171
|
-
<!--end::
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
|
176
|
-
<img src="../../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image">
|
|
177
|
-
<span class="d-none d-md-inline">Alexander Pierce</span>
|
|
178
|
-
</a>
|
|
179
|
-
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
180
|
-
<!--begin::User Image-->
|
|
181
|
-
<li class="user-header text-bg-primary">
|
|
182
|
-
<img src="../../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
183
|
-
|
|
87
|
+
</li> <!--end::Notifications Dropdown Menu--> <!--begin::Fullscreen Toggle-->
|
|
88
|
+
<li class="nav-item"> <a class="nav-link" href="#" data-lte-toggle="fullscreen"> <i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i> <i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none;"></i> </a> </li> <!--end::Fullscreen Toggle--> <!--begin::User Menu Dropdown-->
|
|
89
|
+
<li class="nav-item dropdown user-menu"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"> <img src="../../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image"> <span class="d-none d-md-inline">Alexander Pierce</span> </a>
|
|
90
|
+
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
|
|
91
|
+
<li class="user-header text-bg-primary"> <img src="../../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
184
92
|
<p>
|
|
185
93
|
Alexander Pierce - Web Developer
|
|
186
94
|
<small>Member since Nov. 2023</small>
|
|
187
95
|
</p>
|
|
188
|
-
</li>
|
|
189
|
-
<!--
|
|
190
|
-
<!--begin::Menu Body-->
|
|
191
|
-
<li class="user-body">
|
|
192
|
-
<!--begin::Row-->
|
|
96
|
+
</li> <!--end::User Image--> <!--begin::Menu Body-->
|
|
97
|
+
<li class="user-body"> <!--begin::Row-->
|
|
193
98
|
<div class="row">
|
|
194
|
-
<div class="col-4 text-center">
|
|
195
|
-
|
|
196
|
-
</div>
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
<div class="col-4 text-center">
|
|
201
|
-
<a href="#">Friends</a>
|
|
202
|
-
</div>
|
|
203
|
-
</div>
|
|
204
|
-
<!--end::Row-->
|
|
205
|
-
</li>
|
|
206
|
-
<!--end::Menu Body-->
|
|
207
|
-
<!--begin::Menu Footer-->
|
|
208
|
-
<li class="user-footer">
|
|
209
|
-
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
|
210
|
-
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
|
211
|
-
</li>
|
|
212
|
-
<!--end::Menu Footer-->
|
|
99
|
+
<div class="col-4 text-center"> <a href="#">Followers</a> </div>
|
|
100
|
+
<div class="col-4 text-center"> <a href="#">Sales</a> </div>
|
|
101
|
+
<div class="col-4 text-center"> <a href="#">Friends</a> </div>
|
|
102
|
+
</div> <!--end::Row-->
|
|
103
|
+
</li> <!--end::Menu Body--> <!--begin::Menu Footer-->
|
|
104
|
+
<li class="user-footer"> <a href="#" class="btn btn-default btn-flat">Profile</a> <a href="#" class="btn btn-default btn-flat float-end">Sign out</a> </li> <!--end::Menu Footer-->
|
|
213
105
|
</ul>
|
|
214
|
-
</li>
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
<!--end::
|
|
220
|
-
</nav>
|
|
221
|
-
<!--end::Header-->
|
|
222
|
-
<!--begin::Sidebar-->
|
|
223
|
-
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
|
224
|
-
<!--begin::Sidebar Brand-->
|
|
225
|
-
<div class="sidebar-brand">
|
|
226
|
-
<!--begin::Brand Link-->
|
|
227
|
-
<a href="../index.html" class="brand-link">
|
|
228
|
-
<!--begin::Brand Image-->
|
|
229
|
-
<img src="../../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
|
|
230
|
-
<!--end::Brand Image-->
|
|
231
|
-
<!--begin::Brand Text-->
|
|
232
|
-
<span class="brand-text fw-light">AdminLTE 4</span>
|
|
233
|
-
<!--end::Brand Text-->
|
|
234
|
-
</a>
|
|
235
|
-
<!--end::Brand Link-->
|
|
236
|
-
</div>
|
|
237
|
-
<!--end::Sidebar Brand-->
|
|
238
|
-
<!--begin::Sidebar Wrapper-->
|
|
106
|
+
</li> <!--end::User Menu Dropdown-->
|
|
107
|
+
</ul> <!--end::End Navbar Links-->
|
|
108
|
+
</div> <!--end::Container-->
|
|
109
|
+
</nav> <!--end::Header--> <!--begin::Sidebar-->
|
|
110
|
+
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
|
|
111
|
+
<div class="sidebar-brand"> <!--begin::Brand Link--> <a href="../index.html" class="brand-link"> <!--begin::Brand Image--> <img src="../../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow"> <!--end::Brand Image--> <!--begin::Brand Text--> <span class="brand-text fw-light">AdminLTE 4</span> <!--end::Brand Text--> </a> <!--end::Brand Link--> </div> <!--end::Sidebar Brand--> <!--begin::Sidebar Wrapper-->
|
|
239
112
|
<div class="sidebar-wrapper">
|
|
240
|
-
<nav class="mt-2">
|
|
241
|
-
<!--begin::Sidebar Menu-->
|
|
113
|
+
<nav class="mt-2"> <!--begin::Sidebar Menu-->
|
|
242
114
|
<ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
|
|
243
|
-
<li class="nav-item">
|
|
244
|
-
<a href="#" class="nav-link">
|
|
245
|
-
<i class="nav-icon bi bi-speedometer"></i>
|
|
115
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-speedometer"></i>
|
|
246
116
|
<p>
|
|
247
117
|
Dashboard
|
|
248
118
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
249
119
|
</p>
|
|
250
120
|
</a>
|
|
251
121
|
<ul class="nav nav-treeview">
|
|
252
|
-
<li class="nav-item">
|
|
253
|
-
<a href="../index.html" class="nav-link">
|
|
254
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
122
|
+
<li class="nav-item"> <a href="../index.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
255
123
|
<p>Dashboard v1</p>
|
|
256
|
-
</a>
|
|
257
|
-
|
|
258
|
-
<li class="nav-item">
|
|
259
|
-
<a href="../index2.html" class="nav-link">
|
|
260
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
124
|
+
</a> </li>
|
|
125
|
+
<li class="nav-item"> <a href="../index2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
261
126
|
<p>Dashboard v2</p>
|
|
262
|
-
</a>
|
|
263
|
-
|
|
264
|
-
<li class="nav-item">
|
|
265
|
-
<a href="../index3.html" class="nav-link">
|
|
266
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
127
|
+
</a> </li>
|
|
128
|
+
<li class="nav-item"> <a href="../index3.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
267
129
|
<p>Dashboard v3</p>
|
|
268
|
-
</a>
|
|
269
|
-
</li>
|
|
130
|
+
</a> </li>
|
|
270
131
|
</ul>
|
|
271
132
|
</li>
|
|
272
|
-
<li class="nav-item">
|
|
273
|
-
<a href="#" class="nav-link">
|
|
274
|
-
<i class="nav-icon bi bi-box-seam-fill"></i>
|
|
133
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
|
|
275
134
|
<p>
|
|
276
135
|
Widgets
|
|
277
136
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
278
137
|
</p>
|
|
279
138
|
</a>
|
|
280
139
|
<ul class="nav nav-treeview">
|
|
281
|
-
<li class="nav-item">
|
|
282
|
-
<a href="../widgets/small-box.html" class="nav-link">
|
|
283
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
140
|
+
<li class="nav-item"> <a href="../widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
284
141
|
<p>Small Box</p>
|
|
285
|
-
</a>
|
|
286
|
-
|
|
287
|
-
<li class="nav-item">
|
|
288
|
-
<a href="../widgets/info-box.html" class="nav-link">
|
|
289
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
142
|
+
</a> </li>
|
|
143
|
+
<li class="nav-item"> <a href="../widgets/info-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
290
144
|
<p>info Box</p>
|
|
291
|
-
</a>
|
|
292
|
-
|
|
293
|
-
<li class="nav-item">
|
|
294
|
-
<a href="../widgets/cards.html" class="nav-link">
|
|
295
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
145
|
+
</a> </li>
|
|
146
|
+
<li class="nav-item"> <a href="../widgets/cards.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
296
147
|
<p>Cards</p>
|
|
297
|
-
</a>
|
|
298
|
-
</li>
|
|
148
|
+
</a> </li>
|
|
299
149
|
</ul>
|
|
300
150
|
</li>
|
|
301
|
-
<li class="nav-item">
|
|
302
|
-
<a href="#" class="nav-link">
|
|
303
|
-
<i class="nav-icon bi bi-clipboard-fill"></i>
|
|
151
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-clipboard-fill"></i>
|
|
304
152
|
<p>
|
|
305
153
|
Layout Options
|
|
306
|
-
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
|
307
|
-
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
154
|
+
<span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
|
|
308
155
|
</p>
|
|
309
156
|
</a>
|
|
310
157
|
<ul class="nav nav-treeview">
|
|
311
|
-
<li class="nav-item">
|
|
312
|
-
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
|
313
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
158
|
+
<li class="nav-item"> <a href="../layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
314
159
|
<p>Default Sidebar</p>
|
|
315
|
-
</a>
|
|
316
|
-
|
|
317
|
-
<li class="nav-item">
|
|
318
|
-
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
|
319
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
160
|
+
</a> </li>
|
|
161
|
+
<li class="nav-item"> <a href="../layout/fixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
320
162
|
<p>Fixed Sidebar</p>
|
|
321
|
-
</a>
|
|
322
|
-
|
|
323
|
-
<li class="nav-item">
|
|
324
|
-
<a href="../layout/fixed-complete.html" class="nav-link">
|
|
325
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
163
|
+
</a> </li>
|
|
164
|
+
<li class="nav-item"> <a href="../layout/fixed-complete.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
326
165
|
<p>Fixed Complete</p>
|
|
327
|
-
</a>
|
|
328
|
-
|
|
329
|
-
<li class="nav-item">
|
|
330
|
-
<a href="../layout/sidebar-mini.html" class="nav-link">
|
|
331
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
166
|
+
</a> </li>
|
|
167
|
+
<li class="nav-item"> <a href="../layout/sidebar-mini.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
332
168
|
<p>Sidebar Mini</p>
|
|
333
|
-
</a>
|
|
334
|
-
|
|
335
|
-
<li class="nav-item">
|
|
336
|
-
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
|
337
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
169
|
+
</a> </li>
|
|
170
|
+
<li class="nav-item"> <a href="../layout/collapsed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
338
171
|
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
|
339
|
-
</a>
|
|
340
|
-
|
|
341
|
-
<li class="nav-item">
|
|
342
|
-
<a href="../layout/logo-switch.html" class="nav-link">
|
|
343
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
172
|
+
</a> </li>
|
|
173
|
+
<li class="nav-item"> <a href="../layout/logo-switch.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
344
174
|
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
|
345
|
-
</a>
|
|
346
|
-
|
|
347
|
-
<li class="nav-item">
|
|
348
|
-
<a href="../layout/layout-rtl.html" class="nav-link">
|
|
349
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
175
|
+
</a> </li>
|
|
176
|
+
<li class="nav-item"> <a href="../layout/layout-rtl.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
350
177
|
<p>Layout RTL</p>
|
|
351
|
-
</a>
|
|
352
|
-
</li>
|
|
178
|
+
</a> </li>
|
|
353
179
|
</ul>
|
|
354
180
|
</li>
|
|
355
|
-
<li class="nav-item">
|
|
356
|
-
<a href="#" class="nav-link">
|
|
357
|
-
<i class="nav-icon bi bi-tree-fill"></i>
|
|
181
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-tree-fill"></i>
|
|
358
182
|
<p>
|
|
359
183
|
UI Elements
|
|
360
184
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
361
185
|
</p>
|
|
362
186
|
</a>
|
|
363
187
|
<ul class="nav nav-treeview">
|
|
364
|
-
<li class="nav-item">
|
|
365
|
-
|
|
366
|
-
|
|
188
|
+
<li class="nav-item"> <a href="../UI/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
189
|
+
<p>General</p>
|
|
190
|
+
</a> </li>
|
|
191
|
+
<li class="nav-item"> <a href="../UI/timeline.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
367
192
|
<p>Timeline</p>
|
|
368
|
-
</a>
|
|
369
|
-
</li>
|
|
193
|
+
</a> </li>
|
|
370
194
|
</ul>
|
|
371
195
|
</li>
|
|
372
|
-
<li class="nav-item">
|
|
373
|
-
<a href="#" class="nav-link">
|
|
374
|
-
<i class="nav-icon bi bi-pencil-square"></i>
|
|
196
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
|
|
375
197
|
<p>
|
|
376
198
|
Forms
|
|
377
199
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
378
200
|
</p>
|
|
379
201
|
</a>
|
|
380
202
|
<ul class="nav nav-treeview">
|
|
381
|
-
<li class="nav-item">
|
|
382
|
-
<a href="../forms/general.html" class="nav-link">
|
|
383
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
203
|
+
<li class="nav-item"> <a href="../forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
384
204
|
<p>General Elements</p>
|
|
385
|
-
</a>
|
|
386
|
-
</li>
|
|
205
|
+
</a> </li>
|
|
387
206
|
</ul>
|
|
388
207
|
</li>
|
|
389
|
-
<li class="nav-item menu-open">
|
|
390
|
-
<a href="#" class="nav-link active">
|
|
391
|
-
<i class="nav-icon bi bi-table"></i>
|
|
208
|
+
<li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-table"></i>
|
|
392
209
|
<p>
|
|
393
210
|
Tables
|
|
394
211
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
395
212
|
</p>
|
|
396
213
|
</a>
|
|
397
214
|
<ul class="nav nav-treeview">
|
|
398
|
-
<li class="nav-item">
|
|
399
|
-
<a href="../tables/simple.html" class="nav-link active">
|
|
400
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
215
|
+
<li class="nav-item"> <a href="../tables/simple.html" class="nav-link active"> <i class="nav-icon bi bi-circle"></i>
|
|
401
216
|
<p>Simple Tables</p>
|
|
402
|
-
</a>
|
|
403
|
-
</li>
|
|
217
|
+
</a> </li>
|
|
404
218
|
</ul>
|
|
405
219
|
</li>
|
|
406
|
-
|
|
407
220
|
<li class="nav-header">EXAMPLES</li>
|
|
408
|
-
<li class="nav-item">
|
|
409
|
-
<a href="#" class="nav-link">
|
|
410
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
221
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
411
222
|
<p>
|
|
412
223
|
Auth
|
|
413
224
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
414
225
|
</p>
|
|
415
226
|
</a>
|
|
416
227
|
<ul class="nav nav-treeview">
|
|
417
|
-
<li class="nav-item">
|
|
418
|
-
<a href="#" class="nav-link">
|
|
419
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
228
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
420
229
|
<p>
|
|
421
230
|
Version 1
|
|
422
231
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
423
232
|
</p>
|
|
424
233
|
</a>
|
|
425
234
|
<ul class="nav nav-treeview">
|
|
426
|
-
<li class="nav-item">
|
|
427
|
-
<a href="../examples/login.html" class="nav-link">
|
|
428
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
235
|
+
<li class="nav-item"> <a href="../examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
429
236
|
<p>Login</p>
|
|
430
|
-
</a>
|
|
431
|
-
|
|
432
|
-
<li class="nav-item">
|
|
433
|
-
<a href="../examples/register.html" class="nav-link">
|
|
434
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
237
|
+
</a> </li>
|
|
238
|
+
<li class="nav-item"> <a href="../examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
435
239
|
<p>Register</p>
|
|
436
|
-
</a>
|
|
437
|
-
</li>
|
|
240
|
+
</a> </li>
|
|
438
241
|
</ul>
|
|
439
242
|
</li>
|
|
440
|
-
<li class="nav-item">
|
|
441
|
-
<a href="#" class="nav-link">
|
|
442
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
243
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
443
244
|
<p>
|
|
444
245
|
Version 2
|
|
445
246
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
446
247
|
</p>
|
|
447
248
|
</a>
|
|
448
249
|
<ul class="nav nav-treeview">
|
|
449
|
-
<li class="nav-item">
|
|
450
|
-
<a href="../examples/login-v2.html" class="nav-link">
|
|
451
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
250
|
+
<li class="nav-item"> <a href="../examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
452
251
|
<p>Login</p>
|
|
453
|
-
</a>
|
|
454
|
-
|
|
455
|
-
<li class="nav-item">
|
|
456
|
-
<a href="../examples/register-v2.html" class="nav-link">
|
|
457
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
252
|
+
</a> </li>
|
|
253
|
+
<li class="nav-item"> <a href="../examples/register-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
458
254
|
<p>Register</p>
|
|
459
|
-
</a>
|
|
460
|
-
</li>
|
|
255
|
+
</a> </li>
|
|
461
256
|
</ul>
|
|
462
257
|
</li>
|
|
463
|
-
<li class="nav-item">
|
|
464
|
-
<a href="../examples/lockscreen.html" class="nav-link">
|
|
465
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
258
|
+
<li class="nav-item"> <a href="../examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
466
259
|
<p>Lockscreen</p>
|
|
467
|
-
</a>
|
|
468
|
-
</li>
|
|
260
|
+
</a> </li>
|
|
469
261
|
</ul>
|
|
470
262
|
</li>
|
|
471
|
-
|
|
472
263
|
<li class="nav-header">DOCUMENTATIONS</li>
|
|
473
|
-
<li class="nav-item">
|
|
474
|
-
<a href="../docs/introduction.html" class="nav-link">
|
|
475
|
-
<i class="nav-icon bi bi-download"></i>
|
|
264
|
+
<li class="nav-item"> <a href="../docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
|
|
476
265
|
<p>Installation</p>
|
|
477
|
-
</a>
|
|
478
|
-
|
|
479
|
-
<li class="nav-item">
|
|
480
|
-
<a href="../docs/layout.html" class="nav-link">
|
|
481
|
-
<i class="nav-icon bi bi-grip-horizontal"></i>
|
|
266
|
+
</a> </li>
|
|
267
|
+
<li class="nav-item"> <a href="../docs/layout.html" class="nav-link"> <i class="nav-icon bi bi-grip-horizontal"></i>
|
|
482
268
|
<p>Layout</p>
|
|
483
|
-
</a>
|
|
484
|
-
|
|
485
|
-
<li class="nav-item">
|
|
486
|
-
<a href="../docs/color-mode.html" class="nav-link">
|
|
487
|
-
<i class="nav-icon bi bi-star-half"></i>
|
|
269
|
+
</a> </li>
|
|
270
|
+
<li class="nav-item"> <a href="../docs/color-mode.html" class="nav-link"> <i class="nav-icon bi bi-star-half"></i>
|
|
488
271
|
<p>Color Mode</p>
|
|
489
|
-
</a>
|
|
490
|
-
|
|
491
|
-
<li class="nav-item">
|
|
492
|
-
<a href="#" class="nav-link">
|
|
493
|
-
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
272
|
+
</a> </li>
|
|
273
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
494
274
|
<p>
|
|
495
275
|
Components
|
|
496
276
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
497
277
|
</p>
|
|
498
278
|
</a>
|
|
499
279
|
<ul class="nav nav-treeview">
|
|
500
|
-
<li class="nav-item">
|
|
501
|
-
<a href="../docs/components/main-header.html" class="nav-link">
|
|
502
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
280
|
+
<li class="nav-item"> <a href="../docs/components/main-header.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
503
281
|
<p>Main Header</p>
|
|
504
|
-
</a>
|
|
505
|
-
|
|
506
|
-
<li class="nav-item">
|
|
507
|
-
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
|
508
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
282
|
+
</a> </li>
|
|
283
|
+
<li class="nav-item"> <a href="../docs/components/main-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
509
284
|
<p>Main Sidebar</p>
|
|
510
|
-
</a>
|
|
511
|
-
</li>
|
|
285
|
+
</a> </li>
|
|
512
286
|
</ul>
|
|
513
287
|
</li>
|
|
514
|
-
<li class="nav-item">
|
|
515
|
-
<a href="#" class="nav-link">
|
|
516
|
-
<i class="nav-icon bi bi-filetype-js"></i>
|
|
288
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
|
|
517
289
|
<p>
|
|
518
290
|
Javascript
|
|
519
291
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
520
292
|
</p>
|
|
521
293
|
</a>
|
|
522
294
|
<ul class="nav nav-treeview">
|
|
523
|
-
<li class="nav-item">
|
|
524
|
-
<a href="../docs/javascript/treeview.html" class="nav-link">
|
|
525
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
295
|
+
<li class="nav-item"> <a href="../docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
526
296
|
<p>Treeview</p>
|
|
527
|
-
</a>
|
|
528
|
-
</li>
|
|
297
|
+
</a> </li>
|
|
529
298
|
</ul>
|
|
530
299
|
</li>
|
|
531
|
-
<li class="nav-item">
|
|
532
|
-
<a href="../docs/browser-support.html" class="nav-link">
|
|
533
|
-
<i class="nav-icon bi bi-browser-edge"></i>
|
|
300
|
+
<li class="nav-item"> <a href="../docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
|
|
534
301
|
<p>Browser Support</p>
|
|
535
|
-
</a>
|
|
536
|
-
|
|
537
|
-
<li class="nav-item">
|
|
538
|
-
<a href="../docs/how-to-contribute.html" class="nav-link">
|
|
539
|
-
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
|
302
|
+
</a> </li>
|
|
303
|
+
<li class="nav-item"> <a href="../docs/how-to-contribute.html" class="nav-link"> <i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
|
540
304
|
<p>How To Contribute</p>
|
|
541
|
-
</a>
|
|
542
|
-
|
|
543
|
-
<li class="nav-item">
|
|
544
|
-
<a href="../docs/faq.html" class="nav-link">
|
|
545
|
-
<i class="nav-icon bi bi-question-circle-fill"></i>
|
|
305
|
+
</a> </li>
|
|
306
|
+
<li class="nav-item"> <a href="../docs/faq.html" class="nav-link"> <i class="nav-icon bi bi-question-circle-fill"></i>
|
|
546
307
|
<p>FAQ</p>
|
|
547
|
-
</a>
|
|
548
|
-
|
|
549
|
-
<li class="nav-item">
|
|
550
|
-
<a href="../docs/license.html" class="nav-link">
|
|
551
|
-
<i class="nav-icon bi bi-patch-check-fill"></i>
|
|
308
|
+
</a> </li>
|
|
309
|
+
<li class="nav-item"> <a href="../docs/license.html" class="nav-link"> <i class="nav-icon bi bi-patch-check-fill"></i>
|
|
552
310
|
<p>License</p>
|
|
553
|
-
</a>
|
|
554
|
-
</li>
|
|
555
|
-
|
|
311
|
+
</a> </li>
|
|
556
312
|
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
|
557
|
-
<li class="nav-item">
|
|
558
|
-
<a href="#" class="nav-link">
|
|
559
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
313
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
560
314
|
<p>Level 1</p>
|
|
561
|
-
</a>
|
|
562
|
-
|
|
563
|
-
<li class="nav-item">
|
|
564
|
-
<a href="#" class="nav-link">
|
|
565
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
315
|
+
</a> </li>
|
|
316
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
566
317
|
<p>
|
|
567
318
|
Level 1
|
|
568
319
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
569
320
|
</p>
|
|
570
321
|
</a>
|
|
571
322
|
<ul class="nav nav-treeview">
|
|
572
|
-
<li class="nav-item">
|
|
573
|
-
<a href="#" class="nav-link">
|
|
574
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
323
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
575
324
|
<p>Level 2</p>
|
|
576
|
-
</a>
|
|
577
|
-
|
|
578
|
-
<li class="nav-item">
|
|
579
|
-
<a href="#" class="nav-link">
|
|
580
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
325
|
+
</a> </li>
|
|
326
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
581
327
|
<p>
|
|
582
328
|
Level 2
|
|
583
329
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
584
330
|
</p>
|
|
585
331
|
</a>
|
|
586
332
|
<ul class="nav nav-treeview">
|
|
587
|
-
<li class="nav-item">
|
|
588
|
-
<a href="#" class="nav-link">
|
|
589
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
333
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
590
334
|
<p>Level 3</p>
|
|
591
|
-
</a>
|
|
592
|
-
|
|
593
|
-
<li class="nav-item">
|
|
594
|
-
<a href="#" class="nav-link">
|
|
595
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
335
|
+
</a> </li>
|
|
336
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
596
337
|
<p>Level 3</p>
|
|
597
|
-
</a>
|
|
598
|
-
|
|
599
|
-
<li class="nav-item">
|
|
600
|
-
<a href="#" class="nav-link">
|
|
601
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
338
|
+
</a> </li>
|
|
339
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
602
340
|
<p>Level 3</p>
|
|
603
|
-
</a>
|
|
604
|
-
</li>
|
|
341
|
+
</a> </li>
|
|
605
342
|
</ul>
|
|
606
343
|
</li>
|
|
607
|
-
<li class="nav-item">
|
|
608
|
-
<a href="#" class="nav-link">
|
|
609
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
344
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
610
345
|
<p>Level 2</p>
|
|
611
|
-
</a>
|
|
612
|
-
</li>
|
|
346
|
+
</a> </li>
|
|
613
347
|
</ul>
|
|
614
348
|
</li>
|
|
615
|
-
<li class="nav-item">
|
|
616
|
-
<a href="#" class="nav-link">
|
|
617
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
349
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
618
350
|
<p>Level 1</p>
|
|
619
|
-
</a>
|
|
620
|
-
</li>
|
|
621
|
-
|
|
351
|
+
</a> </li>
|
|
622
352
|
<li class="nav-header">LABELS</li>
|
|
623
|
-
<li class="nav-item">
|
|
624
|
-
<a href="#" class="nav-link">
|
|
625
|
-
<i class="nav-icon bi bi-circle text-danger"></i>
|
|
353
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
|
|
626
354
|
<p class="text">Important</p>
|
|
627
|
-
</a>
|
|
628
|
-
|
|
629
|
-
<li class="nav-item">
|
|
630
|
-
<a href="#" class="nav-link">
|
|
631
|
-
<i class="nav-icon bi bi-circle text-warning"></i>
|
|
355
|
+
</a> </li>
|
|
356
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-warning"></i>
|
|
632
357
|
<p>Warning</p>
|
|
633
|
-
</a>
|
|
634
|
-
|
|
635
|
-
<li class="nav-item">
|
|
636
|
-
<a href="#" class="nav-link">
|
|
637
|
-
<i class="nav-icon bi bi-circle text-info"></i>
|
|
358
|
+
</a> </li>
|
|
359
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-info"></i>
|
|
638
360
|
<p>Informational</p>
|
|
639
|
-
</a>
|
|
640
|
-
|
|
641
|
-
</ul>
|
|
642
|
-
<!--end::Sidebar Menu-->
|
|
361
|
+
</a> </li>
|
|
362
|
+
</ul> <!--end::Sidebar Menu-->
|
|
643
363
|
</nav>
|
|
644
|
-
</div>
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
<main class="app-main">
|
|
650
|
-
<!--begin::App Content Header-->
|
|
651
|
-
<div class="app-content-header">
|
|
652
|
-
<!--begin::Container-->
|
|
653
|
-
<div class="container-fluid">
|
|
654
|
-
<!--begin::Row-->
|
|
364
|
+
</div> <!--end::Sidebar Wrapper-->
|
|
365
|
+
</aside> <!--end::Sidebar--> <!--begin::App Main-->
|
|
366
|
+
<main class="app-main"> <!--begin::App Content Header-->
|
|
367
|
+
<div class="app-content-header"> <!--begin::Container-->
|
|
368
|
+
<div class="container-fluid"> <!--begin::Row-->
|
|
655
369
|
<div class="row">
|
|
656
370
|
<div class="col-sm-6">
|
|
657
371
|
<h3 class="mb-0">Simple Tables</h3>
|
|
@@ -664,24 +378,17 @@
|
|
|
664
378
|
</li>
|
|
665
379
|
</ol>
|
|
666
380
|
</div>
|
|
667
|
-
</div>
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
<!--end::App Content Header-->
|
|
673
|
-
<!--begin::App Content-->
|
|
674
|
-
<div class="app-content">
|
|
675
|
-
<!--begin::Container-->
|
|
676
|
-
<div class="container-fluid">
|
|
677
|
-
<!--begin::Row-->
|
|
381
|
+
</div> <!--end::Row-->
|
|
382
|
+
</div> <!--end::Container-->
|
|
383
|
+
</div> <!--end::App Content Header--> <!--begin::App Content-->
|
|
384
|
+
<div class="app-content"> <!--begin::Container-->
|
|
385
|
+
<div class="container-fluid"> <!--begin::Row-->
|
|
678
386
|
<div class="row">
|
|
679
387
|
<div class="col-md-6">
|
|
680
|
-
<div class="card">
|
|
388
|
+
<div class="card mb-4">
|
|
681
389
|
<div class="card-header">
|
|
682
390
|
<h3 class="card-title">Bordered Table</h3>
|
|
683
|
-
</div>
|
|
684
|
-
<!-- /.card-header -->
|
|
391
|
+
</div> <!-- /.card-header -->
|
|
685
392
|
<div class="card-body">
|
|
686
393
|
<table class="table table-bordered">
|
|
687
394
|
<thead>
|
|
@@ -693,87 +400,63 @@
|
|
|
693
400
|
</tr>
|
|
694
401
|
</thead>
|
|
695
402
|
<tbody>
|
|
696
|
-
<tr>
|
|
403
|
+
<tr class="align-middle">
|
|
697
404
|
<td>1.</td>
|
|
698
405
|
<td>Update software</td>
|
|
699
406
|
<td>
|
|
700
407
|
<div class="progress progress-xs">
|
|
701
|
-
<div class="progress-bar progress-bar-danger" style="width: 55%">
|
|
702
|
-
</div>
|
|
408
|
+
<div class="progress-bar progress-bar-danger" style="width: 55%"></div>
|
|
703
409
|
</div>
|
|
704
410
|
</td>
|
|
705
411
|
<td><span class="badge text-bg-danger">55%</span></td>
|
|
706
412
|
</tr>
|
|
707
|
-
<tr>
|
|
413
|
+
<tr class="align-middle">
|
|
708
414
|
<td>2.</td>
|
|
709
415
|
<td>Clean database</td>
|
|
710
416
|
<td>
|
|
711
417
|
<div class="progress progress-xs">
|
|
712
|
-
<div class="progress-bar text-bg-warning" style="width: 70%">
|
|
713
|
-
</div>
|
|
418
|
+
<div class="progress-bar text-bg-warning" style="width: 70%"></div>
|
|
714
419
|
</div>
|
|
715
420
|
</td>
|
|
716
|
-
<td>
|
|
717
|
-
<span class="badge text-bg-warning">70%</span>
|
|
718
|
-
</td>
|
|
421
|
+
<td> <span class="badge text-bg-warning">70%</span> </td>
|
|
719
422
|
</tr>
|
|
720
|
-
<tr>
|
|
423
|
+
<tr class="align-middle">
|
|
721
424
|
<td>3.</td>
|
|
722
425
|
<td>Cron job running</td>
|
|
723
426
|
<td>
|
|
724
427
|
<div class="progress progress-xs progress-striped active">
|
|
725
|
-
<div class="progress-bar text-bg-primary" style="width: 30%">
|
|
726
|
-
</div>
|
|
428
|
+
<div class="progress-bar text-bg-primary" style="width: 30%"></div>
|
|
727
429
|
</div>
|
|
728
430
|
</td>
|
|
729
|
-
<td>
|
|
730
|
-
<span class="badge text-bg-primary">30%</span>
|
|
731
|
-
</td>
|
|
431
|
+
<td> <span class="badge text-bg-primary">30%</span> </td>
|
|
732
432
|
</tr>
|
|
733
|
-
<tr>
|
|
433
|
+
<tr class="align-middle">
|
|
734
434
|
<td>4.</td>
|
|
735
435
|
<td>Fix and squish bugs</td>
|
|
736
436
|
<td>
|
|
737
437
|
<div class="progress progress-xs progress-striped active">
|
|
738
|
-
<div class="progress-bar text-bg-success" style="width: 90%">
|
|
739
|
-
</div>
|
|
438
|
+
<div class="progress-bar text-bg-success" style="width: 90%"></div>
|
|
740
439
|
</div>
|
|
741
440
|
</td>
|
|
742
|
-
<td>
|
|
743
|
-
<span class="badge text-bg-success">90%</span>
|
|
744
|
-
</td>
|
|
441
|
+
<td> <span class="badge text-bg-success">90%</span> </td>
|
|
745
442
|
</tr>
|
|
746
443
|
</tbody>
|
|
747
444
|
</table>
|
|
748
|
-
</div>
|
|
749
|
-
<!-- /.card-body -->
|
|
445
|
+
</div> <!-- /.card-body -->
|
|
750
446
|
<div class="card-footer clearfix">
|
|
751
447
|
<ul class="pagination pagination-sm m-0 float-end">
|
|
752
|
-
<li class="page-item">
|
|
753
|
-
|
|
754
|
-
</li>
|
|
755
|
-
<li class="page-item">
|
|
756
|
-
|
|
757
|
-
</li>
|
|
758
|
-
<li class="page-item">
|
|
759
|
-
<a class="page-link" href="#">2</a>
|
|
760
|
-
</li>
|
|
761
|
-
<li class="page-item">
|
|
762
|
-
<a class="page-link" href="#">3</a>
|
|
763
|
-
</li>
|
|
764
|
-
<li class="page-item">
|
|
765
|
-
<a class="page-link" href="#">»</a>
|
|
766
|
-
</li>
|
|
448
|
+
<li class="page-item"> <a class="page-link" href="#">«</a> </li>
|
|
449
|
+
<li class="page-item"> <a class="page-link" href="#">1</a> </li>
|
|
450
|
+
<li class="page-item"> <a class="page-link" href="#">2</a> </li>
|
|
451
|
+
<li class="page-item"> <a class="page-link" href="#">3</a> </li>
|
|
452
|
+
<li class="page-item"> <a class="page-link" href="#">»</a> </li>
|
|
767
453
|
</ul>
|
|
768
454
|
</div>
|
|
769
|
-
</div>
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
<div class="card">
|
|
455
|
+
</div> <!-- /.card -->
|
|
456
|
+
<div class="card mb-4">
|
|
773
457
|
<div class="card-header">
|
|
774
458
|
<h3 class="card-title">Condensed Full Width Table</h3>
|
|
775
|
-
</div>
|
|
776
|
-
<!-- /.card-header -->
|
|
459
|
+
</div> <!-- /.card-header -->
|
|
777
460
|
<div class="card-body p-0">
|
|
778
461
|
<table class="table table-sm">
|
|
779
462
|
<thead>
|
|
@@ -785,90 +468,65 @@
|
|
|
785
468
|
</tr>
|
|
786
469
|
</thead>
|
|
787
470
|
<tbody>
|
|
788
|
-
<tr>
|
|
471
|
+
<tr class="align-middle">
|
|
789
472
|
<td>1.</td>
|
|
790
473
|
<td>Update software</td>
|
|
791
474
|
<td>
|
|
792
475
|
<div class="progress progress-xs">
|
|
793
|
-
<div class="progress-bar progress-bar-danger" style="width: 55%">
|
|
794
|
-
</div>
|
|
476
|
+
<div class="progress-bar progress-bar-danger" style="width: 55%"></div>
|
|
795
477
|
</div>
|
|
796
478
|
</td>
|
|
797
479
|
<td><span class="badge text-bg-danger">55%</span></td>
|
|
798
480
|
</tr>
|
|
799
|
-
<tr>
|
|
481
|
+
<tr class="align-middle">
|
|
800
482
|
<td>2.</td>
|
|
801
483
|
<td>Clean database</td>
|
|
802
484
|
<td>
|
|
803
485
|
<div class="progress progress-xs">
|
|
804
|
-
<div class="progress-bar text-bg-warning" style="width: 70%">
|
|
805
|
-
</div>
|
|
486
|
+
<div class="progress-bar text-bg-warning" style="width: 70%"></div>
|
|
806
487
|
</div>
|
|
807
488
|
</td>
|
|
808
|
-
<td>
|
|
809
|
-
<span class="badge text-bg-warning">70%</span>
|
|
810
|
-
</td>
|
|
489
|
+
<td> <span class="badge text-bg-warning">70%</span> </td>
|
|
811
490
|
</tr>
|
|
812
|
-
<tr>
|
|
491
|
+
<tr class="align-middle">
|
|
813
492
|
<td>3.</td>
|
|
814
493
|
<td>Cron job running</td>
|
|
815
494
|
<td>
|
|
816
495
|
<div class="progress progress-xs progress-striped active">
|
|
817
|
-
<div class="progress-bar text-bg-primary" style="width: 30%">
|
|
818
|
-
</div>
|
|
496
|
+
<div class="progress-bar text-bg-primary" style="width: 30%"></div>
|
|
819
497
|
</div>
|
|
820
498
|
</td>
|
|
821
|
-
<td>
|
|
822
|
-
<span class="badge text-bg-primary">30%</span>
|
|
823
|
-
</td>
|
|
499
|
+
<td> <span class="badge text-bg-primary">30%</span> </td>
|
|
824
500
|
</tr>
|
|
825
|
-
<tr>
|
|
501
|
+
<tr class="align-middle">
|
|
826
502
|
<td>4.</td>
|
|
827
503
|
<td>Fix and squish bugs</td>
|
|
828
504
|
<td>
|
|
829
505
|
<div class="progress progress-xs progress-striped active">
|
|
830
|
-
<div class="progress-bar text-bg-success" style="width: 90%">
|
|
831
|
-
</div>
|
|
506
|
+
<div class="progress-bar text-bg-success" style="width: 90%"></div>
|
|
832
507
|
</div>
|
|
833
508
|
</td>
|
|
834
|
-
<td>
|
|
835
|
-
<span class="badge text-bg-success">90%</span>
|
|
836
|
-
</td>
|
|
509
|
+
<td> <span class="badge text-bg-success">90%</span> </td>
|
|
837
510
|
</tr>
|
|
838
511
|
</tbody>
|
|
839
512
|
</table>
|
|
840
|
-
</div>
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
<!-- /.card -->
|
|
844
|
-
</div>
|
|
845
|
-
<!-- /.col -->
|
|
513
|
+
</div> <!-- /.card-body -->
|
|
514
|
+
</div> <!-- /.card -->
|
|
515
|
+
</div> <!-- /.col -->
|
|
846
516
|
<div class="col-md-6">
|
|
847
|
-
<div class="card">
|
|
517
|
+
<div class="card mb-4">
|
|
848
518
|
<div class="card-header">
|
|
849
519
|
<h3 class="card-title">Simple Full Width Table</h3>
|
|
850
|
-
|
|
851
520
|
<div class="card-tools">
|
|
852
521
|
<ul class="pagination pagination-sm float-end">
|
|
853
|
-
<li class="page-item">
|
|
854
|
-
|
|
855
|
-
</li>
|
|
856
|
-
<li class="page-item">
|
|
857
|
-
|
|
858
|
-
</li>
|
|
859
|
-
<li class="page-item">
|
|
860
|
-
<a class="page-link" href="#">2</a>
|
|
861
|
-
</li>
|
|
862
|
-
<li class="page-item">
|
|
863
|
-
<a class="page-link" href="#">3</a>
|
|
864
|
-
</li>
|
|
865
|
-
<li class="page-item">
|
|
866
|
-
<a class="page-link" href="#">»</a>
|
|
867
|
-
</li>
|
|
522
|
+
<li class="page-item"> <a class="page-link" href="#">«</a> </li>
|
|
523
|
+
<li class="page-item"> <a class="page-link" href="#">1</a> </li>
|
|
524
|
+
<li class="page-item"> <a class="page-link" href="#">2</a> </li>
|
|
525
|
+
<li class="page-item"> <a class="page-link" href="#">3</a> </li>
|
|
526
|
+
<li class="page-item"> <a class="page-link" href="#">»</a> </li>
|
|
868
527
|
</ul>
|
|
869
528
|
</div>
|
|
870
|
-
</div>
|
|
871
|
-
<!-- /.card-header -->
|
|
529
|
+
</div> <!-- /.card-header -->
|
|
872
530
|
<div class="card-body p-0">
|
|
873
531
|
<table class="table">
|
|
874
532
|
<thead>
|
|
@@ -880,68 +538,54 @@
|
|
|
880
538
|
</tr>
|
|
881
539
|
</thead>
|
|
882
540
|
<tbody>
|
|
883
|
-
<tr>
|
|
541
|
+
<tr class="align-middle">
|
|
884
542
|
<td>1.</td>
|
|
885
543
|
<td>Update software</td>
|
|
886
544
|
<td>
|
|
887
545
|
<div class="progress progress-xs">
|
|
888
|
-
<div class="progress-bar progress-bar-danger" style="width: 55%">
|
|
889
|
-
</div>
|
|
546
|
+
<div class="progress-bar progress-bar-danger" style="width: 55%"></div>
|
|
890
547
|
</div>
|
|
891
548
|
</td>
|
|
892
549
|
<td><span class="badge text-bg-danger">55%</span></td>
|
|
893
550
|
</tr>
|
|
894
|
-
<tr>
|
|
551
|
+
<tr class="align-middle">
|
|
895
552
|
<td>2.</td>
|
|
896
553
|
<td>Clean database</td>
|
|
897
554
|
<td>
|
|
898
555
|
<div class="progress progress-xs">
|
|
899
|
-
<div class="progress-bar text-bg-warning" style="width: 70%">
|
|
900
|
-
</div>
|
|
556
|
+
<div class="progress-bar text-bg-warning" style="width: 70%"></div>
|
|
901
557
|
</div>
|
|
902
558
|
</td>
|
|
903
|
-
<td>
|
|
904
|
-
<span class="badge text-bg-warning">70%</span>
|
|
905
|
-
</td>
|
|
559
|
+
<td> <span class="badge text-bg-warning">70%</span> </td>
|
|
906
560
|
</tr>
|
|
907
|
-
<tr>
|
|
561
|
+
<tr class="align-middle">
|
|
908
562
|
<td>3.</td>
|
|
909
563
|
<td>Cron job running</td>
|
|
910
564
|
<td>
|
|
911
565
|
<div class="progress progress-xs progress-striped active">
|
|
912
|
-
<div class="progress-bar text-bg-primary" style="width: 30%">
|
|
913
|
-
</div>
|
|
566
|
+
<div class="progress-bar text-bg-primary" style="width: 30%"></div>
|
|
914
567
|
</div>
|
|
915
568
|
</td>
|
|
916
|
-
<td>
|
|
917
|
-
<span class="badge text-bg-primary">30%</span>
|
|
918
|
-
</td>
|
|
569
|
+
<td> <span class="badge text-bg-primary">30%</span> </td>
|
|
919
570
|
</tr>
|
|
920
|
-
<tr>
|
|
571
|
+
<tr class="align-middle">
|
|
921
572
|
<td>4.</td>
|
|
922
573
|
<td>Fix and squish bugs</td>
|
|
923
574
|
<td>
|
|
924
575
|
<div class="progress progress-xs progress-striped active">
|
|
925
|
-
<div class="progress-bar text-bg-success" style="width: 90%">
|
|
926
|
-
</div>
|
|
576
|
+
<div class="progress-bar text-bg-success" style="width: 90%"></div>
|
|
927
577
|
</div>
|
|
928
578
|
</td>
|
|
929
|
-
<td>
|
|
930
|
-
<span class="badge text-bg-success">90%</span>
|
|
931
|
-
</td>
|
|
579
|
+
<td> <span class="badge text-bg-success">90%</span> </td>
|
|
932
580
|
</tr>
|
|
933
581
|
</tbody>
|
|
934
582
|
</table>
|
|
935
|
-
</div>
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
<!-- /.card -->
|
|
939
|
-
|
|
940
|
-
<div class="card">
|
|
583
|
+
</div> <!-- /.card-body -->
|
|
584
|
+
</div> <!-- /.card -->
|
|
585
|
+
<div class="card mb-4">
|
|
941
586
|
<div class="card-header">
|
|
942
587
|
<h3 class="card-title">Striped Full Width Table</h3>
|
|
943
|
-
</div>
|
|
944
|
-
<!-- /.card-header -->
|
|
588
|
+
</div> <!-- /.card-header -->
|
|
945
589
|
<div class="card-body p-0">
|
|
946
590
|
<table class="table table-striped">
|
|
947
591
|
<thead>
|
|
@@ -953,98 +597,68 @@
|
|
|
953
597
|
</tr>
|
|
954
598
|
</thead>
|
|
955
599
|
<tbody>
|
|
956
|
-
<tr>
|
|
600
|
+
<tr class="align-middle">
|
|
957
601
|
<td>1.</td>
|
|
958
602
|
<td>Update software</td>
|
|
959
603
|
<td>
|
|
960
604
|
<div class="progress progress-xs">
|
|
961
|
-
<div class="progress-bar progress-bar-danger" style="width: 55%">
|
|
962
|
-
</div>
|
|
605
|
+
<div class="progress-bar progress-bar-danger" style="width: 55%"></div>
|
|
963
606
|
</div>
|
|
964
607
|
</td>
|
|
965
608
|
<td><span class="badge text-bg-danger">55%</span></td>
|
|
966
609
|
</tr>
|
|
967
|
-
<tr>
|
|
610
|
+
<tr class="align-middle">
|
|
968
611
|
<td>2.</td>
|
|
969
612
|
<td>Clean database</td>
|
|
970
613
|
<td>
|
|
971
614
|
<div class="progress progress-xs">
|
|
972
|
-
<div class="progress-bar text-bg-warning" style="width: 70%">
|
|
973
|
-
</div>
|
|
615
|
+
<div class="progress-bar text-bg-warning" style="width: 70%"></div>
|
|
974
616
|
</div>
|
|
975
617
|
</td>
|
|
976
|
-
<td>
|
|
977
|
-
<span class="badge text-bg-warning">70%</span>
|
|
978
|
-
</td>
|
|
618
|
+
<td> <span class="badge text-bg-warning">70%</span> </td>
|
|
979
619
|
</tr>
|
|
980
|
-
<tr>
|
|
620
|
+
<tr class="align-middle">
|
|
981
621
|
<td>3.</td>
|
|
982
622
|
<td>Cron job running</td>
|
|
983
623
|
<td>
|
|
984
624
|
<div class="progress progress-xs progress-striped active">
|
|
985
|
-
<div class="progress-bar text-bg-primary" style="width: 30%">
|
|
986
|
-
</div>
|
|
625
|
+
<div class="progress-bar text-bg-primary" style="width: 30%"></div>
|
|
987
626
|
</div>
|
|
988
627
|
</td>
|
|
989
|
-
<td>
|
|
990
|
-
<span class="badge text-bg-primary">30%</span>
|
|
991
|
-
</td>
|
|
628
|
+
<td> <span class="badge text-bg-primary">30%</span> </td>
|
|
992
629
|
</tr>
|
|
993
|
-
<tr>
|
|
630
|
+
<tr class="align-middle">
|
|
994
631
|
<td>4.</td>
|
|
995
632
|
<td>Fix and squish bugs</td>
|
|
996
633
|
<td>
|
|
997
634
|
<div class="progress progress-xs progress-striped active">
|
|
998
|
-
<div class="progress-bar text-bg-success" style="width: 90%">
|
|
999
|
-
</div>
|
|
635
|
+
<div class="progress-bar text-bg-success" style="width: 90%"></div>
|
|
1000
636
|
</div>
|
|
1001
637
|
</td>
|
|
1002
|
-
<td>
|
|
1003
|
-
<span class="badge text-bg-success">90%</span>
|
|
1004
|
-
</td>
|
|
638
|
+
<td> <span class="badge text-bg-success">90%</span> </td>
|
|
1005
639
|
</tr>
|
|
1006
640
|
</tbody>
|
|
1007
641
|
</table>
|
|
1008
|
-
</div>
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
<!--end::App Content-->
|
|
1020
|
-
</main>
|
|
1021
|
-
<!--end::App Main-->
|
|
1022
|
-
<!--begin::Footer-->
|
|
1023
|
-
<footer class="app-footer">
|
|
1024
|
-
<!--begin::To the end-->
|
|
1025
|
-
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
|
1026
|
-
<!--end::To the end-->
|
|
1027
|
-
<!--begin::Copyright-->
|
|
1028
|
-
<strong>
|
|
1029
|
-
Copyright © 2014-2023
|
|
1030
|
-
<a href="https://adminlte.io">AdminLTE.io</a>.
|
|
642
|
+
</div> <!-- /.card-body -->
|
|
643
|
+
</div> <!-- /.card -->
|
|
644
|
+
</div> <!-- /.col -->
|
|
645
|
+
</div> <!--end::Row-->
|
|
646
|
+
</div> <!--end::Container-->
|
|
647
|
+
</div> <!--end::App Content-->
|
|
648
|
+
</main> <!--end::App Main--> <!--begin::Footer-->
|
|
649
|
+
<footer class="app-footer"> <!--begin::To the end-->
|
|
650
|
+
<div class="float-end d-none d-sm-inline">Anything you want</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
|
|
651
|
+
Copyright © 2014-2024
|
|
652
|
+
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
|
1031
653
|
</strong>
|
|
1032
654
|
All rights reserved.
|
|
1033
655
|
<!--end::Copyright-->
|
|
1034
|
-
</footer>
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
<!--end::
|
|
1038
|
-
<!--begin::
|
|
1039
|
-
<!--
|
|
1040
|
-
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
|
|
1041
|
-
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
|
1042
|
-
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
|
|
1043
|
-
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
|
1044
|
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
|
|
1045
|
-
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
|
1046
|
-
<script src="../../../dist/js/adminlte.js"></script>
|
|
1047
|
-
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
656
|
+
</footer> <!--end::Footer-->
|
|
657
|
+
</div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
658
|
+
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.3.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-H2VM7BKda+v2Z4+DRy69uknwxjyDRhszjXFhsL4gD3w=" crossorigin="anonymous"></script> <!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
|
659
|
+
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha256-whL0tQWoY1Ku1iskqPFvmZ+CHsvmRWx/PIoEvIeWh4I=" crossorigin="anonymous"></script> <!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
|
660
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha256-YMa+wAM6QkVyz999odX7lPRxkoYAan8suedu4k2Zur8=" crossorigin="anonymous"></script> <!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
|
661
|
+
<script src="../../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
1048
662
|
<script>
|
|
1049
663
|
const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
|
|
1050
664
|
const Default = {
|
|
@@ -1052,7 +666,6 @@
|
|
|
1052
666
|
scrollbarAutoHide: "leave",
|
|
1053
667
|
scrollbarClickScroll: true,
|
|
1054
668
|
};
|
|
1055
|
-
|
|
1056
669
|
document.addEventListener("DOMContentLoaded", function() {
|
|
1057
670
|
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
|
1058
671
|
if (
|
|
@@ -1068,9 +681,7 @@
|
|
|
1068
681
|
});
|
|
1069
682
|
}
|
|
1070
683
|
});
|
|
1071
|
-
</script>
|
|
1072
|
-
<!--end::OverlayScrollbars Configure-->
|
|
1073
|
-
<!--end::Script-->
|
|
684
|
+
</script> <!--end::OverlayScrollbars Configure--> <!--end::Script-->
|
|
1074
685
|
</body><!--end::Body-->
|
|
1075
686
|
|
|
1076
687
|
</html>
|