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
package/dist/pages/index2.html
CHANGED
|
@@ -1,658 +1,372 @@
|
|
|
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 | Dashboard v2</title
|
|
8
|
-
<!--begin::Primary Meta Tags-->
|
|
6
|
+
<title>AdminLTE | Dashboard v2</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 | Dashboard v2">
|
|
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
|
-
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
|
|
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
|
-
|
|
30
|
-
<!-- apexcharts -->
|
|
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)--><!-- apexcharts -->
|
|
31
16
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css" integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0=" crossorigin="anonymous">
|
|
32
17
|
</head>
|
|
33
18
|
|
|
34
|
-
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
35
|
-
<!--begin::
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
<nav class="app-header navbar navbar-expand bg-body">
|
|
39
|
-
<!--begin::Container-->
|
|
40
|
-
<div class="container-fluid">
|
|
41
|
-
<!--begin::Start Navbar Links-->
|
|
19
|
+
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
|
|
20
|
+
<div class="app-wrapper"> <!--begin::Header-->
|
|
21
|
+
<nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
|
|
22
|
+
<div class="container-fluid"> <!--begin::Start Navbar Links-->
|
|
42
23
|
<ul class="navbar-nav">
|
|
43
|
-
<li class="nav-item">
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
<li class="nav-item
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
<li class="nav-item d-none d-md-block">
|
|
52
|
-
<a href="#" class="nav-link">Contact</a>
|
|
53
|
-
</li>
|
|
54
|
-
</ul>
|
|
55
|
-
<!--end::Start Navbar Links-->
|
|
56
|
-
|
|
57
|
-
<!--begin::End Navbar Links-->
|
|
58
|
-
<ul class="navbar-nav ms-auto">
|
|
59
|
-
<!--begin::Navbar Search-->
|
|
60
|
-
<li class="nav-item">
|
|
61
|
-
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
|
62
|
-
<i class="bi bi-search"></i>
|
|
63
|
-
</a>
|
|
64
|
-
</li>
|
|
65
|
-
<!--end::Navbar Search-->
|
|
66
|
-
|
|
67
|
-
<!--begin::Messages Dropdown Menu-->
|
|
68
|
-
<li class="nav-item dropdown">
|
|
69
|
-
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
|
70
|
-
<i class="bi bi-chat-text"></i>
|
|
71
|
-
<span class="navbar-badge badge text-bg-danger">3</span>
|
|
72
|
-
</a>
|
|
73
|
-
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
74
|
-
<a href="#" class="dropdown-item">
|
|
75
|
-
<!--begin::Message-->
|
|
24
|
+
<li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
|
|
25
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Home</a> </li>
|
|
26
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contact</a> </li>
|
|
27
|
+
</ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
|
|
28
|
+
<ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
|
|
29
|
+
<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-->
|
|
30
|
+
<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>
|
|
31
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
76
32
|
<div class="d-flex">
|
|
77
|
-
<div class="flex-shrink-0">
|
|
78
|
-
<img src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
79
|
-
</div>
|
|
33
|
+
<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>
|
|
80
34
|
<div class="flex-grow-1">
|
|
81
35
|
<h3 class="dropdown-item-title">
|
|
82
36
|
Brad Diesel
|
|
83
37
|
<span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
|
|
84
38
|
</h3>
|
|
85
39
|
<p class="fs-7">Call me whenever you can...</p>
|
|
86
|
-
<p class="fs-7 text-secondary">
|
|
87
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
40
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
88
41
|
</p>
|
|
89
42
|
</div>
|
|
90
|
-
</div>
|
|
91
|
-
<!--end::Message-->
|
|
43
|
+
</div> <!--end::Message-->
|
|
92
44
|
</a>
|
|
93
|
-
<div class="dropdown-divider"></div>
|
|
94
|
-
<a href="#" class="dropdown-item">
|
|
95
|
-
<!--begin::Message-->
|
|
45
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
96
46
|
<div class="d-flex">
|
|
97
|
-
<div class="flex-shrink-0">
|
|
98
|
-
<img src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
99
|
-
</div>
|
|
47
|
+
<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>
|
|
100
48
|
<div class="flex-grow-1">
|
|
101
49
|
<h3 class="dropdown-item-title">
|
|
102
50
|
John Pierce
|
|
103
|
-
<span class="float-end fs-7 text-secondary">
|
|
104
|
-
<i class="bi bi-star-fill"></i>
|
|
105
|
-
</span>
|
|
51
|
+
<span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
|
|
106
52
|
</h3>
|
|
107
53
|
<p class="fs-7">I got your message bro</p>
|
|
108
|
-
<p class="fs-7 text-secondary">
|
|
109
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
54
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
110
55
|
</p>
|
|
111
56
|
</div>
|
|
112
|
-
</div>
|
|
113
|
-
<!--end::Message-->
|
|
57
|
+
</div> <!--end::Message-->
|
|
114
58
|
</a>
|
|
115
|
-
<div class="dropdown-divider"></div>
|
|
116
|
-
<a href="#" class="dropdown-item">
|
|
117
|
-
<!--begin::Message-->
|
|
59
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
118
60
|
<div class="d-flex">
|
|
119
|
-
<div class="flex-shrink-0">
|
|
120
|
-
<img src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
121
|
-
</div>
|
|
61
|
+
<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>
|
|
122
62
|
<div class="flex-grow-1">
|
|
123
63
|
<h3 class="dropdown-item-title">
|
|
124
64
|
Nora Silvester
|
|
125
|
-
<span class="float-end fs-7 text-warning">
|
|
126
|
-
<i class="bi bi-star-fill"></i>
|
|
127
|
-
</span>
|
|
65
|
+
<span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
|
|
128
66
|
</h3>
|
|
129
67
|
<p class="fs-7">The subject goes here</p>
|
|
130
|
-
<p class="fs-7 text-secondary">
|
|
131
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
68
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
132
69
|
</p>
|
|
133
70
|
</div>
|
|
134
|
-
</div>
|
|
135
|
-
<!--end::Message-->
|
|
71
|
+
</div> <!--end::Message-->
|
|
136
72
|
</a>
|
|
137
|
-
<div class="dropdown-divider"></div>
|
|
138
|
-
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
73
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
139
74
|
</div>
|
|
140
|
-
</li>
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
<
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
151
|
-
<div class="dropdown-divider"></div>
|
|
152
|
-
<a href="#" class="dropdown-item">
|
|
153
|
-
<i class="bi bi-envelope me-2"></i> 4 new messages
|
|
154
|
-
<span class="float-end text-secondary fs-7">3 mins</span>
|
|
155
|
-
</a>
|
|
156
|
-
<div class="dropdown-divider"></div>
|
|
157
|
-
<a href="#" class="dropdown-item">
|
|
158
|
-
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
159
|
-
<span class="float-end text-secondary fs-7">12 hours</span>
|
|
160
|
-
</a>
|
|
161
|
-
<div class="dropdown-divider"></div>
|
|
162
|
-
<a href="#" class="dropdown-item">
|
|
163
|
-
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
164
|
-
<span class="float-end text-secondary fs-7">2 days</span>
|
|
165
|
-
</a>
|
|
166
|
-
<div class="dropdown-divider"></div>
|
|
167
|
-
<a href="#" class="dropdown-item dropdown-footer">
|
|
75
|
+
</li> <!--end::Messages Dropdown Menu--> <!--begin::Notifications Dropdown Menu-->
|
|
76
|
+
<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>
|
|
77
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
78
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-envelope me-2"></i> 4 new messages
|
|
79
|
+
<span class="float-end text-secondary fs-7">3 mins</span> </a>
|
|
80
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
81
|
+
<span class="float-end text-secondary fs-7">12 hours</span> </a>
|
|
82
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
83
|
+
<span class="float-end text-secondary fs-7">2 days</span> </a>
|
|
84
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
|
|
168
85
|
See All Notifications
|
|
169
86
|
</a>
|
|
170
87
|
</div>
|
|
171
|
-
</li>
|
|
172
|
-
<!--end::
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
|
177
|
-
<img src="../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image">
|
|
178
|
-
<span class="d-none d-md-inline">Alexander Pierce</span>
|
|
179
|
-
</a>
|
|
180
|
-
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
181
|
-
<!--begin::User Image-->
|
|
182
|
-
<li class="user-header text-bg-primary">
|
|
183
|
-
<img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
184
|
-
|
|
88
|
+
</li> <!--end::Notifications Dropdown Menu--> <!--begin::Fullscreen Toggle-->
|
|
89
|
+
<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-->
|
|
90
|
+
<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>
|
|
91
|
+
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
|
|
92
|
+
<li class="user-header text-bg-primary"> <img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
185
93
|
<p>
|
|
186
94
|
Alexander Pierce - Web Developer
|
|
187
95
|
<small>Member since Nov. 2023</small>
|
|
188
96
|
</p>
|
|
189
|
-
</li>
|
|
190
|
-
<!--
|
|
191
|
-
<!--begin::Menu Body-->
|
|
192
|
-
<li class="user-body">
|
|
193
|
-
<!--begin::Row-->
|
|
97
|
+
</li> <!--end::User Image--> <!--begin::Menu Body-->
|
|
98
|
+
<li class="user-body"> <!--begin::Row-->
|
|
194
99
|
<div class="row">
|
|
195
|
-
<div class="col-4 text-center">
|
|
196
|
-
|
|
197
|
-
</div>
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
<div class="col-4 text-center">
|
|
202
|
-
<a href="#">Friends</a>
|
|
203
|
-
</div>
|
|
204
|
-
</div>
|
|
205
|
-
<!--end::Row-->
|
|
206
|
-
</li>
|
|
207
|
-
<!--end::Menu Body-->
|
|
208
|
-
<!--begin::Menu Footer-->
|
|
209
|
-
<li class="user-footer">
|
|
210
|
-
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
|
211
|
-
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
|
212
|
-
</li>
|
|
213
|
-
<!--end::Menu Footer-->
|
|
100
|
+
<div class="col-4 text-center"> <a href="#">Followers</a> </div>
|
|
101
|
+
<div class="col-4 text-center"> <a href="#">Sales</a> </div>
|
|
102
|
+
<div class="col-4 text-center"> <a href="#">Friends</a> </div>
|
|
103
|
+
</div> <!--end::Row-->
|
|
104
|
+
</li> <!--end::Menu Body--> <!--begin::Menu Footer-->
|
|
105
|
+
<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-->
|
|
214
106
|
</ul>
|
|
215
|
-
</li>
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
<!--end::
|
|
221
|
-
</nav>
|
|
222
|
-
<!--end::Header-->
|
|
223
|
-
<!--begin::Sidebar-->
|
|
224
|
-
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
|
225
|
-
<!--begin::Sidebar Brand-->
|
|
226
|
-
<div class="sidebar-brand">
|
|
227
|
-
<!--begin::Brand Link-->
|
|
228
|
-
<a href="./index.html" class="brand-link">
|
|
229
|
-
<!--begin::Brand Image-->
|
|
230
|
-
<img src="../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
|
|
231
|
-
<!--end::Brand Image-->
|
|
232
|
-
<!--begin::Brand Text-->
|
|
233
|
-
<span class="brand-text fw-light">AdminLTE 4</span>
|
|
234
|
-
<!--end::Brand Text-->
|
|
235
|
-
</a>
|
|
236
|
-
<!--end::Brand Link-->
|
|
237
|
-
</div>
|
|
238
|
-
<!--end::Sidebar Brand-->
|
|
239
|
-
<!--begin::Sidebar Wrapper-->
|
|
107
|
+
</li> <!--end::User Menu Dropdown-->
|
|
108
|
+
</ul> <!--end::End Navbar Links-->
|
|
109
|
+
</div> <!--end::Container-->
|
|
110
|
+
</nav> <!--end::Header--> <!--begin::Sidebar-->
|
|
111
|
+
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
|
|
112
|
+
<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-->
|
|
240
113
|
<div class="sidebar-wrapper">
|
|
241
|
-
<nav class="mt-2">
|
|
242
|
-
<!--begin::Sidebar Menu-->
|
|
114
|
+
<nav class="mt-2"> <!--begin::Sidebar Menu-->
|
|
243
115
|
<ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
|
|
244
|
-
<li class="nav-item menu-open">
|
|
245
|
-
<a href="#" class="nav-link active">
|
|
246
|
-
<i class="nav-icon bi bi-speedometer"></i>
|
|
116
|
+
<li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-speedometer"></i>
|
|
247
117
|
<p>
|
|
248
118
|
Dashboard
|
|
249
119
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
250
120
|
</p>
|
|
251
121
|
</a>
|
|
252
122
|
<ul class="nav nav-treeview">
|
|
253
|
-
<li class="nav-item">
|
|
254
|
-
<a href="./index.html" class="nav-link">
|
|
255
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
123
|
+
<li class="nav-item"> <a href="./index.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
256
124
|
<p>Dashboard v1</p>
|
|
257
|
-
</a>
|
|
258
|
-
|
|
259
|
-
<li class="nav-item">
|
|
260
|
-
<a href="./index2.html" class="nav-link active">
|
|
261
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
125
|
+
</a> </li>
|
|
126
|
+
<li class="nav-item"> <a href="./index2.html" class="nav-link active"> <i class="nav-icon bi bi-circle"></i>
|
|
262
127
|
<p>Dashboard v2</p>
|
|
263
|
-
</a>
|
|
264
|
-
|
|
265
|
-
<li class="nav-item">
|
|
266
|
-
<a href="./index3.html" class="nav-link">
|
|
267
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
128
|
+
</a> </li>
|
|
129
|
+
<li class="nav-item"> <a href="./index3.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
268
130
|
<p>Dashboard v3</p>
|
|
269
|
-
</a>
|
|
270
|
-
</li>
|
|
131
|
+
</a> </li>
|
|
271
132
|
</ul>
|
|
272
133
|
</li>
|
|
273
|
-
<li class="nav-item">
|
|
274
|
-
<a href="#" class="nav-link">
|
|
275
|
-
<i class="nav-icon bi bi-box-seam-fill"></i>
|
|
134
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
|
|
276
135
|
<p>
|
|
277
136
|
Widgets
|
|
278
137
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
279
138
|
</p>
|
|
280
139
|
</a>
|
|
281
140
|
<ul class="nav nav-treeview">
|
|
282
|
-
<li class="nav-item">
|
|
283
|
-
<a href="./widgets/small-box.html" class="nav-link">
|
|
284
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
141
|
+
<li class="nav-item"> <a href="./widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
285
142
|
<p>Small Box</p>
|
|
286
|
-
</a>
|
|
287
|
-
|
|
288
|
-
<li class="nav-item">
|
|
289
|
-
<a href="./widgets/info-box.html" class="nav-link">
|
|
290
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
143
|
+
</a> </li>
|
|
144
|
+
<li class="nav-item"> <a href="./widgets/info-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
291
145
|
<p>info Box</p>
|
|
292
|
-
</a>
|
|
293
|
-
|
|
294
|
-
<li class="nav-item">
|
|
295
|
-
<a href="./widgets/cards.html" class="nav-link">
|
|
296
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
146
|
+
</a> </li>
|
|
147
|
+
<li class="nav-item"> <a href="./widgets/cards.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
297
148
|
<p>Cards</p>
|
|
298
|
-
</a>
|
|
299
|
-
</li>
|
|
149
|
+
</a> </li>
|
|
300
150
|
</ul>
|
|
301
151
|
</li>
|
|
302
|
-
<li class="nav-item">
|
|
303
|
-
<a href="#" class="nav-link">
|
|
304
|
-
<i class="nav-icon bi bi-clipboard-fill"></i>
|
|
152
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-clipboard-fill"></i>
|
|
305
153
|
<p>
|
|
306
154
|
Layout Options
|
|
307
|
-
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
|
308
|
-
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
155
|
+
<span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
|
|
309
156
|
</p>
|
|
310
157
|
</a>
|
|
311
158
|
<ul class="nav nav-treeview">
|
|
312
|
-
<li class="nav-item">
|
|
313
|
-
<a href="./layout/unfixed-sidebar.html" class="nav-link">
|
|
314
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
159
|
+
<li class="nav-item"> <a href="./layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
315
160
|
<p>Default Sidebar</p>
|
|
316
|
-
</a>
|
|
317
|
-
|
|
318
|
-
<li class="nav-item">
|
|
319
|
-
<a href="./layout/fixed-sidebar.html" class="nav-link">
|
|
320
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
161
|
+
</a> </li>
|
|
162
|
+
<li class="nav-item"> <a href="./layout/fixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
321
163
|
<p>Fixed Sidebar</p>
|
|
322
|
-
</a>
|
|
323
|
-
|
|
324
|
-
<li class="nav-item">
|
|
325
|
-
<a href="./layout/fixed-complete.html" class="nav-link">
|
|
326
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
164
|
+
</a> </li>
|
|
165
|
+
<li class="nav-item"> <a href="./layout/fixed-complete.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
327
166
|
<p>Fixed Complete</p>
|
|
328
|
-
</a>
|
|
329
|
-
|
|
330
|
-
<li class="nav-item">
|
|
331
|
-
<a href="./layout/sidebar-mini.html" class="nav-link">
|
|
332
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
167
|
+
</a> </li>
|
|
168
|
+
<li class="nav-item"> <a href="./layout/sidebar-mini.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
333
169
|
<p>Sidebar Mini</p>
|
|
334
|
-
</a>
|
|
335
|
-
|
|
336
|
-
<li class="nav-item">
|
|
337
|
-
<a href="./layout/collapsed-sidebar.html" class="nav-link">
|
|
338
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
170
|
+
</a> </li>
|
|
171
|
+
<li class="nav-item"> <a href="./layout/collapsed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
339
172
|
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
|
340
|
-
</a>
|
|
341
|
-
|
|
342
|
-
<li class="nav-item">
|
|
343
|
-
<a href="./layout/logo-switch.html" class="nav-link">
|
|
344
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
173
|
+
</a> </li>
|
|
174
|
+
<li class="nav-item"> <a href="./layout/logo-switch.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
345
175
|
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
|
346
|
-
</a>
|
|
347
|
-
|
|
348
|
-
<li class="nav-item">
|
|
349
|
-
<a href="./layout/layout-rtl.html" class="nav-link">
|
|
350
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
176
|
+
</a> </li>
|
|
177
|
+
<li class="nav-item"> <a href="./layout/layout-rtl.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
351
178
|
<p>Layout RTL</p>
|
|
352
|
-
</a>
|
|
353
|
-
</li>
|
|
179
|
+
</a> </li>
|
|
354
180
|
</ul>
|
|
355
181
|
</li>
|
|
356
|
-
<li class="nav-item">
|
|
357
|
-
<a href="#" class="nav-link">
|
|
358
|
-
<i class="nav-icon bi bi-tree-fill"></i>
|
|
182
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-tree-fill"></i>
|
|
359
183
|
<p>
|
|
360
184
|
UI Elements
|
|
361
185
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
362
186
|
</p>
|
|
363
187
|
</a>
|
|
364
188
|
<ul class="nav nav-treeview">
|
|
365
|
-
<li class="nav-item">
|
|
366
|
-
|
|
367
|
-
|
|
189
|
+
<li class="nav-item"> <a href="./UI/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
190
|
+
<p>General</p>
|
|
191
|
+
</a> </li>
|
|
192
|
+
<li class="nav-item"> <a href="./UI/timeline.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
368
193
|
<p>Timeline</p>
|
|
369
|
-
</a>
|
|
370
|
-
</li>
|
|
194
|
+
</a> </li>
|
|
371
195
|
</ul>
|
|
372
196
|
</li>
|
|
373
|
-
<li class="nav-item">
|
|
374
|
-
<a href="#" class="nav-link">
|
|
375
|
-
<i class="nav-icon bi bi-pencil-square"></i>
|
|
197
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
|
|
376
198
|
<p>
|
|
377
199
|
Forms
|
|
378
200
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
379
201
|
</p>
|
|
380
202
|
</a>
|
|
381
203
|
<ul class="nav nav-treeview">
|
|
382
|
-
<li class="nav-item">
|
|
383
|
-
<a href="./forms/general.html" class="nav-link">
|
|
384
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
204
|
+
<li class="nav-item"> <a href="./forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
385
205
|
<p>General Elements</p>
|
|
386
|
-
</a>
|
|
387
|
-
</li>
|
|
206
|
+
</a> </li>
|
|
388
207
|
</ul>
|
|
389
208
|
</li>
|
|
390
|
-
<li class="nav-item">
|
|
391
|
-
<a href="#" class="nav-link">
|
|
392
|
-
<i class="nav-icon bi bi-table"></i>
|
|
209
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-table"></i>
|
|
393
210
|
<p>
|
|
394
211
|
Tables
|
|
395
212
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
396
213
|
</p>
|
|
397
214
|
</a>
|
|
398
215
|
<ul class="nav nav-treeview">
|
|
399
|
-
<li class="nav-item">
|
|
400
|
-
<a href="./tables/simple.html" class="nav-link">
|
|
401
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
216
|
+
<li class="nav-item"> <a href="./tables/simple.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
402
217
|
<p>Simple Tables</p>
|
|
403
|
-
</a>
|
|
404
|
-
</li>
|
|
218
|
+
</a> </li>
|
|
405
219
|
</ul>
|
|
406
220
|
</li>
|
|
407
|
-
|
|
408
221
|
<li class="nav-header">EXAMPLES</li>
|
|
409
|
-
<li class="nav-item">
|
|
410
|
-
<a href="#" class="nav-link">
|
|
411
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
222
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
412
223
|
<p>
|
|
413
224
|
Auth
|
|
414
225
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
415
226
|
</p>
|
|
416
227
|
</a>
|
|
417
228
|
<ul class="nav nav-treeview">
|
|
418
|
-
<li class="nav-item">
|
|
419
|
-
<a href="#" class="nav-link">
|
|
420
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
229
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
421
230
|
<p>
|
|
422
231
|
Version 1
|
|
423
232
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
424
233
|
</p>
|
|
425
234
|
</a>
|
|
426
235
|
<ul class="nav nav-treeview">
|
|
427
|
-
<li class="nav-item">
|
|
428
|
-
<a href="./examples/login.html" class="nav-link">
|
|
429
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
236
|
+
<li class="nav-item"> <a href="./examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
430
237
|
<p>Login</p>
|
|
431
|
-
</a>
|
|
432
|
-
|
|
433
|
-
<li class="nav-item">
|
|
434
|
-
<a href="./examples/register.html" class="nav-link">
|
|
435
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
238
|
+
</a> </li>
|
|
239
|
+
<li class="nav-item"> <a href="./examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
436
240
|
<p>Register</p>
|
|
437
|
-
</a>
|
|
438
|
-
</li>
|
|
241
|
+
</a> </li>
|
|
439
242
|
</ul>
|
|
440
243
|
</li>
|
|
441
|
-
<li class="nav-item">
|
|
442
|
-
<a href="#" class="nav-link">
|
|
443
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
244
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
444
245
|
<p>
|
|
445
246
|
Version 2
|
|
446
247
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
447
248
|
</p>
|
|
448
249
|
</a>
|
|
449
250
|
<ul class="nav nav-treeview">
|
|
450
|
-
<li class="nav-item">
|
|
451
|
-
<a href="./examples/login-v2.html" class="nav-link">
|
|
452
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
251
|
+
<li class="nav-item"> <a href="./examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
453
252
|
<p>Login</p>
|
|
454
|
-
</a>
|
|
455
|
-
|
|
456
|
-
<li class="nav-item">
|
|
457
|
-
<a href="./examples/register-v2.html" class="nav-link">
|
|
458
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
253
|
+
</a> </li>
|
|
254
|
+
<li class="nav-item"> <a href="./examples/register-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
459
255
|
<p>Register</p>
|
|
460
|
-
</a>
|
|
461
|
-
</li>
|
|
256
|
+
</a> </li>
|
|
462
257
|
</ul>
|
|
463
258
|
</li>
|
|
464
|
-
<li class="nav-item">
|
|
465
|
-
<a href="./examples/lockscreen.html" class="nav-link">
|
|
466
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
259
|
+
<li class="nav-item"> <a href="./examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
467
260
|
<p>Lockscreen</p>
|
|
468
|
-
</a>
|
|
469
|
-
</li>
|
|
261
|
+
</a> </li>
|
|
470
262
|
</ul>
|
|
471
263
|
</li>
|
|
472
|
-
|
|
473
264
|
<li class="nav-header">DOCUMENTATIONS</li>
|
|
474
|
-
<li class="nav-item">
|
|
475
|
-
<a href="./docs/introduction.html" class="nav-link">
|
|
476
|
-
<i class="nav-icon bi bi-download"></i>
|
|
265
|
+
<li class="nav-item"> <a href="./docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
|
|
477
266
|
<p>Installation</p>
|
|
478
|
-
</a>
|
|
479
|
-
|
|
480
|
-
<li class="nav-item">
|
|
481
|
-
<a href="./docs/layout.html" class="nav-link">
|
|
482
|
-
<i class="nav-icon bi bi-grip-horizontal"></i>
|
|
267
|
+
</a> </li>
|
|
268
|
+
<li class="nav-item"> <a href="./docs/layout.html" class="nav-link"> <i class="nav-icon bi bi-grip-horizontal"></i>
|
|
483
269
|
<p>Layout</p>
|
|
484
|
-
</a>
|
|
485
|
-
|
|
486
|
-
<li class="nav-item">
|
|
487
|
-
<a href="./docs/color-mode.html" class="nav-link">
|
|
488
|
-
<i class="nav-icon bi bi-star-half"></i>
|
|
270
|
+
</a> </li>
|
|
271
|
+
<li class="nav-item"> <a href="./docs/color-mode.html" class="nav-link"> <i class="nav-icon bi bi-star-half"></i>
|
|
489
272
|
<p>Color Mode</p>
|
|
490
|
-
</a>
|
|
491
|
-
|
|
492
|
-
<li class="nav-item">
|
|
493
|
-
<a href="#" class="nav-link">
|
|
494
|
-
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
273
|
+
</a> </li>
|
|
274
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
495
275
|
<p>
|
|
496
276
|
Components
|
|
497
277
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
498
278
|
</p>
|
|
499
279
|
</a>
|
|
500
280
|
<ul class="nav nav-treeview">
|
|
501
|
-
<li class="nav-item">
|
|
502
|
-
<a href="./docs/components/main-header.html" class="nav-link">
|
|
503
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
281
|
+
<li class="nav-item"> <a href="./docs/components/main-header.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
504
282
|
<p>Main Header</p>
|
|
505
|
-
</a>
|
|
506
|
-
|
|
507
|
-
<li class="nav-item">
|
|
508
|
-
<a href="./docs/components/main-sidebar.html" class="nav-link">
|
|
509
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
283
|
+
</a> </li>
|
|
284
|
+
<li class="nav-item"> <a href="./docs/components/main-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
510
285
|
<p>Main Sidebar</p>
|
|
511
|
-
</a>
|
|
512
|
-
</li>
|
|
286
|
+
</a> </li>
|
|
513
287
|
</ul>
|
|
514
288
|
</li>
|
|
515
|
-
<li class="nav-item">
|
|
516
|
-
<a href="#" class="nav-link">
|
|
517
|
-
<i class="nav-icon bi bi-filetype-js"></i>
|
|
289
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
|
|
518
290
|
<p>
|
|
519
291
|
Javascript
|
|
520
292
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
521
293
|
</p>
|
|
522
294
|
</a>
|
|
523
295
|
<ul class="nav nav-treeview">
|
|
524
|
-
<li class="nav-item">
|
|
525
|
-
<a href="./docs/javascript/treeview.html" class="nav-link">
|
|
526
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
296
|
+
<li class="nav-item"> <a href="./docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
527
297
|
<p>Treeview</p>
|
|
528
|
-
</a>
|
|
529
|
-
</li>
|
|
298
|
+
</a> </li>
|
|
530
299
|
</ul>
|
|
531
300
|
</li>
|
|
532
|
-
<li class="nav-item">
|
|
533
|
-
<a href="./docs/browser-support.html" class="nav-link">
|
|
534
|
-
<i class="nav-icon bi bi-browser-edge"></i>
|
|
301
|
+
<li class="nav-item"> <a href="./docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
|
|
535
302
|
<p>Browser Support</p>
|
|
536
|
-
</a>
|
|
537
|
-
|
|
538
|
-
<li class="nav-item">
|
|
539
|
-
<a href="./docs/how-to-contribute.html" class="nav-link">
|
|
540
|
-
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
|
303
|
+
</a> </li>
|
|
304
|
+
<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>
|
|
541
305
|
<p>How To Contribute</p>
|
|
542
|
-
</a>
|
|
543
|
-
|
|
544
|
-
<li class="nav-item">
|
|
545
|
-
<a href="./docs/faq.html" class="nav-link">
|
|
546
|
-
<i class="nav-icon bi bi-question-circle-fill"></i>
|
|
306
|
+
</a> </li>
|
|
307
|
+
<li class="nav-item"> <a href="./docs/faq.html" class="nav-link"> <i class="nav-icon bi bi-question-circle-fill"></i>
|
|
547
308
|
<p>FAQ</p>
|
|
548
|
-
</a>
|
|
549
|
-
|
|
550
|
-
<li class="nav-item">
|
|
551
|
-
<a href="./docs/license.html" class="nav-link">
|
|
552
|
-
<i class="nav-icon bi bi-patch-check-fill"></i>
|
|
309
|
+
</a> </li>
|
|
310
|
+
<li class="nav-item"> <a href="./docs/license.html" class="nav-link"> <i class="nav-icon bi bi-patch-check-fill"></i>
|
|
553
311
|
<p>License</p>
|
|
554
|
-
</a>
|
|
555
|
-
</li>
|
|
556
|
-
|
|
312
|
+
</a> </li>
|
|
557
313
|
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
|
558
|
-
<li class="nav-item">
|
|
559
|
-
<a href="#" class="nav-link">
|
|
560
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
314
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
561
315
|
<p>Level 1</p>
|
|
562
|
-
</a>
|
|
563
|
-
|
|
564
|
-
<li class="nav-item">
|
|
565
|
-
<a href="#" class="nav-link">
|
|
566
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
316
|
+
</a> </li>
|
|
317
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
567
318
|
<p>
|
|
568
319
|
Level 1
|
|
569
320
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
570
321
|
</p>
|
|
571
322
|
</a>
|
|
572
323
|
<ul class="nav nav-treeview">
|
|
573
|
-
<li class="nav-item">
|
|
574
|
-
<a href="#" class="nav-link">
|
|
575
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
324
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
576
325
|
<p>Level 2</p>
|
|
577
|
-
</a>
|
|
578
|
-
|
|
579
|
-
<li class="nav-item">
|
|
580
|
-
<a href="#" class="nav-link">
|
|
581
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
326
|
+
</a> </li>
|
|
327
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
582
328
|
<p>
|
|
583
329
|
Level 2
|
|
584
330
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
585
331
|
</p>
|
|
586
332
|
</a>
|
|
587
333
|
<ul class="nav nav-treeview">
|
|
588
|
-
<li class="nav-item">
|
|
589
|
-
<a href="#" class="nav-link">
|
|
590
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
334
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
591
335
|
<p>Level 3</p>
|
|
592
|
-
</a>
|
|
593
|
-
|
|
594
|
-
<li class="nav-item">
|
|
595
|
-
<a href="#" class="nav-link">
|
|
596
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
336
|
+
</a> </li>
|
|
337
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
597
338
|
<p>Level 3</p>
|
|
598
|
-
</a>
|
|
599
|
-
|
|
600
|
-
<li class="nav-item">
|
|
601
|
-
<a href="#" class="nav-link">
|
|
602
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
339
|
+
</a> </li>
|
|
340
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
603
341
|
<p>Level 3</p>
|
|
604
|
-
</a>
|
|
605
|
-
</li>
|
|
342
|
+
</a> </li>
|
|
606
343
|
</ul>
|
|
607
344
|
</li>
|
|
608
|
-
<li class="nav-item">
|
|
609
|
-
<a href="#" class="nav-link">
|
|
610
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
345
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
611
346
|
<p>Level 2</p>
|
|
612
|
-
</a>
|
|
613
|
-
</li>
|
|
347
|
+
</a> </li>
|
|
614
348
|
</ul>
|
|
615
349
|
</li>
|
|
616
|
-
<li class="nav-item">
|
|
617
|
-
<a href="#" class="nav-link">
|
|
618
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
350
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
619
351
|
<p>Level 1</p>
|
|
620
|
-
</a>
|
|
621
|
-
</li>
|
|
622
|
-
|
|
352
|
+
</a> </li>
|
|
623
353
|
<li class="nav-header">LABELS</li>
|
|
624
|
-
<li class="nav-item">
|
|
625
|
-
<a href="#" class="nav-link">
|
|
626
|
-
<i class="nav-icon bi bi-circle text-danger"></i>
|
|
354
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
|
|
627
355
|
<p class="text">Important</p>
|
|
628
|
-
</a>
|
|
629
|
-
|
|
630
|
-
<li class="nav-item">
|
|
631
|
-
<a href="#" class="nav-link">
|
|
632
|
-
<i class="nav-icon bi bi-circle text-warning"></i>
|
|
356
|
+
</a> </li>
|
|
357
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-warning"></i>
|
|
633
358
|
<p>Warning</p>
|
|
634
|
-
</a>
|
|
635
|
-
|
|
636
|
-
<li class="nav-item">
|
|
637
|
-
<a href="#" class="nav-link">
|
|
638
|
-
<i class="nav-icon bi bi-circle text-info"></i>
|
|
359
|
+
</a> </li>
|
|
360
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-info"></i>
|
|
639
361
|
<p>Informational</p>
|
|
640
|
-
</a>
|
|
641
|
-
|
|
642
|
-
</ul>
|
|
643
|
-
<!--end::Sidebar Menu-->
|
|
362
|
+
</a> </li>
|
|
363
|
+
</ul> <!--end::Sidebar Menu-->
|
|
644
364
|
</nav>
|
|
645
|
-
</div>
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
<main class="app-main">
|
|
651
|
-
<!--begin::App Content Header-->
|
|
652
|
-
<div class="app-content-header">
|
|
653
|
-
<!--begin::Container-->
|
|
654
|
-
<div class="container-fluid">
|
|
655
|
-
<!--begin::Row-->
|
|
365
|
+
</div> <!--end::Sidebar Wrapper-->
|
|
366
|
+
</aside> <!--end::Sidebar--> <!--begin::App Main-->
|
|
367
|
+
<main class="app-main"> <!--begin::App Content Header-->
|
|
368
|
+
<div class="app-content-header"> <!--begin::Container-->
|
|
369
|
+
<div class="container-fluid"> <!--begin::Row-->
|
|
656
370
|
<div class="row">
|
|
657
371
|
<div class="col-sm-6">
|
|
658
372
|
<h3 class="mb-0">Dashboard v2</h3>
|
|
@@ -665,597 +379,299 @@
|
|
|
665
379
|
</li>
|
|
666
380
|
</ol>
|
|
667
381
|
</div>
|
|
668
|
-
</div>
|
|
669
|
-
|
|
670
|
-
</div>
|
|
671
|
-
<!--end::Container-->
|
|
382
|
+
</div> <!--end::Row-->
|
|
383
|
+
</div> <!--end::Container-->
|
|
672
384
|
</div>
|
|
673
|
-
<div class="app-content">
|
|
674
|
-
<!--
|
|
675
|
-
<div class="container-fluid">
|
|
676
|
-
<!-- Info boxes -->
|
|
385
|
+
<div class="app-content"> <!--begin::Container-->
|
|
386
|
+
<div class="container-fluid"> <!-- Info boxes -->
|
|
677
387
|
<div class="row">
|
|
678
388
|
<div class="col-12 col-sm-6 col-md-3">
|
|
679
|
-
<div class="info-box">
|
|
680
|
-
<
|
|
681
|
-
<i class="bi bi-gear-fill"></i>
|
|
682
|
-
</span>
|
|
683
|
-
|
|
684
|
-
<div class="info-box-content">
|
|
685
|
-
<span class="info-box-text">CPU Traffic</span>
|
|
686
|
-
<span class="info-box-number">
|
|
389
|
+
<div class="info-box"> <span class="info-box-icon text-bg-primary shadow-sm"> <i class="bi bi-gear-fill"></i> </span>
|
|
390
|
+
<div class="info-box-content"> <span class="info-box-text">CPU Traffic</span> <span class="info-box-number">
|
|
687
391
|
10
|
|
688
|
-
<small>%</small>
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
<!-- /.info-box-content -->
|
|
692
|
-
</div>
|
|
693
|
-
<!-- /.info-box -->
|
|
694
|
-
</div>
|
|
695
|
-
<!-- /.col -->
|
|
392
|
+
<small>%</small> </span> </div> <!-- /.info-box-content -->
|
|
393
|
+
</div> <!-- /.info-box -->
|
|
394
|
+
</div> <!-- /.col -->
|
|
696
395
|
<div class="col-12 col-sm-6 col-md-3">
|
|
697
|
-
<div class="info-box">
|
|
698
|
-
<
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
<div class="info-box-content">
|
|
703
|
-
<span class="info-box-text">Likes</span>
|
|
704
|
-
<span class="info-box-number">41,410</span>
|
|
705
|
-
</div>
|
|
706
|
-
<!-- /.info-box-content -->
|
|
707
|
-
</div>
|
|
708
|
-
<!-- /.info-box -->
|
|
709
|
-
</div>
|
|
710
|
-
<!-- /.col -->
|
|
711
|
-
|
|
712
|
-
<!-- fix for small devices only -->
|
|
713
|
-
<!-- <div class="clearfix hidden-md-up"></div> -->
|
|
714
|
-
|
|
396
|
+
<div class="info-box"> <span class="info-box-icon text-bg-danger shadow-sm"> <i class="bi bi-hand-thumbs-up-fill"></i> </span>
|
|
397
|
+
<div class="info-box-content"> <span class="info-box-text">Likes</span> <span class="info-box-number">41,410</span> </div> <!-- /.info-box-content -->
|
|
398
|
+
</div> <!-- /.info-box -->
|
|
399
|
+
</div> <!-- /.col --> <!-- fix for small devices only --> <!-- <div class="clearfix hidden-md-up"></div> -->
|
|
715
400
|
<div class="col-12 col-sm-6 col-md-3">
|
|
716
|
-
<div class="info-box">
|
|
717
|
-
<
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
<div class="info-box-content">
|
|
722
|
-
<span class="info-box-text">Sales</span>
|
|
723
|
-
<span class="info-box-number">760</span>
|
|
724
|
-
</div>
|
|
725
|
-
<!-- /.info-box-content -->
|
|
726
|
-
</div>
|
|
727
|
-
<!-- /.info-box -->
|
|
728
|
-
</div>
|
|
729
|
-
<!-- /.col -->
|
|
401
|
+
<div class="info-box"> <span class="info-box-icon text-bg-success shadow-sm"> <i class="bi bi-cart-fill"></i> </span>
|
|
402
|
+
<div class="info-box-content"> <span class="info-box-text">Sales</span> <span class="info-box-number">760</span> </div> <!-- /.info-box-content -->
|
|
403
|
+
</div> <!-- /.info-box -->
|
|
404
|
+
</div> <!-- /.col -->
|
|
730
405
|
<div class="col-12 col-sm-6 col-md-3">
|
|
731
|
-
<div class="info-box">
|
|
732
|
-
<
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
<div class="info-box-content">
|
|
737
|
-
<span class="info-box-text">New Members</span>
|
|
738
|
-
<span class="info-box-number">2,000</span>
|
|
739
|
-
</div>
|
|
740
|
-
<!-- /.info-box-content -->
|
|
741
|
-
</div>
|
|
742
|
-
<!-- /.info-box -->
|
|
743
|
-
</div>
|
|
744
|
-
<!-- /.col -->
|
|
745
|
-
</div>
|
|
746
|
-
<!-- /.row -->
|
|
747
|
-
|
|
748
|
-
<!--begin::Row-->
|
|
406
|
+
<div class="info-box"> <span class="info-box-icon text-bg-warning shadow-sm"> <i class="bi bi-people-fill"></i> </span>
|
|
407
|
+
<div class="info-box-content"> <span class="info-box-text">New Members</span> <span class="info-box-number">2,000</span> </div> <!-- /.info-box-content -->
|
|
408
|
+
</div> <!-- /.info-box -->
|
|
409
|
+
</div> <!-- /.col -->
|
|
410
|
+
</div> <!-- /.row --> <!--begin::Row-->
|
|
749
411
|
<div class="row">
|
|
750
412
|
<div class="col-md-12">
|
|
751
413
|
<div class="card mb-4">
|
|
752
414
|
<div class="card-header">
|
|
753
415
|
<h5 class="card-title">Monthly Recap Report</h5>
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
|
758
|
-
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
|
759
|
-
</button>
|
|
760
|
-
<div class="btn-group">
|
|
761
|
-
<button type="button" class="btn btn-tool dropdown-toggle" data-bs-toggle="dropdown">
|
|
762
|
-
<i class="bi bi-wrench"></i>
|
|
763
|
-
</button>
|
|
764
|
-
<div class="dropdown-menu dropdown-menu-end" role="menu">
|
|
765
|
-
<a href="#" class="dropdown-item">Action</a>
|
|
766
|
-
<a href="#" class="dropdown-item">Another action</a>
|
|
767
|
-
<a href="#" class="dropdown-item">
|
|
416
|
+
<div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button>
|
|
417
|
+
<div class="btn-group"> <button type="button" class="btn btn-tool dropdown-toggle" data-bs-toggle="dropdown"> <i class="bi bi-wrench"></i> </button>
|
|
418
|
+
<div class="dropdown-menu dropdown-menu-end" role="menu"> <a href="#" class="dropdown-item">Action</a> <a href="#" class="dropdown-item">Another action</a> <a href="#" class="dropdown-item">
|
|
768
419
|
Something else here
|
|
769
|
-
</a>
|
|
770
|
-
|
|
771
|
-
<a href="#" class="dropdown-item">Separated link</a>
|
|
772
|
-
</div>
|
|
773
|
-
</div>
|
|
774
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
|
|
775
|
-
<i class="bi bi-x-lg"></i>
|
|
776
|
-
</button>
|
|
420
|
+
</a> <a class="dropdown-divider"></a> <a href="#" class="dropdown-item">Separated link</a> </div>
|
|
421
|
+
</div> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button>
|
|
777
422
|
</div>
|
|
778
|
-
</div>
|
|
779
|
-
|
|
780
|
-
<div class="card-body">
|
|
781
|
-
<!--begin::Row-->
|
|
423
|
+
</div> <!-- /.card-header -->
|
|
424
|
+
<div class="card-body"> <!--begin::Row-->
|
|
782
425
|
<div class="row">
|
|
783
426
|
<div class="col-md-8">
|
|
784
|
-
<p class="text-center">
|
|
785
|
-
<strong>Sales: 1 Jan, 2023 - 30 Jul, 2023</strong>
|
|
786
|
-
</p>
|
|
787
|
-
|
|
427
|
+
<p class="text-center"> <strong>Sales: 1 Jan, 2023 - 30 Jul, 2023</strong> </p>
|
|
788
428
|
<div id="sales-chart"></div>
|
|
789
|
-
</div>
|
|
790
|
-
<!-- /.col -->
|
|
429
|
+
</div> <!-- /.col -->
|
|
791
430
|
<div class="col-md-4">
|
|
792
|
-
<p class="text-center">
|
|
793
|
-
<strong>Goal Completion</strong>
|
|
794
|
-
</p>
|
|
795
|
-
|
|
431
|
+
<p class="text-center"> <strong>Goal Completion</strong> </p>
|
|
796
432
|
<div class="progress-group">
|
|
797
433
|
Add Products to Cart
|
|
798
434
|
<span class="float-end"><b>160</b>/200</span>
|
|
799
435
|
<div class="progress progress-sm">
|
|
800
|
-
<div class="progress-bar text-bg-primary" style="width: 80%">
|
|
801
|
-
</div>
|
|
436
|
+
<div class="progress-bar text-bg-primary" style="width: 80%"></div>
|
|
802
437
|
</div>
|
|
803
|
-
</div>
|
|
804
|
-
<!-- /.progress-group -->
|
|
805
|
-
|
|
438
|
+
</div> <!-- /.progress-group -->
|
|
806
439
|
<div class="progress-group">
|
|
807
440
|
Complete Purchase
|
|
808
441
|
<span class="float-end"><b>310</b>/400</span>
|
|
809
442
|
<div class="progress progress-sm">
|
|
810
|
-
<div class="progress-bar text-bg-danger" style="width: 75%">
|
|
811
|
-
</div>
|
|
443
|
+
<div class="progress-bar text-bg-danger" style="width: 75%"></div>
|
|
812
444
|
</div>
|
|
813
|
-
</div>
|
|
814
|
-
|
|
815
|
-
<!-- /.progress-group -->
|
|
816
|
-
<div class="progress-group">
|
|
817
|
-
<span class="progress-text">Visit Premium Page</span>
|
|
818
|
-
<span class="float-end"><b>480</b>/800</span>
|
|
445
|
+
</div> <!-- /.progress-group -->
|
|
446
|
+
<div class="progress-group"> <span class="progress-text">Visit Premium Page</span> <span class="float-end"><b>480</b>/800</span>
|
|
819
447
|
<div class="progress progress-sm">
|
|
820
|
-
<div class="progress-bar text-bg-success" style="width: 60%">
|
|
821
|
-
</div>
|
|
448
|
+
<div class="progress-bar text-bg-success" style="width: 60%"></div>
|
|
822
449
|
</div>
|
|
823
|
-
</div>
|
|
824
|
-
|
|
825
|
-
<!-- /.progress-group -->
|
|
450
|
+
</div> <!-- /.progress-group -->
|
|
826
451
|
<div class="progress-group">
|
|
827
452
|
Send Inquiries
|
|
828
453
|
<span class="float-end"><b>250</b>/500</span>
|
|
829
454
|
<div class="progress progress-sm">
|
|
830
|
-
<div class="progress-bar text-bg-warning" style="width: 50%">
|
|
831
|
-
</div>
|
|
455
|
+
<div class="progress-bar text-bg-warning" style="width: 50%"></div>
|
|
832
456
|
</div>
|
|
833
|
-
</div>
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
<!--end::Row-->
|
|
839
|
-
</div>
|
|
840
|
-
<!-- ./card-body -->
|
|
841
|
-
<div class="card-footer">
|
|
842
|
-
<!--begin::Row-->
|
|
457
|
+
</div> <!-- /.progress-group -->
|
|
458
|
+
</div> <!-- /.col -->
|
|
459
|
+
</div> <!--end::Row-->
|
|
460
|
+
</div> <!-- ./card-body -->
|
|
461
|
+
<div class="card-footer"> <!--begin::Row-->
|
|
843
462
|
<div class="row">
|
|
844
463
|
<div class="col-md-3 col-6">
|
|
845
|
-
<div class="text-center border-end">
|
|
846
|
-
<span class="text-success">
|
|
847
|
-
<i class="bi bi-caret-up-fill"></i> 17%
|
|
464
|
+
<div class="text-center border-end"> <span class="text-success"> <i class="bi bi-caret-up-fill"></i> 17%
|
|
848
465
|
</span>
|
|
849
|
-
<h5 class="fw-bold mb-0">$35,210.43</h5>
|
|
850
|
-
<span class="text-uppercase">TOTAL REVENUE</span>
|
|
466
|
+
<h5 class="fw-bold mb-0">$35,210.43</h5> <span class="text-uppercase">TOTAL REVENUE</span>
|
|
851
467
|
</div>
|
|
852
|
-
</div>
|
|
853
|
-
|
|
854
|
-
<!-- /.col -->
|
|
468
|
+
</div> <!-- /.col -->
|
|
855
469
|
<div class="col-md-3 col-6">
|
|
856
|
-
<div class="text-center border-end">
|
|
857
|
-
<span class="text-info">
|
|
858
|
-
<i class="bi bi-caret-left-fill"></i> 0%
|
|
470
|
+
<div class="text-center border-end"> <span class="text-info"> <i class="bi bi-caret-left-fill"></i> 0%
|
|
859
471
|
</span>
|
|
860
|
-
<h5 class="fw-bold mb-0">$10,390.90</h5>
|
|
861
|
-
<span class="text-uppercase">TOTAL COST</span>
|
|
472
|
+
<h5 class="fw-bold mb-0">$10,390.90</h5> <span class="text-uppercase">TOTAL COST</span>
|
|
862
473
|
</div>
|
|
863
|
-
</div>
|
|
864
|
-
<!-- /.col -->
|
|
474
|
+
</div> <!-- /.col -->
|
|
865
475
|
<div class="col-md-3 col-6">
|
|
866
|
-
<div class="text-center border-end">
|
|
867
|
-
<span class="text-success">
|
|
868
|
-
<i class="bi bi-caret-up-fill"></i> 20%
|
|
476
|
+
<div class="text-center border-end"> <span class="text-success"> <i class="bi bi-caret-up-fill"></i> 20%
|
|
869
477
|
</span>
|
|
870
|
-
<h5 class="fw-bold mb-0">$24,813.53</h5>
|
|
871
|
-
<span class="text-uppercase">TOTAL PROFIT</span>
|
|
478
|
+
<h5 class="fw-bold mb-0">$24,813.53</h5> <span class="text-uppercase">TOTAL PROFIT</span>
|
|
872
479
|
</div>
|
|
873
|
-
</div>
|
|
874
|
-
<!-- /.col -->
|
|
480
|
+
</div> <!-- /.col -->
|
|
875
481
|
<div class="col-md-3 col-6">
|
|
876
|
-
<div class="text-center">
|
|
877
|
-
<span class="text-danger">
|
|
878
|
-
<i class="bi bi-caret-down-fill"></i> 18%
|
|
482
|
+
<div class="text-center"> <span class="text-danger"> <i class="bi bi-caret-down-fill"></i> 18%
|
|
879
483
|
</span>
|
|
880
|
-
<h5 class="fw-bold mb-0">1200</h5>
|
|
881
|
-
<span class="text-uppercase">GOAL COMPLETIONS</span>
|
|
484
|
+
<h5 class="fw-bold mb-0">1200</h5> <span class="text-uppercase">GOAL COMPLETIONS</span>
|
|
882
485
|
</div>
|
|
883
486
|
</div>
|
|
884
|
-
</div>
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
<!--end::Row-->
|
|
894
|
-
|
|
895
|
-
<!--begin::Row-->
|
|
896
|
-
<div class="row">
|
|
897
|
-
<!-- Start col -->
|
|
898
|
-
<div class="col-md-8">
|
|
899
|
-
<!--begin::Row-->
|
|
900
|
-
<div class="row">
|
|
901
|
-
<div class="col-md-6">
|
|
902
|
-
<!-- DIRECT CHAT -->
|
|
487
|
+
</div> <!--end::Row-->
|
|
488
|
+
</div> <!-- /.card-footer -->
|
|
489
|
+
</div> <!-- /.card -->
|
|
490
|
+
</div> <!-- /.col -->
|
|
491
|
+
</div> <!--end::Row--> <!--begin::Row-->
|
|
492
|
+
<div class="row"> <!-- Start col -->
|
|
493
|
+
<div class="col-md-8"> <!--begin::Row-->
|
|
494
|
+
<div class="row g-4 mb-4">
|
|
495
|
+
<div class="col-md-6"> <!-- DIRECT CHAT -->
|
|
903
496
|
<div class="card direct-chat direct-chat-warning">
|
|
904
497
|
<div class="card-header">
|
|
905
498
|
<h3 class="card-title">Direct Chat</h3>
|
|
906
|
-
|
|
907
|
-
<div class="card-tools">
|
|
908
|
-
<span title="3 New Messages" class="badge text-bg-warning">
|
|
499
|
+
<div class="card-tools"> <span title="3 New Messages" class="badge text-bg-warning">
|
|
909
500
|
3
|
|
910
|
-
</span>
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
</button>
|
|
915
|
-
<button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane">
|
|
916
|
-
<i class="bi bi-chat-text-fill"></i>
|
|
917
|
-
</button>
|
|
918
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
|
|
919
|
-
<i class="bi bi-x-lg"></i>
|
|
920
|
-
</button>
|
|
921
|
-
</div>
|
|
922
|
-
</div>
|
|
923
|
-
<!-- /.card-header -->
|
|
924
|
-
<div class="card-body">
|
|
925
|
-
<!-- Conversations are loaded here -->
|
|
926
|
-
<div class="direct-chat-messages">
|
|
927
|
-
<!-- Message. Default to the start -->
|
|
501
|
+
</span> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane"> <i class="bi bi-chat-text-fill"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
|
|
502
|
+
</div> <!-- /.card-header -->
|
|
503
|
+
<div class="card-body"> <!-- Conversations are loaded here -->
|
|
504
|
+
<div class="direct-chat-messages"> <!-- Message. Default to the start -->
|
|
928
505
|
<div class="direct-chat-msg">
|
|
929
|
-
<div class="direct-chat-infos clearfix">
|
|
930
|
-
<span class="direct-chat-name float-start">
|
|
506
|
+
<div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-start">
|
|
931
507
|
Alexander Pierce
|
|
932
|
-
</span>
|
|
933
|
-
<span class="direct-chat-timestamp float-end">
|
|
508
|
+
</span> <span class="direct-chat-timestamp float-end">
|
|
934
509
|
23 Jan 2:00 pm
|
|
935
|
-
</span>
|
|
936
|
-
</div>
|
|
937
|
-
<!-- /.direct-chat-infos -->
|
|
938
|
-
<img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image">
|
|
939
|
-
<!-- /.direct-chat-img -->
|
|
510
|
+
</span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
|
|
940
511
|
<div class="direct-chat-text">
|
|
941
512
|
Is this template really for free? That's
|
|
942
513
|
unbelievable!
|
|
943
|
-
</div>
|
|
944
|
-
|
|
945
|
-
</div>
|
|
946
|
-
<!-- /.direct-chat-msg -->
|
|
947
|
-
|
|
948
|
-
<!-- Message to the end -->
|
|
514
|
+
</div> <!-- /.direct-chat-text -->
|
|
515
|
+
</div> <!-- /.direct-chat-msg --> <!-- Message to the end -->
|
|
949
516
|
<div class="direct-chat-msg end">
|
|
950
|
-
<div class="direct-chat-infos clearfix">
|
|
951
|
-
<span class="direct-chat-name float-end">
|
|
517
|
+
<div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-end">
|
|
952
518
|
Sarah Bullock
|
|
953
|
-
</span>
|
|
954
|
-
<span class="direct-chat-timestamp float-start">
|
|
519
|
+
</span> <span class="direct-chat-timestamp float-start">
|
|
955
520
|
23 Jan 2:05 pm
|
|
956
|
-
</span>
|
|
957
|
-
</div>
|
|
958
|
-
<!-- /.direct-chat-infos -->
|
|
959
|
-
<img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image">
|
|
960
|
-
<!-- /.direct-chat-img -->
|
|
521
|
+
</span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
|
|
961
522
|
<div class="direct-chat-text">
|
|
962
523
|
You better believe it!
|
|
963
|
-
</div>
|
|
964
|
-
|
|
965
|
-
</div>
|
|
966
|
-
<!-- /.direct-chat-msg -->
|
|
967
|
-
|
|
968
|
-
<!-- Message. Default to the start -->
|
|
524
|
+
</div> <!-- /.direct-chat-text -->
|
|
525
|
+
</div> <!-- /.direct-chat-msg --> <!-- Message. Default to the start -->
|
|
969
526
|
<div class="direct-chat-msg">
|
|
970
|
-
<div class="direct-chat-infos clearfix">
|
|
971
|
-
<span class="direct-chat-name float-start">
|
|
527
|
+
<div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-start">
|
|
972
528
|
Alexander Pierce
|
|
973
|
-
</span>
|
|
974
|
-
<span class="direct-chat-timestamp float-end">
|
|
529
|
+
</span> <span class="direct-chat-timestamp float-end">
|
|
975
530
|
23 Jan 5:37 pm
|
|
976
|
-
</span>
|
|
977
|
-
</div>
|
|
978
|
-
<!-- /.direct-chat-infos -->
|
|
979
|
-
<img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image">
|
|
980
|
-
<!-- /.direct-chat-img -->
|
|
531
|
+
</span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
|
|
981
532
|
<div class="direct-chat-text">
|
|
982
533
|
Working with AdminLTE on a great new app! Wanna
|
|
983
534
|
join?
|
|
984
|
-
</div>
|
|
985
|
-
|
|
986
|
-
</div>
|
|
987
|
-
<!-- /.direct-chat-msg -->
|
|
988
|
-
|
|
989
|
-
<!-- Message to the end -->
|
|
535
|
+
</div> <!-- /.direct-chat-text -->
|
|
536
|
+
</div> <!-- /.direct-chat-msg --> <!-- Message to the end -->
|
|
990
537
|
<div class="direct-chat-msg end">
|
|
991
|
-
<div class="direct-chat-infos clearfix">
|
|
992
|
-
<span class="direct-chat-name float-end">
|
|
538
|
+
<div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-end">
|
|
993
539
|
Sarah Bullock
|
|
994
|
-
</span>
|
|
995
|
-
<span class="direct-chat-timestamp float-start">
|
|
540
|
+
</span> <span class="direct-chat-timestamp float-start">
|
|
996
541
|
23 Jan 6:10 pm
|
|
997
|
-
</span>
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
<!-- /.direct-chat-img -->
|
|
1002
|
-
<div class="direct-chat-text">I would love to.</div>
|
|
1003
|
-
<!-- /.direct-chat-text -->
|
|
1004
|
-
</div>
|
|
1005
|
-
<!-- /.direct-chat-msg -->
|
|
1006
|
-
</div>
|
|
1007
|
-
<!-- /.direct-chat-messages-->
|
|
1008
|
-
|
|
1009
|
-
<!-- Contacts are loaded here -->
|
|
542
|
+
</span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
|
|
543
|
+
<div class="direct-chat-text">I would love to.</div> <!-- /.direct-chat-text -->
|
|
544
|
+
</div> <!-- /.direct-chat-msg -->
|
|
545
|
+
</div> <!-- /.direct-chat-messages--> <!-- Contacts are loaded here -->
|
|
1010
546
|
<div class="direct-chat-contacts">
|
|
1011
547
|
<ul class="contacts-list">
|
|
1012
|
-
<li>
|
|
1013
|
-
|
|
1014
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar">
|
|
1015
|
-
|
|
1016
|
-
<div class="contacts-list-info">
|
|
1017
|
-
<span class="contacts-list-name">
|
|
548
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar">
|
|
549
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
1018
550
|
Count Dracula
|
|
1019
551
|
<small class="contacts-list-date float-end">
|
|
1020
552
|
2/28/2023
|
|
1021
|
-
</small>
|
|
1022
|
-
</span>
|
|
1023
|
-
<span class="contacts-list-msg">
|
|
553
|
+
</small> </span> <span class="contacts-list-msg">
|
|
1024
554
|
How have you been? I was...
|
|
1025
|
-
</span>
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
</li>
|
|
1030
|
-
<!-- End Contact Item -->
|
|
1031
|
-
<li>
|
|
1032
|
-
<a href="#">
|
|
1033
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user7-128x128.jpg" alt="User Avatar">
|
|
1034
|
-
|
|
1035
|
-
<div class="contacts-list-info">
|
|
1036
|
-
<span class="contacts-list-name">
|
|
555
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
556
|
+
</a> </li> <!-- End Contact Item -->
|
|
557
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user7-128x128.jpg" alt="User Avatar">
|
|
558
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
1037
559
|
Sarah Doe
|
|
1038
560
|
<small class="contacts-list-date float-end">
|
|
1039
561
|
2/23/2023
|
|
1040
|
-
</small>
|
|
1041
|
-
</span>
|
|
1042
|
-
<span class="contacts-list-msg">
|
|
562
|
+
</small> </span> <span class="contacts-list-msg">
|
|
1043
563
|
I will be waiting for...
|
|
1044
|
-
</span>
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
</li>
|
|
1049
|
-
<!-- End Contact Item -->
|
|
1050
|
-
<li>
|
|
1051
|
-
<a href="#">
|
|
1052
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar">
|
|
1053
|
-
|
|
1054
|
-
<div class="contacts-list-info">
|
|
1055
|
-
<span class="contacts-list-name">
|
|
564
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
565
|
+
</a> </li> <!-- End Contact Item -->
|
|
566
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar">
|
|
567
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
1056
568
|
Nadia Jolie
|
|
1057
569
|
<small class="contacts-list-date float-end">
|
|
1058
570
|
2/20/2023
|
|
1059
|
-
</small>
|
|
1060
|
-
</span>
|
|
1061
|
-
<span class="contacts-list-msg">
|
|
571
|
+
</small> </span> <span class="contacts-list-msg">
|
|
1062
572
|
I'll call you back at...
|
|
1063
|
-
</span>
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
</li>
|
|
1068
|
-
<!-- End Contact Item -->
|
|
1069
|
-
<li>
|
|
1070
|
-
<a href="#">
|
|
1071
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user5-128x128.jpg" alt="User Avatar">
|
|
1072
|
-
|
|
1073
|
-
<div class="contacts-list-info">
|
|
1074
|
-
<span class="contacts-list-name">
|
|
573
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
574
|
+
</a> </li> <!-- End Contact Item -->
|
|
575
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user5-128x128.jpg" alt="User Avatar">
|
|
576
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
1075
577
|
Nora S. Vans
|
|
1076
578
|
<small class="contacts-list-date float-end">
|
|
1077
579
|
2/10/2023
|
|
1078
|
-
</small>
|
|
1079
|
-
</span>
|
|
1080
|
-
<span class="contacts-list-msg">
|
|
580
|
+
</small> </span> <span class="contacts-list-msg">
|
|
1081
581
|
Where is your new...
|
|
1082
|
-
</span>
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
</li>
|
|
1087
|
-
<!-- End Contact Item -->
|
|
1088
|
-
<li>
|
|
1089
|
-
<a href="#">
|
|
1090
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user6-128x128.jpg" alt="User Avatar">
|
|
1091
|
-
|
|
1092
|
-
<div class="contacts-list-info">
|
|
1093
|
-
<span class="contacts-list-name">
|
|
582
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
583
|
+
</a> </li> <!-- End Contact Item -->
|
|
584
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user6-128x128.jpg" alt="User Avatar">
|
|
585
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
1094
586
|
John K.
|
|
1095
587
|
<small class="contacts-list-date float-end">
|
|
1096
588
|
1/27/2023
|
|
1097
|
-
</small>
|
|
1098
|
-
</span>
|
|
1099
|
-
<span class="contacts-list-msg">
|
|
589
|
+
</small> </span> <span class="contacts-list-msg">
|
|
1100
590
|
Can I take a look at...
|
|
1101
|
-
</span>
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
</li>
|
|
1106
|
-
<!-- End Contact Item -->
|
|
1107
|
-
<li>
|
|
1108
|
-
<a href="#">
|
|
1109
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar">
|
|
1110
|
-
|
|
1111
|
-
<div class="contacts-list-info">
|
|
1112
|
-
<span class="contacts-list-name">
|
|
591
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
592
|
+
</a> </li> <!-- End Contact Item -->
|
|
593
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar">
|
|
594
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
1113
595
|
Kenneth M.
|
|
1114
596
|
<small class="contacts-list-date float-end">
|
|
1115
597
|
1/4/2023
|
|
1116
|
-
</small>
|
|
1117
|
-
</span>
|
|
1118
|
-
<span class="contacts-list-msg">
|
|
598
|
+
</small> </span> <span class="contacts-list-msg">
|
|
1119
599
|
Never mind I found...
|
|
1120
|
-
</span>
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
<!-- End Contact Item -->
|
|
1126
|
-
</ul>
|
|
1127
|
-
<!-- /.contacts-list -->
|
|
1128
|
-
</div>
|
|
1129
|
-
<!-- /.direct-chat-pane -->
|
|
1130
|
-
</div>
|
|
1131
|
-
<!-- /.card-body -->
|
|
600
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
601
|
+
</a> </li> <!-- End Contact Item -->
|
|
602
|
+
</ul> <!-- /.contacts-list -->
|
|
603
|
+
</div> <!-- /.direct-chat-pane -->
|
|
604
|
+
</div> <!-- /.card-body -->
|
|
1132
605
|
<div class="card-footer">
|
|
1133
606
|
<form action="#" method="post">
|
|
1134
|
-
<div class="input-group">
|
|
1135
|
-
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
|
|
1136
|
-
<span class="input-group-append">
|
|
1137
|
-
<button type="button" class="btn btn-warning">
|
|
607
|
+
<div class="input-group"> <input type="text" name="message" placeholder="Type Message ..." class="form-control"> <span class="input-group-append"> <button type="button" class="btn btn-warning">
|
|
1138
608
|
Send
|
|
1139
|
-
</button>
|
|
1140
|
-
</span>
|
|
1141
|
-
</div>
|
|
609
|
+
</button> </span> </div>
|
|
1142
610
|
</form>
|
|
1143
|
-
</div>
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
<!-- /.col -->
|
|
1149
|
-
|
|
1150
|
-
<div class="col-md-6">
|
|
1151
|
-
<!-- USERS LIST -->
|
|
1152
|
-
<div class="card mb-4">
|
|
611
|
+
</div> <!-- /.card-footer-->
|
|
612
|
+
</div> <!-- /.direct-chat -->
|
|
613
|
+
</div> <!-- /.col -->
|
|
614
|
+
<div class="col-md-6"> <!-- USERS LIST -->
|
|
615
|
+
<div class="card">
|
|
1153
616
|
<div class="card-header">
|
|
1154
617
|
<h3 class="card-title">Latest Members</h3>
|
|
1155
|
-
|
|
1156
|
-
<div class="card-tools">
|
|
1157
|
-
<span class="badge text-bg-danger">
|
|
618
|
+
<div class="card-tools"> <span class="badge text-bg-danger">
|
|
1158
619
|
8 New Members
|
|
1159
|
-
</span>
|
|
1160
|
-
|
|
1161
|
-
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
|
1162
|
-
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
|
1163
|
-
</button>
|
|
1164
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
|
|
1165
|
-
<i class="bi bi-x-lg"></i>
|
|
1166
|
-
</button>
|
|
1167
|
-
</div>
|
|
1168
|
-
</div>
|
|
1169
|
-
<!-- /.card-header -->
|
|
620
|
+
</span> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
|
|
621
|
+
</div> <!-- /.card-header -->
|
|
1170
622
|
<div class="card-body p-0">
|
|
1171
623
|
<div class="row text-center m-1">
|
|
1172
|
-
<div class="col-3 p-2">
|
|
1173
|
-
<img class="img-fluid rounded-circle" src="../../dist/assets/img/user1-128x128.jpg" alt="User Image">
|
|
1174
|
-
<a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
624
|
+
<div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user1-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
1175
625
|
Alexander Pierce
|
|
1176
626
|
</a>
|
|
1177
627
|
<div class="fs-8">Today</div>
|
|
1178
628
|
</div>
|
|
1179
|
-
<div class="col-3 p-2">
|
|
1180
|
-
<img class="img-fluid rounded-circle" src="../../dist/assets/img/user1-128x128.jpg" alt="User Image">
|
|
1181
|
-
<a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
629
|
+
<div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user1-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
1182
630
|
Norman
|
|
1183
631
|
</a>
|
|
1184
632
|
<div class="fs-8">Yesterday</div>
|
|
1185
633
|
</div>
|
|
1186
|
-
<div class="col-3 p-2">
|
|
1187
|
-
<img class="img-fluid rounded-circle" src="../../dist/assets/img/user7-128x128.jpg" alt="User Image">
|
|
1188
|
-
<a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
634
|
+
<div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user7-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
1189
635
|
Jane
|
|
1190
636
|
</a>
|
|
1191
637
|
<div class="fs-8">12 Jan</div>
|
|
1192
638
|
</div>
|
|
1193
|
-
<div class="col-3 p-2">
|
|
1194
|
-
<img class="img-fluid rounded-circle" src="../../dist/assets/img/user6-128x128.jpg" alt="User Image">
|
|
1195
|
-
<a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
639
|
+
<div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user6-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
1196
640
|
John
|
|
1197
641
|
</a>
|
|
1198
642
|
<div class="fs-8">12 Jan</div>
|
|
1199
643
|
</div>
|
|
1200
|
-
<div class="col-3 p-2">
|
|
1201
|
-
<img class="img-fluid rounded-circle" src="../../dist/assets/img/user2-160x160.jpg" alt="User Image">
|
|
1202
|
-
<a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
644
|
+
<div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user2-160x160.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
1203
645
|
Alexander
|
|
1204
646
|
</a>
|
|
1205
647
|
<div class="fs-8">13 Jan</div>
|
|
1206
648
|
</div>
|
|
1207
|
-
<div class="col-3 p-2">
|
|
1208
|
-
<img class="img-fluid rounded-circle" src="../../dist/assets/img/user5-128x128.jpg" alt="User Image">
|
|
1209
|
-
<a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
649
|
+
<div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user5-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
1210
650
|
Sarah
|
|
1211
651
|
</a>
|
|
1212
652
|
<div class="fs-8">14 Jan</div>
|
|
1213
653
|
</div>
|
|
1214
|
-
<div class="col-3 p-2">
|
|
1215
|
-
<img class="img-fluid rounded-circle" src="../../dist/assets/img/user4-128x128.jpg" alt="User Image">
|
|
1216
|
-
<a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
654
|
+
<div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user4-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
1217
655
|
Nora
|
|
1218
656
|
</a>
|
|
1219
657
|
<div class="fs-8">15 Jan</div>
|
|
1220
658
|
</div>
|
|
1221
|
-
<div class="col-3 p-2">
|
|
1222
|
-
<img class="img-fluid rounded-circle" src="../../dist/assets/img/user3-128x128.jpg" alt="User Image">
|
|
1223
|
-
<a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
659
|
+
<div class="col-3 p-2"> <img class="img-fluid rounded-circle" src="../../dist/assets/img/user3-128x128.jpg" alt="User Image"> <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">
|
|
1224
660
|
Nadia
|
|
1225
661
|
</a>
|
|
1226
662
|
<div class="fs-8">15 Jan</div>
|
|
1227
663
|
</div>
|
|
1228
|
-
</div>
|
|
1229
|
-
|
|
1230
|
-
</div>
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
</div>
|
|
1235
|
-
<!-- /.card-footer -->
|
|
1236
|
-
</div>
|
|
1237
|
-
<!-- /.card -->
|
|
1238
|
-
</div>
|
|
1239
|
-
<!-- /.col -->
|
|
1240
|
-
</div>
|
|
1241
|
-
<!--end::Row-->
|
|
1242
|
-
|
|
1243
|
-
<!-- TABLE: LATEST ORDERS -->
|
|
664
|
+
</div> <!-- /.users-list -->
|
|
665
|
+
</div> <!-- /.card-body -->
|
|
666
|
+
<div class="card-footer text-center"> <a href="javascript:" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">View All Users</a> </div> <!-- /.card-footer -->
|
|
667
|
+
</div> <!-- /.card -->
|
|
668
|
+
</div> <!-- /.col -->
|
|
669
|
+
</div> <!--end::Row--> <!--begin::Latest Order Widget-->
|
|
1244
670
|
<div class="card">
|
|
1245
671
|
<div class="card-header">
|
|
1246
672
|
<h3 class="card-title">Latest Orders</h3>
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
|
|
1250
|
-
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
|
1251
|
-
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
|
1252
|
-
</button>
|
|
1253
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
|
|
1254
|
-
<i class="bi bi-x-lg"></i>
|
|
1255
|
-
</button>
|
|
1256
|
-
</div>
|
|
1257
|
-
</div>
|
|
1258
|
-
<!-- /.card-header -->
|
|
673
|
+
<div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
|
|
674
|
+
</div> <!-- /.card-header -->
|
|
1259
675
|
<div class="card-body p-0">
|
|
1260
676
|
<div class="table-responsive">
|
|
1261
677
|
<table class="table m-0">
|
|
@@ -1269,373 +685,201 @@
|
|
|
1269
685
|
</thead>
|
|
1270
686
|
<tbody>
|
|
1271
687
|
<tr>
|
|
1272
|
-
<td>
|
|
1273
|
-
<a href="pages/examples/invoice.html">OR9842</a>
|
|
1274
|
-
</td>
|
|
688
|
+
<td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR9842</a> </td>
|
|
1275
689
|
<td>Call of Duty IV</td>
|
|
1276
|
-
<td>
|
|
1277
|
-
<span class="badge text-bg-success">
|
|
690
|
+
<td> <span class="badge text-bg-success">
|
|
1278
691
|
Shipped
|
|
1279
|
-
</span>
|
|
1280
|
-
</td>
|
|
692
|
+
</span> </td>
|
|
1281
693
|
<td>
|
|
1282
|
-
<div
|
|
1283
|
-
90,80,90,-70,61,-83,63
|
|
1284
|
-
</div>
|
|
694
|
+
<div id="table-sparkline-1"></div>
|
|
1285
695
|
</td>
|
|
1286
696
|
</tr>
|
|
1287
697
|
<tr>
|
|
1288
|
-
<td>
|
|
1289
|
-
<a href="pages/examples/invoice.html">OR1848</a>
|
|
1290
|
-
</td>
|
|
698
|
+
<td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR1848</a> </td>
|
|
1291
699
|
<td>Samsung Smart TV</td>
|
|
700
|
+
<td> <span class="badge text-bg-warning">Pending</span> </td>
|
|
1292
701
|
<td>
|
|
1293
|
-
<
|
|
1294
|
-
</td>
|
|
1295
|
-
<td>
|
|
1296
|
-
<div class="sparkbar" data-color="#f39c12" data-height="20">
|
|
1297
|
-
90,80,-90,70,61,-83,68
|
|
1298
|
-
</div>
|
|
702
|
+
<div id="table-sparkline-2"></div>
|
|
1299
703
|
</td>
|
|
1300
704
|
</tr>
|
|
1301
705
|
<tr>
|
|
1302
|
-
<td>
|
|
1303
|
-
<a href="pages/examples/invoice.html">OR7429</a>
|
|
1304
|
-
</td>
|
|
706
|
+
<td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR7429</a> </td>
|
|
1305
707
|
<td>iPhone 6 Plus</td>
|
|
1306
|
-
<td>
|
|
1307
|
-
<span class="badge text-bg-danger">
|
|
708
|
+
<td> <span class="badge text-bg-danger">
|
|
1308
709
|
Delivered
|
|
1309
|
-
</span>
|
|
1310
|
-
</td>
|
|
710
|
+
</span> </td>
|
|
1311
711
|
<td>
|
|
1312
|
-
<div
|
|
1313
|
-
90,-80,90,70,-61,83,63
|
|
1314
|
-
</div>
|
|
712
|
+
<div id="table-sparkline-3"></div>
|
|
1315
713
|
</td>
|
|
1316
714
|
</tr>
|
|
1317
715
|
<tr>
|
|
1318
|
-
<td>
|
|
1319
|
-
<a href="pages/examples/invoice.html">OR7429</a>
|
|
1320
|
-
</td>
|
|
716
|
+
<td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR7429</a> </td>
|
|
1321
717
|
<td>Samsung Smart TV</td>
|
|
718
|
+
<td> <span class="badge text-bg-info">Processing</span> </td>
|
|
1322
719
|
<td>
|
|
1323
|
-
<
|
|
1324
|
-
</td>
|
|
1325
|
-
<td>
|
|
1326
|
-
<div class="sparkbar" data-color="#00c0ef" data-height="20">
|
|
1327
|
-
90,80,-90,70,-61,83,63
|
|
1328
|
-
</div>
|
|
720
|
+
<div id="table-sparkline-4"></div>
|
|
1329
721
|
</td>
|
|
1330
722
|
</tr>
|
|
1331
723
|
<tr>
|
|
1332
|
-
<td>
|
|
1333
|
-
<a href="pages/examples/invoice.html">OR1848</a>
|
|
1334
|
-
</td>
|
|
724
|
+
<td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR1848</a> </td>
|
|
1335
725
|
<td>Samsung Smart TV</td>
|
|
726
|
+
<td> <span class="badge text-bg-warning">Pending</span> </td>
|
|
1336
727
|
<td>
|
|
1337
|
-
<
|
|
1338
|
-
</td>
|
|
1339
|
-
<td>
|
|
1340
|
-
<div class="sparkbar" data-color="#f39c12" data-height="20">
|
|
1341
|
-
90,80,-90,70,61,-83,68
|
|
1342
|
-
</div>
|
|
728
|
+
<div id="table-sparkline-5"></div>
|
|
1343
729
|
</td>
|
|
1344
730
|
</tr>
|
|
1345
731
|
<tr>
|
|
1346
|
-
<td>
|
|
1347
|
-
<a href="pages/examples/invoice.html">OR7429</a>
|
|
1348
|
-
</td>
|
|
732
|
+
<td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR7429</a> </td>
|
|
1349
733
|
<td>iPhone 6 Plus</td>
|
|
1350
|
-
<td>
|
|
1351
|
-
<span class="badge text-bg-danger">
|
|
734
|
+
<td> <span class="badge text-bg-danger">
|
|
1352
735
|
Delivered
|
|
1353
|
-
</span>
|
|
1354
|
-
</td>
|
|
736
|
+
</span> </td>
|
|
1355
737
|
<td>
|
|
1356
|
-
<div
|
|
1357
|
-
90,-80,90,70,-61,83,63
|
|
1358
|
-
</div>
|
|
738
|
+
<div id="table-sparkline-6"></div>
|
|
1359
739
|
</td>
|
|
1360
740
|
</tr>
|
|
1361
741
|
<tr>
|
|
1362
|
-
<td>
|
|
1363
|
-
<a href="pages/examples/invoice.html">OR9842</a>
|
|
1364
|
-
</td>
|
|
742
|
+
<td> <a href="pages/examples/invoice.html" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">OR9842</a> </td>
|
|
1365
743
|
<td>Call of Duty IV</td>
|
|
744
|
+
<td> <span class="badge text-bg-success">Shipped</span> </td>
|
|
1366
745
|
<td>
|
|
1367
|
-
<
|
|
1368
|
-
</td>
|
|
1369
|
-
<td>
|
|
1370
|
-
<div class="sparkbar" data-color="#00a65a" data-height="20">
|
|
1371
|
-
90,80,90,-70,61,-83,63
|
|
1372
|
-
</div>
|
|
746
|
+
<div id="table-sparkline-7"></div>
|
|
1373
747
|
</td>
|
|
1374
748
|
</tr>
|
|
1375
749
|
</tbody>
|
|
1376
750
|
</table>
|
|
1377
|
-
</div>
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
<!-- /.card-body -->
|
|
1381
|
-
<div class="card-footer clearfix">
|
|
1382
|
-
<a href="javascript:void(0)" class="btn btn-sm btn-primary float-start">
|
|
751
|
+
</div> <!-- /.table-responsive -->
|
|
752
|
+
</div> <!-- /.card-body -->
|
|
753
|
+
<div class="card-footer clearfix"> <a href="javascript:void(0)" class="btn btn-sm btn-primary float-start">
|
|
1383
754
|
Place New Order
|
|
1384
|
-
</a>
|
|
1385
|
-
<a href="javascript:void(0)" class="btn btn-sm btn-secondary float-end">
|
|
755
|
+
</a> <a href="javascript:void(0)" class="btn btn-sm btn-secondary float-end">
|
|
1386
756
|
View All Orders
|
|
1387
|
-
</a>
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
<!--
|
|
1397
|
-
<div class="info-box mb-3 text-bg-
|
|
1398
|
-
<span class="info-box-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
<span class="info-box-text">Inventory</span>
|
|
1404
|
-
<span class="info-box-number">5,200</span>
|
|
1405
|
-
</div>
|
|
1406
|
-
<!-- /.info-box-content -->
|
|
1407
|
-
</div>
|
|
1408
|
-
<!-- /.info-box -->
|
|
1409
|
-
<div class="info-box mb-3 text-bg-success">
|
|
1410
|
-
<span class="info-box-icon">
|
|
1411
|
-
<i class="bi bi-heart-fill"></i>
|
|
1412
|
-
</span>
|
|
1413
|
-
|
|
1414
|
-
<div class="info-box-content">
|
|
1415
|
-
<span class="info-box-text">Mentions</span>
|
|
1416
|
-
<span class="info-box-number">92,050</span>
|
|
1417
|
-
</div>
|
|
1418
|
-
<!-- /.info-box-content -->
|
|
1419
|
-
</div>
|
|
1420
|
-
<!-- /.info-box -->
|
|
1421
|
-
<div class="info-box mb-3 text-bg-danger">
|
|
1422
|
-
<span class="info-box-icon">
|
|
1423
|
-
<i class="bi bi-cloud-download"></i>
|
|
1424
|
-
</span>
|
|
1425
|
-
|
|
1426
|
-
<div class="info-box-content">
|
|
1427
|
-
<span class="info-box-text">Downloads</span>
|
|
1428
|
-
<span class="info-box-number">114,381</span>
|
|
1429
|
-
</div>
|
|
1430
|
-
<!-- /.info-box-content -->
|
|
1431
|
-
</div>
|
|
1432
|
-
<!-- /.info-box -->
|
|
1433
|
-
<div class="info-box mb-3 text-bg-info">
|
|
1434
|
-
<span class="info-box-icon">
|
|
1435
|
-
<i class="bi bi-chat-fill"></i>
|
|
1436
|
-
</span>
|
|
1437
|
-
|
|
1438
|
-
<div class="info-box-content">
|
|
1439
|
-
<span class="info-box-text">Direct Messages</span>
|
|
1440
|
-
<span class="info-box-number">163,921</span>
|
|
1441
|
-
</div>
|
|
1442
|
-
<!-- /.info-box-content -->
|
|
1443
|
-
</div>
|
|
1444
|
-
<!-- /.info-box -->
|
|
1445
|
-
|
|
757
|
+
</a> </div> <!-- /.card-footer -->
|
|
758
|
+
</div> <!-- /.card -->
|
|
759
|
+
</div> <!-- /.col -->
|
|
760
|
+
<div class="col-md-4"> <!-- Info Boxes Style 2 -->
|
|
761
|
+
<div class="info-box mb-3 text-bg-warning"> <span class="info-box-icon"> <i class="bi bi-tag-fill"></i> </span>
|
|
762
|
+
<div class="info-box-content"> <span class="info-box-text">Inventory</span> <span class="info-box-number">5,200</span> </div> <!-- /.info-box-content -->
|
|
763
|
+
</div> <!-- /.info-box -->
|
|
764
|
+
<div class="info-box mb-3 text-bg-success"> <span class="info-box-icon"> <i class="bi bi-heart-fill"></i> </span>
|
|
765
|
+
<div class="info-box-content"> <span class="info-box-text">Mentions</span> <span class="info-box-number">92,050</span> </div> <!-- /.info-box-content -->
|
|
766
|
+
</div> <!-- /.info-box -->
|
|
767
|
+
<div class="info-box mb-3 text-bg-danger"> <span class="info-box-icon"> <i class="bi bi-cloud-download"></i> </span>
|
|
768
|
+
<div class="info-box-content"> <span class="info-box-text">Downloads</span> <span class="info-box-number">114,381</span> </div> <!-- /.info-box-content -->
|
|
769
|
+
</div> <!-- /.info-box -->
|
|
770
|
+
<div class="info-box mb-3 text-bg-info"> <span class="info-box-icon"> <i class="bi bi-chat-fill"></i> </span>
|
|
771
|
+
<div class="info-box-content"> <span class="info-box-text">Direct Messages</span> <span class="info-box-number">163,921</span> </div> <!-- /.info-box-content -->
|
|
772
|
+
</div> <!-- /.info-box -->
|
|
1446
773
|
<div class="card mb-4">
|
|
1447
774
|
<div class="card-header">
|
|
1448
775
|
<h3 class="card-title">Browser Usage</h3>
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
|
1453
|
-
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
|
1454
|
-
</button>
|
|
1455
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
|
|
1456
|
-
<i class="bi bi-x-lg"></i>
|
|
1457
|
-
</button>
|
|
1458
|
-
</div>
|
|
1459
|
-
</div>
|
|
1460
|
-
<!-- /.card-header -->
|
|
1461
|
-
<div class="card-body">
|
|
1462
|
-
<!--begin::Row-->
|
|
776
|
+
<div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
|
|
777
|
+
</div> <!-- /.card-header -->
|
|
778
|
+
<div class="card-body"> <!--begin::Row-->
|
|
1463
779
|
<div class="row">
|
|
1464
780
|
<div class="col-12">
|
|
1465
781
|
<div id="pie-chart"></div>
|
|
1466
|
-
</div>
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
<!--end::Row-->
|
|
1470
|
-
</div>
|
|
1471
|
-
<!-- /.card-body -->
|
|
782
|
+
</div> <!-- /.col -->
|
|
783
|
+
</div> <!--end::Row-->
|
|
784
|
+
</div> <!-- /.card-body -->
|
|
1472
785
|
<div class="card-footer p-0">
|
|
1473
786
|
<ul class="nav nav-pills flex-column">
|
|
1474
|
-
<li class="nav-item">
|
|
1475
|
-
<a href="#" class="nav-link">
|
|
787
|
+
<li class="nav-item"> <a href="#" class="nav-link">
|
|
1476
788
|
United States of America
|
|
1477
|
-
<span class="float-end text-danger">
|
|
1478
|
-
<i class="bi bi-arrow-down fs-7"></i>
|
|
789
|
+
<span class="float-end text-danger"> <i class="bi bi-arrow-down fs-7"></i>
|
|
1479
790
|
12%
|
|
1480
|
-
</span>
|
|
1481
|
-
|
|
1482
|
-
</li>
|
|
1483
|
-
<li class="nav-item">
|
|
1484
|
-
<a href="#" class="nav-link">
|
|
791
|
+
</span> </a> </li>
|
|
792
|
+
<li class="nav-item"> <a href="#" class="nav-link">
|
|
1485
793
|
India
|
|
1486
|
-
<span class="float-end text-success">
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
</a>
|
|
1490
|
-
</li>
|
|
1491
|
-
<li class="nav-item">
|
|
1492
|
-
<a href="#" class="nav-link">
|
|
794
|
+
<span class="float-end text-success"> <i class="bi bi-arrow-up fs-7"></i> 4%
|
|
795
|
+
</span> </a> </li>
|
|
796
|
+
<li class="nav-item"> <a href="#" class="nav-link">
|
|
1493
797
|
China
|
|
1494
|
-
<span class="float-end text-info">
|
|
1495
|
-
|
|
1496
|
-
</span>
|
|
1497
|
-
</a>
|
|
1498
|
-
</li>
|
|
798
|
+
<span class="float-end text-info"> <i class="bi bi-arrow-left fs-7"></i> 0%
|
|
799
|
+
</span> </a> </li>
|
|
1499
800
|
</ul>
|
|
1500
|
-
</div>
|
|
1501
|
-
|
|
1502
|
-
</div>
|
|
1503
|
-
<!-- /.card -->
|
|
1504
|
-
|
|
1505
|
-
<!-- PRODUCT LIST -->
|
|
801
|
+
</div> <!-- /.footer -->
|
|
802
|
+
</div> <!-- /.card --> <!-- PRODUCT LIST -->
|
|
1506
803
|
<div class="card">
|
|
1507
804
|
<div class="card-header">
|
|
1508
805
|
<h3 class="card-title">Recently Added Products</h3>
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
|
|
1512
|
-
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
|
1513
|
-
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
|
1514
|
-
</button>
|
|
1515
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
|
|
1516
|
-
<i class="bi bi-x-lg"></i>
|
|
1517
|
-
</button>
|
|
1518
|
-
</div>
|
|
1519
|
-
</div>
|
|
1520
|
-
<!-- /.card-header -->
|
|
806
|
+
<div class="card-tools"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <i data-lte-icon="expand" class="bi bi-plus-lg"></i> <i data-lte-icon="collapse" class="bi bi-dash-lg"></i> </button> <button type="button" class="btn btn-tool" data-lte-toggle="card-remove"> <i class="bi bi-x-lg"></i> </button> </div>
|
|
807
|
+
</div> <!-- /.card-header -->
|
|
1521
808
|
<div class="card-body p-0">
|
|
1522
809
|
<div class="px-2">
|
|
1523
810
|
<div class="d-flex border-top py-2 px-1">
|
|
1524
|
-
<div class="col-2">
|
|
1525
|
-
|
|
1526
|
-
</div>
|
|
1527
|
-
<div class="col-10">
|
|
1528
|
-
<a href="javascript:void(0)" class="fw-bold">
|
|
811
|
+
<div class="col-2"> <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50"> </div>
|
|
812
|
+
<div class="col-10"> <a href="javascript:void(0)" class="fw-bold">
|
|
1529
813
|
Samsung TV
|
|
1530
814
|
<span class="badge text-bg-warning float-end">
|
|
1531
815
|
$1800
|
|
1532
|
-
</span>
|
|
1533
|
-
</a>
|
|
816
|
+
</span> </a>
|
|
1534
817
|
<div class="text-truncate">
|
|
1535
818
|
Samsung 32" 1080p 60Hz LED Smart HDTV.
|
|
1536
819
|
</div>
|
|
1537
820
|
</div>
|
|
1538
|
-
</div>
|
|
1539
|
-
<!-- /.item -->
|
|
821
|
+
</div> <!-- /.item -->
|
|
1540
822
|
<div class="d-flex border-top py-2 px-1">
|
|
1541
|
-
<div class="col-2">
|
|
1542
|
-
|
|
1543
|
-
</div>
|
|
1544
|
-
<div class="col-10">
|
|
1545
|
-
<a href="javascript:void(0)" class="fw-bold">
|
|
823
|
+
<div class="col-2"> <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50"> </div>
|
|
824
|
+
<div class="col-10"> <a href="javascript:void(0)" class="fw-bold">
|
|
1546
825
|
Bicycle
|
|
1547
826
|
<span class="badge text-bg-info float-end">
|
|
1548
827
|
$700
|
|
1549
|
-
</span>
|
|
1550
|
-
</a>
|
|
828
|
+
</span> </a>
|
|
1551
829
|
<div class="text-truncate">
|
|
1552
830
|
26" Mongoose Dolomite Men's 7-speed, Navy Blue.
|
|
1553
831
|
</div>
|
|
1554
832
|
</div>
|
|
1555
|
-
</div>
|
|
1556
|
-
<!-- /.item -->
|
|
833
|
+
</div> <!-- /.item -->
|
|
1557
834
|
<div class="d-flex border-top py-2 px-1">
|
|
1558
|
-
<div class="col-2">
|
|
1559
|
-
|
|
1560
|
-
</div>
|
|
1561
|
-
<div class="col-10">
|
|
1562
|
-
<a href="javascript:void(0)" class="fw-bold">
|
|
835
|
+
<div class="col-2"> <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50"> </div>
|
|
836
|
+
<div class="col-10"> <a href="javascript:void(0)" class="fw-bold">
|
|
1563
837
|
Xbox One
|
|
1564
838
|
<span class="badge text-bg-danger float-end">
|
|
1565
839
|
$350
|
|
1566
|
-
</span>
|
|
1567
|
-
</a>
|
|
840
|
+
</span> </a>
|
|
1568
841
|
<div class="text-truncate">
|
|
1569
842
|
Xbox One Console Bundle with Halo Master Chief
|
|
1570
843
|
Collection.
|
|
1571
844
|
</div>
|
|
1572
845
|
</div>
|
|
1573
|
-
</div>
|
|
1574
|
-
<!-- /.item -->
|
|
846
|
+
</div> <!-- /.item -->
|
|
1575
847
|
<div class="d-flex border-top py-2 px-1">
|
|
1576
|
-
<div class="col-2">
|
|
1577
|
-
|
|
1578
|
-
</div>
|
|
1579
|
-
<div class="col-10">
|
|
1580
|
-
<a href="javascript:void(0)" class="fw-bold">
|
|
848
|
+
<div class="col-2"> <img src="../../dist/assets/img/default-150x150.png" alt="Product Image" class="img-size-50"> </div>
|
|
849
|
+
<div class="col-10"> <a href="javascript:void(0)" class="fw-bold">
|
|
1581
850
|
PlayStation 4
|
|
1582
851
|
<span class="badge text-bg-success float-end">
|
|
1583
852
|
$399
|
|
1584
|
-
</span>
|
|
1585
|
-
</a>
|
|
853
|
+
</span> </a>
|
|
1586
854
|
<div class="text-truncate">
|
|
1587
855
|
PlayStation 4 500GB Console (PS4)
|
|
1588
856
|
</div>
|
|
1589
857
|
</div>
|
|
1590
|
-
</div>
|
|
1591
|
-
<!-- /.item -->
|
|
858
|
+
</div> <!-- /.item -->
|
|
1592
859
|
</div>
|
|
1593
|
-
</div>
|
|
1594
|
-
|
|
1595
|
-
<div class="card-footer text-center">
|
|
1596
|
-
<a href="javascript:void(0)" class="uppercase">
|
|
860
|
+
</div> <!-- /.card-body -->
|
|
861
|
+
<div class="card-footer text-center"> <a href="javascript:void(0)" class="uppercase">
|
|
1597
862
|
View All Products
|
|
1598
|
-
</a>
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
</div>
|
|
1610
|
-
<!--end::App Content-->
|
|
1611
|
-
</main>
|
|
1612
|
-
<!--end::App Main-->
|
|
1613
|
-
<!--begin::Footer-->
|
|
1614
|
-
<footer class="app-footer">
|
|
1615
|
-
<!--begin::To the end-->
|
|
1616
|
-
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
|
1617
|
-
<!--end::To the end-->
|
|
1618
|
-
<!--begin::Copyright-->
|
|
1619
|
-
<strong>
|
|
1620
|
-
Copyright © 2014-2023
|
|
1621
|
-
<a href="https://adminlte.io">AdminLTE.io</a>.
|
|
863
|
+
</a> </div> <!-- /.card-footer -->
|
|
864
|
+
</div> <!-- /.card -->
|
|
865
|
+
</div> <!-- /.col -->
|
|
866
|
+
</div> <!--end::Row-->
|
|
867
|
+
</div> <!--end::Container-->
|
|
868
|
+
</div> <!--end::App Content-->
|
|
869
|
+
</main> <!--end::App Main--> <!--begin::Footer-->
|
|
870
|
+
<footer class="app-footer"> <!--begin::To the end-->
|
|
871
|
+
<div class="float-end d-none d-sm-inline">Anything you want</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
|
|
872
|
+
Copyright © 2014-2024
|
|
873
|
+
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
|
1622
874
|
</strong>
|
|
1623
875
|
All rights reserved.
|
|
1624
876
|
<!--end::Copyright-->
|
|
1625
|
-
</footer>
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
<!--end::
|
|
1629
|
-
<!--begin::
|
|
1630
|
-
<!--
|
|
1631
|
-
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
|
|
1632
|
-
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
|
1633
|
-
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
|
|
1634
|
-
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
|
1635
|
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
|
|
1636
|
-
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
|
1637
|
-
<script src="../../dist/js/adminlte.js"></script>
|
|
1638
|
-
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
877
|
+
</footer> <!--end::Footer-->
|
|
878
|
+
</div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
879
|
+
<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)-->
|
|
880
|
+
<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)-->
|
|
881
|
+
<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)-->
|
|
882
|
+
<script src="../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
1639
883
|
<script>
|
|
1640
884
|
const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
|
|
1641
885
|
const Default = {
|
|
@@ -1643,7 +887,6 @@
|
|
|
1643
887
|
scrollbarAutoHide: "leave",
|
|
1644
888
|
scrollbarClickScroll: true,
|
|
1645
889
|
};
|
|
1646
|
-
|
|
1647
890
|
document.addEventListener("DOMContentLoaded", function() {
|
|
1648
891
|
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
|
1649
892
|
if (
|
|
@@ -1659,14 +902,8 @@
|
|
|
1659
902
|
});
|
|
1660
903
|
}
|
|
1661
904
|
});
|
|
1662
|
-
</script>
|
|
1663
|
-
<!--end::OverlayScrollbars Configure-->
|
|
1664
|
-
|
|
1665
|
-
<!-- OPTIONAL SCRIPTS -->
|
|
1666
|
-
|
|
1667
|
-
<!-- apexcharts -->
|
|
905
|
+
</script> <!--end::OverlayScrollbars Configure--> <!-- OPTIONAL SCRIPTS --> <!-- apexcharts -->
|
|
1668
906
|
<script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script>
|
|
1669
|
-
|
|
1670
907
|
<script>
|
|
1671
908
|
// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
|
|
1672
909
|
// IT'S ALL JUST JUNK FOR DEMO
|
|
@@ -1681,7 +918,7 @@
|
|
|
1681
918
|
// - MONTHLY SALES CHART -
|
|
1682
919
|
//-----------------------
|
|
1683
920
|
|
|
1684
|
-
|
|
921
|
+
const sales_chart_options = {
|
|
1685
922
|
series: [{
|
|
1686
923
|
name: "Digital Goods",
|
|
1687
924
|
data: [28, 48, 40, 19, 86, 27, 90],
|
|
@@ -1727,9 +964,9 @@
|
|
|
1727
964
|
},
|
|
1728
965
|
};
|
|
1729
966
|
|
|
1730
|
-
|
|
967
|
+
const sales_chart = new ApexCharts(
|
|
1731
968
|
document.querySelector("#sales-chart"),
|
|
1732
|
-
sales_chart_options
|
|
969
|
+
sales_chart_options,
|
|
1733
970
|
);
|
|
1734
971
|
sales_chart.render();
|
|
1735
972
|
|
|
@@ -1737,11 +974,82 @@
|
|
|
1737
974
|
// - END MONTHLY SALES CHART -
|
|
1738
975
|
//---------------------------
|
|
1739
976
|
|
|
977
|
+
function createSparklineChart(selector, data) {
|
|
978
|
+
const options = {
|
|
979
|
+
series: [{
|
|
980
|
+
data
|
|
981
|
+
}],
|
|
982
|
+
chart: {
|
|
983
|
+
type: "line",
|
|
984
|
+
width: 150,
|
|
985
|
+
height: 30,
|
|
986
|
+
sparkline: {
|
|
987
|
+
enabled: true,
|
|
988
|
+
},
|
|
989
|
+
},
|
|
990
|
+
colors: ["var(--bs-primary)"],
|
|
991
|
+
stroke: {
|
|
992
|
+
width: 2,
|
|
993
|
+
},
|
|
994
|
+
tooltip: {
|
|
995
|
+
fixed: {
|
|
996
|
+
enabled: false,
|
|
997
|
+
},
|
|
998
|
+
x: {
|
|
999
|
+
show: false,
|
|
1000
|
+
},
|
|
1001
|
+
y: {
|
|
1002
|
+
title: {
|
|
1003
|
+
formatter: function(seriesName) {
|
|
1004
|
+
return "";
|
|
1005
|
+
},
|
|
1006
|
+
},
|
|
1007
|
+
},
|
|
1008
|
+
marker: {
|
|
1009
|
+
show: false,
|
|
1010
|
+
},
|
|
1011
|
+
},
|
|
1012
|
+
};
|
|
1013
|
+
|
|
1014
|
+
const chart = new ApexCharts(document.querySelector(selector), options);
|
|
1015
|
+
chart.render();
|
|
1016
|
+
}
|
|
1017
|
+
|
|
1018
|
+
const table_sparkline_1_data = [
|
|
1019
|
+
25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54,
|
|
1020
|
+
];
|
|
1021
|
+
const table_sparkline_2_data = [
|
|
1022
|
+
12, 56, 21, 39, 73, 45, 64, 52, 36, 59, 44,
|
|
1023
|
+
];
|
|
1024
|
+
const table_sparkline_3_data = [
|
|
1025
|
+
15, 46, 21, 59, 33, 15, 34, 42, 56, 19, 64,
|
|
1026
|
+
];
|
|
1027
|
+
const table_sparkline_4_data = [
|
|
1028
|
+
30, 56, 31, 69, 43, 35, 24, 32, 46, 29, 64,
|
|
1029
|
+
];
|
|
1030
|
+
const table_sparkline_5_data = [
|
|
1031
|
+
20, 76, 51, 79, 53, 35, 54, 22, 36, 49, 64,
|
|
1032
|
+
];
|
|
1033
|
+
const table_sparkline_6_data = [
|
|
1034
|
+
5, 36, 11, 69, 23, 15, 14, 42, 26, 19, 44,
|
|
1035
|
+
];
|
|
1036
|
+
const table_sparkline_7_data = [
|
|
1037
|
+
12, 56, 21, 39, 73, 45, 64, 52, 36, 59, 74,
|
|
1038
|
+
];
|
|
1039
|
+
|
|
1040
|
+
createSparklineChart("#table-sparkline-1", table_sparkline_1_data);
|
|
1041
|
+
createSparklineChart("#table-sparkline-2", table_sparkline_2_data);
|
|
1042
|
+
createSparklineChart("#table-sparkline-3", table_sparkline_3_data);
|
|
1043
|
+
createSparklineChart("#table-sparkline-4", table_sparkline_4_data);
|
|
1044
|
+
createSparklineChart("#table-sparkline-5", table_sparkline_5_data);
|
|
1045
|
+
createSparklineChart("#table-sparkline-6", table_sparkline_6_data);
|
|
1046
|
+
createSparklineChart("#table-sparkline-7", table_sparkline_7_data);
|
|
1047
|
+
|
|
1740
1048
|
//-------------
|
|
1741
1049
|
// - PIE CHART -
|
|
1742
1050
|
//-------------
|
|
1743
1051
|
|
|
1744
|
-
|
|
1052
|
+
const pie_chart_options = {
|
|
1745
1053
|
series: [700, 500, 400, 600, 300, 100],
|
|
1746
1054
|
chart: {
|
|
1747
1055
|
type: "donut",
|
|
@@ -1760,17 +1068,16 @@
|
|
|
1760
1068
|
],
|
|
1761
1069
|
};
|
|
1762
1070
|
|
|
1763
|
-
|
|
1071
|
+
const pie_chart = new ApexCharts(
|
|
1764
1072
|
document.querySelector("#pie-chart"),
|
|
1765
|
-
pie_chart_options
|
|
1073
|
+
pie_chart_options,
|
|
1766
1074
|
);
|
|
1767
1075
|
pie_chart.render();
|
|
1768
1076
|
|
|
1769
1077
|
//-----------------
|
|
1770
1078
|
// - END PIE CHART -
|
|
1771
1079
|
//-----------------
|
|
1772
|
-
</script>
|
|
1773
|
-
<!--end::Script-->
|
|
1080
|
+
</script> <!--end::Script-->
|
|
1774
1081
|
</body><!--end::Body-->
|
|
1775
1082
|
|
|
1776
1083
|
</html>
|