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/index.html
CHANGED
|
@@ -1,663 +1,373 @@
|
|
|
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 v4 | Dashboard</title
|
|
8
|
-
<!--begin::Primary Meta Tags-->
|
|
6
|
+
<title>AdminLTE v4 | Dashboard</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 v4 | Dashboard">
|
|
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://
|
|
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 -->
|
|
31
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css" integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0=" crossorigin="anonymous">
|
|
32
|
-
|
|
33
|
-
<!-- jsvectormap -->
|
|
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 -->
|
|
16
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css" integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0=" crossorigin="anonymous"><!-- jsvectormap -->
|
|
34
17
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/css/jsvectormap.min.css" integrity="sha256-+uGLJmmTKOqBr+2E6KDYs/NRsHxSkONXFHUL0fy2O/4=" crossorigin="anonymous">
|
|
35
|
-
</head>
|
|
36
|
-
<!--end::Head-->
|
|
37
|
-
<!--begin::Body-->
|
|
18
|
+
</head> <!--end::Head--> <!--begin::Body-->
|
|
38
19
|
|
|
39
|
-
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
40
|
-
<!--begin::
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
<nav class="app-header navbar navbar-expand bg-body">
|
|
44
|
-
<!--begin::Container-->
|
|
45
|
-
<div class="container-fluid">
|
|
46
|
-
<!--begin::Start Navbar Links-->
|
|
20
|
+
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary"> <!--begin::App Wrapper-->
|
|
21
|
+
<div class="app-wrapper"> <!--begin::Header-->
|
|
22
|
+
<nav class="app-header navbar navbar-expand bg-body"> <!--begin::Container-->
|
|
23
|
+
<div class="container-fluid"> <!--begin::Start Navbar Links-->
|
|
47
24
|
<ul class="navbar-nav">
|
|
48
|
-
<li class="nav-item">
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
<li class="nav-item
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
<li class="nav-item d-none d-md-block">
|
|
57
|
-
<a href="#" class="nav-link">Contact</a>
|
|
58
|
-
</li>
|
|
59
|
-
</ul>
|
|
60
|
-
<!--end::Start Navbar Links-->
|
|
61
|
-
|
|
62
|
-
<!--begin::End Navbar Links-->
|
|
63
|
-
<ul class="navbar-nav ms-auto">
|
|
64
|
-
<!--begin::Navbar Search-->
|
|
65
|
-
<li class="nav-item">
|
|
66
|
-
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
|
67
|
-
<i class="bi bi-search"></i>
|
|
68
|
-
</a>
|
|
69
|
-
</li>
|
|
70
|
-
<!--end::Navbar Search-->
|
|
71
|
-
|
|
72
|
-
<!--begin::Messages Dropdown Menu-->
|
|
73
|
-
<li class="nav-item dropdown">
|
|
74
|
-
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
|
75
|
-
<i class="bi bi-chat-text"></i>
|
|
76
|
-
<span class="navbar-badge badge text-bg-danger">3</span>
|
|
77
|
-
</a>
|
|
78
|
-
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
79
|
-
<a href="#" class="dropdown-item">
|
|
80
|
-
<!--begin::Message-->
|
|
25
|
+
<li class="nav-item"> <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"> <i class="bi bi-list"></i> </a> </li>
|
|
26
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Home</a> </li>
|
|
27
|
+
<li class="nav-item d-none d-md-block"> <a href="#" class="nav-link">Contact</a> </li>
|
|
28
|
+
</ul> <!--end::Start Navbar Links--> <!--begin::End Navbar Links-->
|
|
29
|
+
<ul class="navbar-nav ms-auto"> <!--begin::Navbar Search-->
|
|
30
|
+
<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-->
|
|
31
|
+
<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>
|
|
32
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
81
33
|
<div class="d-flex">
|
|
82
|
-
<div class="flex-shrink-0">
|
|
83
|
-
<img src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
84
|
-
</div>
|
|
34
|
+
<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>
|
|
85
35
|
<div class="flex-grow-1">
|
|
86
36
|
<h3 class="dropdown-item-title">
|
|
87
37
|
Brad Diesel
|
|
88
38
|
<span class="float-end fs-7 text-danger"><i class="bi bi-star-fill"></i></span>
|
|
89
39
|
</h3>
|
|
90
40
|
<p class="fs-7">Call me whenever you can...</p>
|
|
91
|
-
<p class="fs-7 text-secondary">
|
|
92
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
41
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
93
42
|
</p>
|
|
94
43
|
</div>
|
|
95
|
-
</div>
|
|
96
|
-
<!--end::Message-->
|
|
44
|
+
</div> <!--end::Message-->
|
|
97
45
|
</a>
|
|
98
|
-
<div class="dropdown-divider"></div>
|
|
99
|
-
<a href="#" class="dropdown-item">
|
|
100
|
-
<!--begin::Message-->
|
|
46
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
101
47
|
<div class="d-flex">
|
|
102
|
-
<div class="flex-shrink-0">
|
|
103
|
-
<img src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
104
|
-
</div>
|
|
48
|
+
<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>
|
|
105
49
|
<div class="flex-grow-1">
|
|
106
50
|
<h3 class="dropdown-item-title">
|
|
107
51
|
John Pierce
|
|
108
|
-
<span class="float-end fs-7 text-secondary">
|
|
109
|
-
<i class="bi bi-star-fill"></i>
|
|
110
|
-
</span>
|
|
52
|
+
<span class="float-end fs-7 text-secondary"> <i class="bi bi-star-fill"></i> </span>
|
|
111
53
|
</h3>
|
|
112
54
|
<p class="fs-7">I got your message bro</p>
|
|
113
|
-
<p class="fs-7 text-secondary">
|
|
114
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
55
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
115
56
|
</p>
|
|
116
57
|
</div>
|
|
117
|
-
</div>
|
|
118
|
-
<!--end::Message-->
|
|
58
|
+
</div> <!--end::Message-->
|
|
119
59
|
</a>
|
|
120
|
-
<div class="dropdown-divider"></div>
|
|
121
|
-
<a href="#" class="dropdown-item">
|
|
122
|
-
<!--begin::Message-->
|
|
60
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <!--begin::Message-->
|
|
123
61
|
<div class="d-flex">
|
|
124
|
-
<div class="flex-shrink-0">
|
|
125
|
-
<img src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 rounded-circle me-3">
|
|
126
|
-
</div>
|
|
62
|
+
<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>
|
|
127
63
|
<div class="flex-grow-1">
|
|
128
64
|
<h3 class="dropdown-item-title">
|
|
129
65
|
Nora Silvester
|
|
130
|
-
<span class="float-end fs-7 text-warning">
|
|
131
|
-
<i class="bi bi-star-fill"></i>
|
|
132
|
-
</span>
|
|
66
|
+
<span class="float-end fs-7 text-warning"> <i class="bi bi-star-fill"></i> </span>
|
|
133
67
|
</h3>
|
|
134
68
|
<p class="fs-7">The subject goes here</p>
|
|
135
|
-
<p class="fs-7 text-secondary">
|
|
136
|
-
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
69
|
+
<p class="fs-7 text-secondary"> <i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
|
137
70
|
</p>
|
|
138
71
|
</div>
|
|
139
|
-
</div>
|
|
140
|
-
<!--end::Message-->
|
|
72
|
+
</div> <!--end::Message-->
|
|
141
73
|
</a>
|
|
142
|
-
<div class="dropdown-divider"></div>
|
|
143
|
-
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
74
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
|
144
75
|
</div>
|
|
145
|
-
</li>
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
<
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
156
|
-
<div class="dropdown-divider"></div>
|
|
157
|
-
<a href="#" class="dropdown-item">
|
|
158
|
-
<i class="bi bi-envelope me-2"></i> 4 new messages
|
|
159
|
-
<span class="float-end text-secondary fs-7">3 mins</span>
|
|
160
|
-
</a>
|
|
161
|
-
<div class="dropdown-divider"></div>
|
|
162
|
-
<a href="#" class="dropdown-item">
|
|
163
|
-
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
164
|
-
<span class="float-end text-secondary fs-7">12 hours</span>
|
|
165
|
-
</a>
|
|
166
|
-
<div class="dropdown-divider"></div>
|
|
167
|
-
<a href="#" class="dropdown-item">
|
|
168
|
-
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
169
|
-
<span class="float-end text-secondary fs-7">2 days</span>
|
|
170
|
-
</a>
|
|
171
|
-
<div class="dropdown-divider"></div>
|
|
172
|
-
<a href="#" class="dropdown-item dropdown-footer">
|
|
76
|
+
</li> <!--end::Messages Dropdown Menu--> <!--begin::Notifications Dropdown Menu-->
|
|
77
|
+
<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>
|
|
78
|
+
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <span class="dropdown-item dropdown-header">15 Notifications</span>
|
|
79
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-envelope me-2"></i> 4 new messages
|
|
80
|
+
<span class="float-end text-secondary fs-7">3 mins</span> </a>
|
|
81
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-people-fill me-2"></i> 8 friend requests
|
|
82
|
+
<span class="float-end text-secondary fs-7">12 hours</span> </a>
|
|
83
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
|
84
|
+
<span class="float-end text-secondary fs-7">2 days</span> </a>
|
|
85
|
+
<div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">
|
|
173
86
|
See All Notifications
|
|
174
87
|
</a>
|
|
175
88
|
</div>
|
|
176
|
-
</li>
|
|
177
|
-
<!--end::
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
|
182
|
-
<img src="../../dist/assets/img/user2-160x160.jpg" class="user-image rounded-circle shadow" alt="User Image">
|
|
183
|
-
<span class="d-none d-md-inline">Alexander Pierce</span>
|
|
184
|
-
</a>
|
|
185
|
-
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
|
186
|
-
<!--begin::User Image-->
|
|
187
|
-
<li class="user-header text-bg-primary">
|
|
188
|
-
<img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
189
|
-
|
|
89
|
+
</li> <!--end::Notifications Dropdown Menu--> <!--begin::Fullscreen Toggle-->
|
|
90
|
+
<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-->
|
|
91
|
+
<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>
|
|
92
|
+
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <!--begin::User Image-->
|
|
93
|
+
<li class="user-header text-bg-primary"> <img src="../../dist/assets/img/user2-160x160.jpg" class="rounded-circle shadow" alt="User Image">
|
|
190
94
|
<p>
|
|
191
95
|
Alexander Pierce - Web Developer
|
|
192
96
|
<small>Member since Nov. 2023</small>
|
|
193
97
|
</p>
|
|
194
|
-
</li>
|
|
195
|
-
<!--
|
|
196
|
-
<!--begin::Menu Body-->
|
|
197
|
-
<li class="user-body">
|
|
198
|
-
<!--begin::Row-->
|
|
98
|
+
</li> <!--end::User Image--> <!--begin::Menu Body-->
|
|
99
|
+
<li class="user-body"> <!--begin::Row-->
|
|
199
100
|
<div class="row">
|
|
200
|
-
<div class="col-4 text-center">
|
|
201
|
-
|
|
202
|
-
</div>
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
<div class="col-4 text-center">
|
|
207
|
-
<a href="#">Friends</a>
|
|
208
|
-
</div>
|
|
209
|
-
</div>
|
|
210
|
-
<!--end::Row-->
|
|
211
|
-
</li>
|
|
212
|
-
<!--end::Menu Body-->
|
|
213
|
-
<!--begin::Menu Footer-->
|
|
214
|
-
<li class="user-footer">
|
|
215
|
-
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
|
216
|
-
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
|
217
|
-
</li>
|
|
218
|
-
<!--end::Menu Footer-->
|
|
101
|
+
<div class="col-4 text-center"> <a href="#">Followers</a> </div>
|
|
102
|
+
<div class="col-4 text-center"> <a href="#">Sales</a> </div>
|
|
103
|
+
<div class="col-4 text-center"> <a href="#">Friends</a> </div>
|
|
104
|
+
</div> <!--end::Row-->
|
|
105
|
+
</li> <!--end::Menu Body--> <!--begin::Menu Footer-->
|
|
106
|
+
<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-->
|
|
219
107
|
</ul>
|
|
220
|
-
</li>
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
<!--end::
|
|
226
|
-
</nav>
|
|
227
|
-
<!--end::Header-->
|
|
228
|
-
<!--begin::Sidebar-->
|
|
229
|
-
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
|
230
|
-
<!--begin::Sidebar Brand-->
|
|
231
|
-
<div class="sidebar-brand">
|
|
232
|
-
<!--begin::Brand Link-->
|
|
233
|
-
<a href="./index.html" class="brand-link">
|
|
234
|
-
<!--begin::Brand Image-->
|
|
235
|
-
<img src="../../dist/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
|
|
236
|
-
<!--end::Brand Image-->
|
|
237
|
-
<!--begin::Brand Text-->
|
|
238
|
-
<span class="brand-text fw-light">AdminLTE 4</span>
|
|
239
|
-
<!--end::Brand Text-->
|
|
240
|
-
</a>
|
|
241
|
-
<!--end::Brand Link-->
|
|
242
|
-
</div>
|
|
243
|
-
<!--end::Sidebar Brand-->
|
|
244
|
-
<!--begin::Sidebar Wrapper-->
|
|
108
|
+
</li> <!--end::User Menu Dropdown-->
|
|
109
|
+
</ul> <!--end::End Navbar Links-->
|
|
110
|
+
</div> <!--end::Container-->
|
|
111
|
+
</nav> <!--end::Header--> <!--begin::Sidebar-->
|
|
112
|
+
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark"> <!--begin::Sidebar Brand-->
|
|
113
|
+
<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-->
|
|
245
114
|
<div class="sidebar-wrapper">
|
|
246
|
-
<nav class="mt-2">
|
|
247
|
-
<!--begin::Sidebar Menu-->
|
|
115
|
+
<nav class="mt-2"> <!--begin::Sidebar Menu-->
|
|
248
116
|
<ul class="nav sidebar-menu flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
|
|
249
|
-
<li class="nav-item menu-open">
|
|
250
|
-
<a href="#" class="nav-link active">
|
|
251
|
-
<i class="nav-icon bi bi-speedometer"></i>
|
|
117
|
+
<li class="nav-item menu-open"> <a href="#" class="nav-link active"> <i class="nav-icon bi bi-speedometer"></i>
|
|
252
118
|
<p>
|
|
253
119
|
Dashboard
|
|
254
120
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
255
121
|
</p>
|
|
256
122
|
</a>
|
|
257
123
|
<ul class="nav nav-treeview">
|
|
258
|
-
<li class="nav-item">
|
|
259
|
-
<a href="./index.html" class="nav-link active">
|
|
260
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
124
|
+
<li class="nav-item"> <a href="./index.html" class="nav-link active"> <i class="nav-icon bi bi-circle"></i>
|
|
261
125
|
<p>Dashboard v1</p>
|
|
262
|
-
</a>
|
|
263
|
-
|
|
264
|
-
<li class="nav-item">
|
|
265
|
-
<a href="./index2.html" class="nav-link">
|
|
266
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
126
|
+
</a> </li>
|
|
127
|
+
<li class="nav-item"> <a href="./index2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
267
128
|
<p>Dashboard v2</p>
|
|
268
|
-
</a>
|
|
269
|
-
|
|
270
|
-
<li class="nav-item">
|
|
271
|
-
<a href="./index3.html" class="nav-link">
|
|
272
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
129
|
+
</a> </li>
|
|
130
|
+
<li class="nav-item"> <a href="./index3.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
273
131
|
<p>Dashboard v3</p>
|
|
274
|
-
</a>
|
|
275
|
-
</li>
|
|
132
|
+
</a> </li>
|
|
276
133
|
</ul>
|
|
277
134
|
</li>
|
|
278
|
-
<li class="nav-item">
|
|
279
|
-
<a href="#" class="nav-link">
|
|
280
|
-
<i class="nav-icon bi bi-box-seam-fill"></i>
|
|
135
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
|
|
281
136
|
<p>
|
|
282
137
|
Widgets
|
|
283
138
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
284
139
|
</p>
|
|
285
140
|
</a>
|
|
286
141
|
<ul class="nav nav-treeview">
|
|
287
|
-
<li class="nav-item">
|
|
288
|
-
<a href="./widgets/small-box.html" class="nav-link">
|
|
289
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
142
|
+
<li class="nav-item"> <a href="./widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
290
143
|
<p>Small Box</p>
|
|
291
|
-
</a>
|
|
292
|
-
|
|
293
|
-
<li class="nav-item">
|
|
294
|
-
<a href="./widgets/info-box.html" class="nav-link">
|
|
295
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
144
|
+
</a> </li>
|
|
145
|
+
<li class="nav-item"> <a href="./widgets/info-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
296
146
|
<p>info Box</p>
|
|
297
|
-
</a>
|
|
298
|
-
|
|
299
|
-
<li class="nav-item">
|
|
300
|
-
<a href="./widgets/cards.html" class="nav-link">
|
|
301
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
147
|
+
</a> </li>
|
|
148
|
+
<li class="nav-item"> <a href="./widgets/cards.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
302
149
|
<p>Cards</p>
|
|
303
|
-
</a>
|
|
304
|
-
</li>
|
|
150
|
+
</a> </li>
|
|
305
151
|
</ul>
|
|
306
152
|
</li>
|
|
307
|
-
<li class="nav-item">
|
|
308
|
-
<a href="#" class="nav-link">
|
|
309
|
-
<i class="nav-icon bi bi-clipboard-fill"></i>
|
|
153
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-clipboard-fill"></i>
|
|
310
154
|
<p>
|
|
311
155
|
Layout Options
|
|
312
|
-
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
|
313
|
-
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
156
|
+
<span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
|
|
314
157
|
</p>
|
|
315
158
|
</a>
|
|
316
159
|
<ul class="nav nav-treeview">
|
|
317
|
-
<li class="nav-item">
|
|
318
|
-
<a href="./layout/unfixed-sidebar.html" class="nav-link">
|
|
319
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
160
|
+
<li class="nav-item"> <a href="./layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
320
161
|
<p>Default Sidebar</p>
|
|
321
|
-
</a>
|
|
322
|
-
|
|
323
|
-
<li class="nav-item">
|
|
324
|
-
<a href="./layout/fixed-sidebar.html" class="nav-link">
|
|
325
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
162
|
+
</a> </li>
|
|
163
|
+
<li class="nav-item"> <a href="./layout/fixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
326
164
|
<p>Fixed Sidebar</p>
|
|
327
|
-
</a>
|
|
328
|
-
|
|
329
|
-
<li class="nav-item">
|
|
330
|
-
<a href="./layout/fixed-complete.html" class="nav-link">
|
|
331
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
165
|
+
</a> </li>
|
|
166
|
+
<li class="nav-item"> <a href="./layout/fixed-complete.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
332
167
|
<p>Fixed Complete</p>
|
|
333
|
-
</a>
|
|
334
|
-
|
|
335
|
-
<li class="nav-item">
|
|
336
|
-
<a href="./layout/sidebar-mini.html" class="nav-link">
|
|
337
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
168
|
+
</a> </li>
|
|
169
|
+
<li class="nav-item"> <a href="./layout/sidebar-mini.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
338
170
|
<p>Sidebar Mini</p>
|
|
339
|
-
</a>
|
|
340
|
-
|
|
341
|
-
<li class="nav-item">
|
|
342
|
-
<a href="./layout/collapsed-sidebar.html" class="nav-link">
|
|
343
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
171
|
+
</a> </li>
|
|
172
|
+
<li class="nav-item"> <a href="./layout/collapsed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
344
173
|
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
|
345
|
-
</a>
|
|
346
|
-
|
|
347
|
-
<li class="nav-item">
|
|
348
|
-
<a href="./layout/logo-switch.html" class="nav-link">
|
|
349
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
174
|
+
</a> </li>
|
|
175
|
+
<li class="nav-item"> <a href="./layout/logo-switch.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
350
176
|
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
|
351
|
-
</a>
|
|
352
|
-
|
|
353
|
-
<li class="nav-item">
|
|
354
|
-
<a href="./layout/layout-rtl.html" class="nav-link">
|
|
355
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
177
|
+
</a> </li>
|
|
178
|
+
<li class="nav-item"> <a href="./layout/layout-rtl.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
356
179
|
<p>Layout RTL</p>
|
|
357
|
-
</a>
|
|
358
|
-
</li>
|
|
180
|
+
</a> </li>
|
|
359
181
|
</ul>
|
|
360
182
|
</li>
|
|
361
|
-
<li class="nav-item">
|
|
362
|
-
<a href="#" class="nav-link">
|
|
363
|
-
<i class="nav-icon bi bi-tree-fill"></i>
|
|
183
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-tree-fill"></i>
|
|
364
184
|
<p>
|
|
365
185
|
UI Elements
|
|
366
186
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
367
187
|
</p>
|
|
368
188
|
</a>
|
|
369
189
|
<ul class="nav nav-treeview">
|
|
370
|
-
<li class="nav-item">
|
|
371
|
-
|
|
372
|
-
|
|
190
|
+
<li class="nav-item"> <a href="./UI/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
191
|
+
<p>General</p>
|
|
192
|
+
</a> </li>
|
|
193
|
+
<li class="nav-item"> <a href="./UI/timeline.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
373
194
|
<p>Timeline</p>
|
|
374
|
-
</a>
|
|
375
|
-
</li>
|
|
195
|
+
</a> </li>
|
|
376
196
|
</ul>
|
|
377
197
|
</li>
|
|
378
|
-
<li class="nav-item">
|
|
379
|
-
<a href="#" class="nav-link">
|
|
380
|
-
<i class="nav-icon bi bi-pencil-square"></i>
|
|
198
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
|
|
381
199
|
<p>
|
|
382
200
|
Forms
|
|
383
201
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
384
202
|
</p>
|
|
385
203
|
</a>
|
|
386
204
|
<ul class="nav nav-treeview">
|
|
387
|
-
<li class="nav-item">
|
|
388
|
-
<a href="./forms/general.html" class="nav-link">
|
|
389
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
205
|
+
<li class="nav-item"> <a href="./forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
390
206
|
<p>General Elements</p>
|
|
391
|
-
</a>
|
|
392
|
-
</li>
|
|
207
|
+
</a> </li>
|
|
393
208
|
</ul>
|
|
394
209
|
</li>
|
|
395
|
-
<li class="nav-item">
|
|
396
|
-
<a href="#" class="nav-link">
|
|
397
|
-
<i class="nav-icon bi bi-table"></i>
|
|
210
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-table"></i>
|
|
398
211
|
<p>
|
|
399
212
|
Tables
|
|
400
213
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
401
214
|
</p>
|
|
402
215
|
</a>
|
|
403
216
|
<ul class="nav nav-treeview">
|
|
404
|
-
<li class="nav-item">
|
|
405
|
-
<a href="./tables/simple.html" class="nav-link">
|
|
406
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
217
|
+
<li class="nav-item"> <a href="./tables/simple.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
407
218
|
<p>Simple Tables</p>
|
|
408
|
-
</a>
|
|
409
|
-
</li>
|
|
219
|
+
</a> </li>
|
|
410
220
|
</ul>
|
|
411
221
|
</li>
|
|
412
|
-
|
|
413
222
|
<li class="nav-header">EXAMPLES</li>
|
|
414
|
-
<li class="nav-item">
|
|
415
|
-
<a href="#" class="nav-link">
|
|
416
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
223
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
417
224
|
<p>
|
|
418
225
|
Auth
|
|
419
226
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
420
227
|
</p>
|
|
421
228
|
</a>
|
|
422
229
|
<ul class="nav nav-treeview">
|
|
423
|
-
<li class="nav-item">
|
|
424
|
-
<a href="#" class="nav-link">
|
|
425
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
230
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
426
231
|
<p>
|
|
427
232
|
Version 1
|
|
428
233
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
429
234
|
</p>
|
|
430
235
|
</a>
|
|
431
236
|
<ul class="nav nav-treeview">
|
|
432
|
-
<li class="nav-item">
|
|
433
|
-
<a href="./examples/login.html" class="nav-link">
|
|
434
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
237
|
+
<li class="nav-item"> <a href="./examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
435
238
|
<p>Login</p>
|
|
436
|
-
</a>
|
|
437
|
-
|
|
438
|
-
<li class="nav-item">
|
|
439
|
-
<a href="./examples/register.html" class="nav-link">
|
|
440
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
239
|
+
</a> </li>
|
|
240
|
+
<li class="nav-item"> <a href="./examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
441
241
|
<p>Register</p>
|
|
442
|
-
</a>
|
|
443
|
-
</li>
|
|
242
|
+
</a> </li>
|
|
444
243
|
</ul>
|
|
445
244
|
</li>
|
|
446
|
-
<li class="nav-item">
|
|
447
|
-
<a href="#" class="nav-link">
|
|
448
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
245
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
449
246
|
<p>
|
|
450
247
|
Version 2
|
|
451
248
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
452
249
|
</p>
|
|
453
250
|
</a>
|
|
454
251
|
<ul class="nav nav-treeview">
|
|
455
|
-
<li class="nav-item">
|
|
456
|
-
<a href="./examples/login-v2.html" class="nav-link">
|
|
457
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
252
|
+
<li class="nav-item"> <a href="./examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
458
253
|
<p>Login</p>
|
|
459
|
-
</a>
|
|
460
|
-
|
|
461
|
-
<li class="nav-item">
|
|
462
|
-
<a href="./examples/register-v2.html" class="nav-link">
|
|
463
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
254
|
+
</a> </li>
|
|
255
|
+
<li class="nav-item"> <a href="./examples/register-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
464
256
|
<p>Register</p>
|
|
465
|
-
</a>
|
|
466
|
-
</li>
|
|
257
|
+
</a> </li>
|
|
467
258
|
</ul>
|
|
468
259
|
</li>
|
|
469
|
-
<li class="nav-item">
|
|
470
|
-
<a href="./examples/lockscreen.html" class="nav-link">
|
|
471
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
260
|
+
<li class="nav-item"> <a href="./examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
472
261
|
<p>Lockscreen</p>
|
|
473
|
-
</a>
|
|
474
|
-
</li>
|
|
262
|
+
</a> </li>
|
|
475
263
|
</ul>
|
|
476
264
|
</li>
|
|
477
|
-
|
|
478
265
|
<li class="nav-header">DOCUMENTATIONS</li>
|
|
479
|
-
<li class="nav-item">
|
|
480
|
-
<a href="./docs/introduction.html" class="nav-link">
|
|
481
|
-
<i class="nav-icon bi bi-download"></i>
|
|
266
|
+
<li class="nav-item"> <a href="./docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
|
|
482
267
|
<p>Installation</p>
|
|
483
|
-
</a>
|
|
484
|
-
|
|
485
|
-
<li class="nav-item">
|
|
486
|
-
<a href="./docs/layout.html" class="nav-link">
|
|
487
|
-
<i class="nav-icon bi bi-grip-horizontal"></i>
|
|
268
|
+
</a> </li>
|
|
269
|
+
<li class="nav-item"> <a href="./docs/layout.html" class="nav-link"> <i class="nav-icon bi bi-grip-horizontal"></i>
|
|
488
270
|
<p>Layout</p>
|
|
489
|
-
</a>
|
|
490
|
-
|
|
491
|
-
<li class="nav-item">
|
|
492
|
-
<a href="./docs/color-mode.html" class="nav-link">
|
|
493
|
-
<i class="nav-icon bi bi-star-half"></i>
|
|
271
|
+
</a> </li>
|
|
272
|
+
<li class="nav-item"> <a href="./docs/color-mode.html" class="nav-link"> <i class="nav-icon bi bi-star-half"></i>
|
|
494
273
|
<p>Color Mode</p>
|
|
495
|
-
</a>
|
|
496
|
-
|
|
497
|
-
<li class="nav-item">
|
|
498
|
-
<a href="#" class="nav-link">
|
|
499
|
-
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
274
|
+
</a> </li>
|
|
275
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
500
276
|
<p>
|
|
501
277
|
Components
|
|
502
278
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
503
279
|
</p>
|
|
504
280
|
</a>
|
|
505
281
|
<ul class="nav nav-treeview">
|
|
506
|
-
<li class="nav-item">
|
|
507
|
-
<a href="./docs/components/main-header.html" class="nav-link">
|
|
508
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
282
|
+
<li class="nav-item"> <a href="./docs/components/main-header.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
509
283
|
<p>Main Header</p>
|
|
510
|
-
</a>
|
|
511
|
-
|
|
512
|
-
<li class="nav-item">
|
|
513
|
-
<a href="./docs/components/main-sidebar.html" class="nav-link">
|
|
514
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
284
|
+
</a> </li>
|
|
285
|
+
<li class="nav-item"> <a href="./docs/components/main-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
515
286
|
<p>Main Sidebar</p>
|
|
516
|
-
</a>
|
|
517
|
-
</li>
|
|
287
|
+
</a> </li>
|
|
518
288
|
</ul>
|
|
519
289
|
</li>
|
|
520
|
-
<li class="nav-item">
|
|
521
|
-
<a href="#" class="nav-link">
|
|
522
|
-
<i class="nav-icon bi bi-filetype-js"></i>
|
|
290
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
|
|
523
291
|
<p>
|
|
524
292
|
Javascript
|
|
525
293
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
526
294
|
</p>
|
|
527
295
|
</a>
|
|
528
296
|
<ul class="nav nav-treeview">
|
|
529
|
-
<li class="nav-item">
|
|
530
|
-
<a href="./docs/javascript/treeview.html" class="nav-link">
|
|
531
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
297
|
+
<li class="nav-item"> <a href="./docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
532
298
|
<p>Treeview</p>
|
|
533
|
-
</a>
|
|
534
|
-
</li>
|
|
299
|
+
</a> </li>
|
|
535
300
|
</ul>
|
|
536
301
|
</li>
|
|
537
|
-
<li class="nav-item">
|
|
538
|
-
<a href="./docs/browser-support.html" class="nav-link">
|
|
539
|
-
<i class="nav-icon bi bi-browser-edge"></i>
|
|
302
|
+
<li class="nav-item"> <a href="./docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
|
|
540
303
|
<p>Browser Support</p>
|
|
541
|
-
</a>
|
|
542
|
-
|
|
543
|
-
<li class="nav-item">
|
|
544
|
-
<a href="./docs/how-to-contribute.html" class="nav-link">
|
|
545
|
-
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
|
304
|
+
</a> </li>
|
|
305
|
+
<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>
|
|
546
306
|
<p>How To Contribute</p>
|
|
547
|
-
</a>
|
|
548
|
-
|
|
549
|
-
<li class="nav-item">
|
|
550
|
-
<a href="./docs/faq.html" class="nav-link">
|
|
551
|
-
<i class="nav-icon bi bi-question-circle-fill"></i>
|
|
307
|
+
</a> </li>
|
|
308
|
+
<li class="nav-item"> <a href="./docs/faq.html" class="nav-link"> <i class="nav-icon bi bi-question-circle-fill"></i>
|
|
552
309
|
<p>FAQ</p>
|
|
553
|
-
</a>
|
|
554
|
-
|
|
555
|
-
<li class="nav-item">
|
|
556
|
-
<a href="./docs/license.html" class="nav-link">
|
|
557
|
-
<i class="nav-icon bi bi-patch-check-fill"></i>
|
|
310
|
+
</a> </li>
|
|
311
|
+
<li class="nav-item"> <a href="./docs/license.html" class="nav-link"> <i class="nav-icon bi bi-patch-check-fill"></i>
|
|
558
312
|
<p>License</p>
|
|
559
|
-
</a>
|
|
560
|
-
</li>
|
|
561
|
-
|
|
313
|
+
</a> </li>
|
|
562
314
|
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
|
563
|
-
<li class="nav-item">
|
|
564
|
-
<a href="#" class="nav-link">
|
|
565
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
315
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
566
316
|
<p>Level 1</p>
|
|
567
|
-
</a>
|
|
568
|
-
|
|
569
|
-
<li class="nav-item">
|
|
570
|
-
<a href="#" class="nav-link">
|
|
571
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
317
|
+
</a> </li>
|
|
318
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
572
319
|
<p>
|
|
573
320
|
Level 1
|
|
574
321
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
575
322
|
</p>
|
|
576
323
|
</a>
|
|
577
324
|
<ul class="nav nav-treeview">
|
|
578
|
-
<li class="nav-item">
|
|
579
|
-
<a href="#" class="nav-link">
|
|
580
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
325
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
581
326
|
<p>Level 2</p>
|
|
582
|
-
</a>
|
|
583
|
-
|
|
584
|
-
<li class="nav-item">
|
|
585
|
-
<a href="#" class="nav-link">
|
|
586
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
327
|
+
</a> </li>
|
|
328
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
587
329
|
<p>
|
|
588
330
|
Level 2
|
|
589
331
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
590
332
|
</p>
|
|
591
333
|
</a>
|
|
592
334
|
<ul class="nav nav-treeview">
|
|
593
|
-
<li class="nav-item">
|
|
594
|
-
<a href="#" class="nav-link">
|
|
595
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
335
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
596
336
|
<p>Level 3</p>
|
|
597
|
-
</a>
|
|
598
|
-
|
|
599
|
-
<li class="nav-item">
|
|
600
|
-
<a href="#" class="nav-link">
|
|
601
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
337
|
+
</a> </li>
|
|
338
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
602
339
|
<p>Level 3</p>
|
|
603
|
-
</a>
|
|
604
|
-
|
|
605
|
-
<li class="nav-item">
|
|
606
|
-
<a href="#" class="nav-link">
|
|
607
|
-
<i class="nav-icon bi bi-record-circle-fill"></i>
|
|
340
|
+
</a> </li>
|
|
341
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
608
342
|
<p>Level 3</p>
|
|
609
|
-
</a>
|
|
610
|
-
</li>
|
|
343
|
+
</a> </li>
|
|
611
344
|
</ul>
|
|
612
345
|
</li>
|
|
613
|
-
<li class="nav-item">
|
|
614
|
-
<a href="#" class="nav-link">
|
|
615
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
346
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
616
347
|
<p>Level 2</p>
|
|
617
|
-
</a>
|
|
618
|
-
</li>
|
|
348
|
+
</a> </li>
|
|
619
349
|
</ul>
|
|
620
350
|
</li>
|
|
621
|
-
<li class="nav-item">
|
|
622
|
-
<a href="#" class="nav-link">
|
|
623
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
351
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
624
352
|
<p>Level 1</p>
|
|
625
|
-
</a>
|
|
626
|
-
</li>
|
|
627
|
-
|
|
353
|
+
</a> </li>
|
|
628
354
|
<li class="nav-header">LABELS</li>
|
|
629
|
-
<li class="nav-item">
|
|
630
|
-
<a href="#" class="nav-link">
|
|
631
|
-
<i class="nav-icon bi bi-circle text-danger"></i>
|
|
355
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
|
|
632
356
|
<p class="text">Important</p>
|
|
633
|
-
</a>
|
|
634
|
-
|
|
635
|
-
<li class="nav-item">
|
|
636
|
-
<a href="#" class="nav-link">
|
|
637
|
-
<i class="nav-icon bi bi-circle text-warning"></i>
|
|
357
|
+
</a> </li>
|
|
358
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-warning"></i>
|
|
638
359
|
<p>Warning</p>
|
|
639
|
-
</a>
|
|
640
|
-
|
|
641
|
-
<li class="nav-item">
|
|
642
|
-
<a href="#" class="nav-link">
|
|
643
|
-
<i class="nav-icon bi bi-circle text-info"></i>
|
|
360
|
+
</a> </li>
|
|
361
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-info"></i>
|
|
644
362
|
<p>Informational</p>
|
|
645
|
-
</a>
|
|
646
|
-
|
|
647
|
-
</ul>
|
|
648
|
-
<!--end::Sidebar Menu-->
|
|
363
|
+
</a> </li>
|
|
364
|
+
</ul> <!--end::Sidebar Menu-->
|
|
649
365
|
</nav>
|
|
650
|
-
</div>
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
<main class="app-main">
|
|
656
|
-
<!--begin::App Content Header-->
|
|
657
|
-
<div class="app-content-header">
|
|
658
|
-
<!--begin::Container-->
|
|
659
|
-
<div class="container-fluid">
|
|
660
|
-
<!--begin::Row-->
|
|
366
|
+
</div> <!--end::Sidebar Wrapper-->
|
|
367
|
+
</aside> <!--end::Sidebar--> <!--begin::App Main-->
|
|
368
|
+
<main class="app-main"> <!--begin::App Content Header-->
|
|
369
|
+
<div class="app-content-header"> <!--begin::Container-->
|
|
370
|
+
<div class="container-fluid"> <!--begin::Row-->
|
|
661
371
|
<div class="row">
|
|
662
372
|
<div class="col-sm-6">
|
|
663
373
|
<h3 class="mb-0">Dashboard</h3>
|
|
@@ -670,425 +380,228 @@
|
|
|
670
380
|
</li>
|
|
671
381
|
</ol>
|
|
672
382
|
</div>
|
|
673
|
-
</div>
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
<div class="app-content">
|
|
681
|
-
<!--begin::Container-->
|
|
682
|
-
<div class="container-fluid">
|
|
683
|
-
<!--begin::Row-->
|
|
684
|
-
<div class="row">
|
|
685
|
-
<!--begin::Col-->
|
|
686
|
-
<div class="col-lg-3 col-6">
|
|
687
|
-
<!--begin::Small Box Widget 1-->
|
|
383
|
+
</div> <!--end::Row-->
|
|
384
|
+
</div> <!--end::Container-->
|
|
385
|
+
</div> <!--end::App Content Header--> <!--begin::App Content-->
|
|
386
|
+
<div class="app-content"> <!--begin::Container-->
|
|
387
|
+
<div class="container-fluid"> <!--begin::Row-->
|
|
388
|
+
<div class="row"> <!--begin::Col-->
|
|
389
|
+
<div class="col-lg-3 col-6"> <!--begin::Small Box Widget 1-->
|
|
688
390
|
<div class="small-box text-bg-primary">
|
|
689
391
|
<div class="inner">
|
|
690
392
|
<h3>150</h3>
|
|
691
|
-
|
|
692
393
|
<p>New Orders</p>
|
|
693
|
-
</div>
|
|
694
|
-
<svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
394
|
+
</div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
695
395
|
<path d="M2.25 2.25a.75.75 0 000 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 00-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 000-1.5H5.378A2.25 2.25 0 017.5 15h11.218a.75.75 0 00.674-.421 60.358 60.358 0 002.96-7.228.75.75 0 00-.525-.965A60.864 60.864 0 005.68 4.509l-.232-.867A1.875 1.875 0 003.636 2.25H2.25zM3.75 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM16.5 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"></path>
|
|
696
|
-
</svg>
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
<!--end::Small Box Widget 1-->
|
|
702
|
-
</div>
|
|
703
|
-
<!--end::Col-->
|
|
704
|
-
<div class="col-lg-3 col-6">
|
|
705
|
-
<!--begin::Small Box Widget 2-->
|
|
396
|
+
</svg> <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
|
|
397
|
+
More info <i class="bi bi-link-45deg"></i> </a>
|
|
398
|
+
</div> <!--end::Small Box Widget 1-->
|
|
399
|
+
</div> <!--end::Col-->
|
|
400
|
+
<div class="col-lg-3 col-6"> <!--begin::Small Box Widget 2-->
|
|
706
401
|
<div class="small-box text-bg-success">
|
|
707
402
|
<div class="inner">
|
|
708
403
|
<h3>53<sup class="fs-5">%</sup></h3>
|
|
709
|
-
|
|
710
404
|
<p>Bounce Rate</p>
|
|
711
|
-
</div>
|
|
712
|
-
<svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
405
|
+
</div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
713
406
|
<path d="M18.375 2.25c-1.035 0-1.875.84-1.875 1.875v15.75c0 1.035.84 1.875 1.875 1.875h.75c1.035 0 1.875-.84 1.875-1.875V4.125c0-1.036-.84-1.875-1.875-1.875h-.75zM9.75 8.625c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-.75a1.875 1.875 0 01-1.875-1.875V8.625zM3 13.125c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v6.75c0 1.035-.84 1.875-1.875 1.875h-.75A1.875 1.875 0 013 19.875v-6.75z"></path>
|
|
714
|
-
</svg>
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
<!--end::Small Box Widget 2-->
|
|
720
|
-
</div>
|
|
721
|
-
<!--end::Col-->
|
|
722
|
-
<div class="col-lg-3 col-6">
|
|
723
|
-
<!--begin::Small Box Widget 3-->
|
|
407
|
+
</svg> <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
|
|
408
|
+
More info <i class="bi bi-link-45deg"></i> </a>
|
|
409
|
+
</div> <!--end::Small Box Widget 2-->
|
|
410
|
+
</div> <!--end::Col-->
|
|
411
|
+
<div class="col-lg-3 col-6"> <!--begin::Small Box Widget 3-->
|
|
724
412
|
<div class="small-box text-bg-warning">
|
|
725
413
|
<div class="inner">
|
|
726
414
|
<h3>44</h3>
|
|
727
|
-
|
|
728
415
|
<p>User Registrations</p>
|
|
729
|
-
</div>
|
|
730
|
-
<svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
416
|
+
</div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
731
417
|
<path d="M6.25 6.375a4.125 4.125 0 118.25 0 4.125 4.125 0 01-8.25 0zM3.25 19.125a7.125 7.125 0 0114.25 0v.003l-.001.119a.75.75 0 01-.363.63 13.067 13.067 0 01-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 01-.364-.63l-.001-.122zM19.75 7.5a.75.75 0 00-1.5 0v2.25H16a.75.75 0 000 1.5h2.25v2.25a.75.75 0 001.5 0v-2.25H22a.75.75 0 000-1.5h-2.25V7.5z"></path>
|
|
732
|
-
</svg>
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
<!--end::Small Box Widget 3-->
|
|
738
|
-
</div>
|
|
739
|
-
<!--end::Col-->
|
|
740
|
-
<div class="col-lg-3 col-6">
|
|
741
|
-
<!--begin::Small Box Widget 4-->
|
|
418
|
+
</svg> <a href="#" class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover">
|
|
419
|
+
More info <i class="bi bi-link-45deg"></i> </a>
|
|
420
|
+
</div> <!--end::Small Box Widget 3-->
|
|
421
|
+
</div> <!--end::Col-->
|
|
422
|
+
<div class="col-lg-3 col-6"> <!--begin::Small Box Widget 4-->
|
|
742
423
|
<div class="small-box text-bg-danger">
|
|
743
424
|
<div class="inner">
|
|
744
425
|
<h3>65</h3>
|
|
745
|
-
|
|
746
426
|
<p>Unique Visitors</p>
|
|
747
|
-
</div>
|
|
748
|
-
<svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
427
|
+
</div> <svg class="small-box-icon" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
749
428
|
<path clip-rule="evenodd" fill-rule="evenodd" d="M2.25 13.5a8.25 8.25 0 018.25-8.25.75.75 0 01.75.75v6.75H18a.75.75 0 01.75.75 8.25 8.25 0 01-16.5 0z"></path>
|
|
750
429
|
<path clip-rule="evenodd" fill-rule="evenodd" d="M12.75 3a.75.75 0 01.75-.75 8.25 8.25 0 018.25 8.25.75.75 0 01-.75.75h-7.5a.75.75 0 01-.75-.75V3z"></path>
|
|
751
|
-
</svg>
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
</div>
|
|
758
|
-
<!--end::Col-->
|
|
759
|
-
</div>
|
|
760
|
-
<!--end::Row-->
|
|
761
|
-
<!--begin::Row-->
|
|
762
|
-
<div class="row">
|
|
763
|
-
<!-- Start col -->
|
|
430
|
+
</svg> <a href="#" class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover">
|
|
431
|
+
More info <i class="bi bi-link-45deg"></i> </a>
|
|
432
|
+
</div> <!--end::Small Box Widget 4-->
|
|
433
|
+
</div> <!--end::Col-->
|
|
434
|
+
</div> <!--end::Row--> <!--begin::Row-->
|
|
435
|
+
<div class="row"> <!-- Start col -->
|
|
764
436
|
<div class="col-lg-7 connectedSortable">
|
|
765
437
|
<div class="card mb-4">
|
|
766
438
|
<div class="card-header">
|
|
767
439
|
<h3 class="card-title">Sales Value</h3>
|
|
768
440
|
</div>
|
|
769
|
-
|
|
770
441
|
<div class="card-body">
|
|
771
442
|
<div id="revenue-chart"></div>
|
|
772
443
|
</div>
|
|
773
|
-
</div>
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
<!-- DIRECT CHAT -->
|
|
777
|
-
<div class="card direct-chat direct-chat-primary">
|
|
444
|
+
</div> <!-- /.card --> <!-- DIRECT CHAT -->
|
|
445
|
+
<div class="card direct-chat direct-chat-primary mb-4">
|
|
778
446
|
<div class="card-header">
|
|
779
447
|
<h3 class="card-title">Direct Chat</h3>
|
|
780
|
-
|
|
781
|
-
<div class="card-tools">
|
|
782
|
-
<span title="3 New Messages" class="badge text-bg-primary">
|
|
448
|
+
<div class="card-tools"> <span title="3 New Messages" class="badge text-bg-primary">
|
|
783
449
|
3
|
|
784
|
-
</span>
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
</button>
|
|
789
|
-
<button type="button" class="btn btn-tool" title="Contacts" data-lte-toggle="chat-pane">
|
|
790
|
-
<i class="bi bi-chat-text-fill"></i>
|
|
791
|
-
</button>
|
|
792
|
-
<button type="button" class="btn btn-tool" data-lte-toggle="card-remove">
|
|
793
|
-
<i class="bi bi-x-lg"></i>
|
|
794
|
-
</button>
|
|
795
|
-
</div>
|
|
796
|
-
</div>
|
|
797
|
-
<!-- /.card-header -->
|
|
798
|
-
<div class="card-body">
|
|
799
|
-
<!-- Conversations are loaded here -->
|
|
800
|
-
<div class="direct-chat-messages">
|
|
801
|
-
<!-- Message. Default to the start -->
|
|
450
|
+
</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>
|
|
451
|
+
</div> <!-- /.card-header -->
|
|
452
|
+
<div class="card-body"> <!-- Conversations are loaded here -->
|
|
453
|
+
<div class="direct-chat-messages"> <!-- Message. Default to the start -->
|
|
802
454
|
<div class="direct-chat-msg">
|
|
803
|
-
<div class="direct-chat-infos clearfix">
|
|
804
|
-
<span class="direct-chat-name float-start">
|
|
455
|
+
<div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-start">
|
|
805
456
|
Alexander Pierce
|
|
806
|
-
</span>
|
|
807
|
-
<span class="direct-chat-timestamp float-end">
|
|
457
|
+
</span> <span class="direct-chat-timestamp float-end">
|
|
808
458
|
23 Jan 2:00 pm
|
|
809
|
-
</span>
|
|
810
|
-
</div>
|
|
811
|
-
<!-- /.direct-chat-infos -->
|
|
812
|
-
<img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image">
|
|
813
|
-
<!-- /.direct-chat-img -->
|
|
459
|
+
</span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
|
|
814
460
|
<div class="direct-chat-text">
|
|
815
461
|
Is this template really for free? That's unbelievable!
|
|
816
|
-
</div>
|
|
817
|
-
|
|
818
|
-
</div>
|
|
819
|
-
<!-- /.direct-chat-msg -->
|
|
820
|
-
|
|
821
|
-
<!-- Message to the end -->
|
|
462
|
+
</div> <!-- /.direct-chat-text -->
|
|
463
|
+
</div> <!-- /.direct-chat-msg --> <!-- Message to the end -->
|
|
822
464
|
<div class="direct-chat-msg end">
|
|
823
|
-
<div class="direct-chat-infos clearfix">
|
|
824
|
-
<span class="direct-chat-name float-end">
|
|
465
|
+
<div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-end">
|
|
825
466
|
Sarah Bullock
|
|
826
|
-
</span>
|
|
827
|
-
<span class="direct-chat-timestamp float-start">
|
|
467
|
+
</span> <span class="direct-chat-timestamp float-start">
|
|
828
468
|
23 Jan 2:05 pm
|
|
829
|
-
</span>
|
|
830
|
-
</div>
|
|
831
|
-
<!-- /.direct-chat-infos -->
|
|
832
|
-
<img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image">
|
|
833
|
-
<!-- /.direct-chat-img -->
|
|
469
|
+
</span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
|
|
834
470
|
<div class="direct-chat-text">
|
|
835
471
|
You better believe it!
|
|
836
|
-
</div>
|
|
837
|
-
|
|
838
|
-
</div>
|
|
839
|
-
<!-- /.direct-chat-msg -->
|
|
840
|
-
|
|
841
|
-
<!-- Message. Default to the start -->
|
|
472
|
+
</div> <!-- /.direct-chat-text -->
|
|
473
|
+
</div> <!-- /.direct-chat-msg --> <!-- Message. Default to the start -->
|
|
842
474
|
<div class="direct-chat-msg">
|
|
843
|
-
<div class="direct-chat-infos clearfix">
|
|
844
|
-
<span class="direct-chat-name float-start">
|
|
475
|
+
<div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-start">
|
|
845
476
|
Alexander Pierce
|
|
846
|
-
</span>
|
|
847
|
-
<span class="direct-chat-timestamp float-end">
|
|
477
|
+
</span> <span class="direct-chat-timestamp float-end">
|
|
848
478
|
23 Jan 5:37 pm
|
|
849
|
-
</span>
|
|
850
|
-
</div>
|
|
851
|
-
<!-- /.direct-chat-infos -->
|
|
852
|
-
<img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image">
|
|
853
|
-
<!-- /.direct-chat-img -->
|
|
479
|
+
</span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user1-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
|
|
854
480
|
<div class="direct-chat-text">
|
|
855
481
|
Working with AdminLTE on a great new app! Wanna join?
|
|
856
|
-
</div>
|
|
857
|
-
|
|
858
|
-
</div>
|
|
859
|
-
<!-- /.direct-chat-msg -->
|
|
860
|
-
|
|
861
|
-
<!-- Message to the end -->
|
|
482
|
+
</div> <!-- /.direct-chat-text -->
|
|
483
|
+
</div> <!-- /.direct-chat-msg --> <!-- Message to the end -->
|
|
862
484
|
<div class="direct-chat-msg end">
|
|
863
|
-
<div class="direct-chat-infos clearfix">
|
|
864
|
-
<span class="direct-chat-name float-end">
|
|
485
|
+
<div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-end">
|
|
865
486
|
Sarah Bullock
|
|
866
|
-
</span>
|
|
867
|
-
<span class="direct-chat-timestamp float-start">
|
|
487
|
+
</span> <span class="direct-chat-timestamp float-start">
|
|
868
488
|
23 Jan 6:10 pm
|
|
869
|
-
</span>
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
<!-- /.direct-chat-img -->
|
|
874
|
-
<div class="direct-chat-text">I would love to.</div>
|
|
875
|
-
<!-- /.direct-chat-text -->
|
|
876
|
-
</div>
|
|
877
|
-
<!-- /.direct-chat-msg -->
|
|
878
|
-
</div>
|
|
879
|
-
<!-- /.direct-chat-messages-->
|
|
880
|
-
|
|
881
|
-
<!-- Contacts are loaded here -->
|
|
489
|
+
</span> </div> <!-- /.direct-chat-infos --> <img class="direct-chat-img" src="../../dist/assets/img/user3-128x128.jpg" alt="message user image"> <!-- /.direct-chat-img -->
|
|
490
|
+
<div class="direct-chat-text">I would love to.</div> <!-- /.direct-chat-text -->
|
|
491
|
+
</div> <!-- /.direct-chat-msg -->
|
|
492
|
+
</div> <!-- /.direct-chat-messages--> <!-- Contacts are loaded here -->
|
|
882
493
|
<div class="direct-chat-contacts">
|
|
883
494
|
<ul class="contacts-list">
|
|
884
|
-
<li>
|
|
885
|
-
|
|
886
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar">
|
|
887
|
-
|
|
888
|
-
<div class="contacts-list-info">
|
|
889
|
-
<span class="contacts-list-name">
|
|
495
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user1-128x128.jpg" alt="User Avatar">
|
|
496
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
890
497
|
Count Dracula
|
|
891
498
|
<small class="contacts-list-date float-end">
|
|
892
499
|
2/28/2023
|
|
893
|
-
</small>
|
|
894
|
-
</span>
|
|
895
|
-
<span class="contacts-list-msg">
|
|
500
|
+
</small> </span> <span class="contacts-list-msg">
|
|
896
501
|
How have you been? I was...
|
|
897
|
-
</span>
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
</li>
|
|
902
|
-
<!-- End Contact Item -->
|
|
903
|
-
<li>
|
|
904
|
-
<a href="#">
|
|
905
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user7-128x128.jpg" alt="User Avatar">
|
|
906
|
-
|
|
907
|
-
<div class="contacts-list-info">
|
|
908
|
-
<span class="contacts-list-name">
|
|
502
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
503
|
+
</a> </li> <!-- End Contact Item -->
|
|
504
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user7-128x128.jpg" alt="User Avatar">
|
|
505
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
909
506
|
Sarah Doe
|
|
910
507
|
<small class="contacts-list-date float-end">
|
|
911
508
|
2/23/2023
|
|
912
|
-
</small>
|
|
913
|
-
</span>
|
|
914
|
-
<span class="contacts-list-msg">
|
|
509
|
+
</small> </span> <span class="contacts-list-msg">
|
|
915
510
|
I will be waiting for...
|
|
916
|
-
</span>
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
</li>
|
|
921
|
-
<!-- End Contact Item -->
|
|
922
|
-
<li>
|
|
923
|
-
<a href="#">
|
|
924
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar">
|
|
925
|
-
|
|
926
|
-
<div class="contacts-list-info">
|
|
927
|
-
<span class="contacts-list-name">
|
|
511
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
512
|
+
</a> </li> <!-- End Contact Item -->
|
|
513
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user3-128x128.jpg" alt="User Avatar">
|
|
514
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
928
515
|
Nadia Jolie
|
|
929
516
|
<small class="contacts-list-date float-end">
|
|
930
517
|
2/20/2023
|
|
931
|
-
</small>
|
|
932
|
-
</span>
|
|
933
|
-
<span class="contacts-list-msg">
|
|
518
|
+
</small> </span> <span class="contacts-list-msg">
|
|
934
519
|
I'll call you back at...
|
|
935
|
-
</span>
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
</li>
|
|
940
|
-
<!-- End Contact Item -->
|
|
941
|
-
<li>
|
|
942
|
-
<a href="#">
|
|
943
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user5-128x128.jpg" alt="User Avatar">
|
|
944
|
-
|
|
945
|
-
<div class="contacts-list-info">
|
|
946
|
-
<span class="contacts-list-name">
|
|
520
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
521
|
+
</a> </li> <!-- End Contact Item -->
|
|
522
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user5-128x128.jpg" alt="User Avatar">
|
|
523
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
947
524
|
Nora S. Vans
|
|
948
525
|
<small class="contacts-list-date float-end">
|
|
949
526
|
2/10/2023
|
|
950
|
-
</small>
|
|
951
|
-
</span>
|
|
952
|
-
<span class="contacts-list-msg">
|
|
527
|
+
</small> </span> <span class="contacts-list-msg">
|
|
953
528
|
Where is your new...
|
|
954
|
-
</span>
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
</li>
|
|
959
|
-
<!-- End Contact Item -->
|
|
960
|
-
<li>
|
|
961
|
-
<a href="#">
|
|
962
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user6-128x128.jpg" alt="User Avatar">
|
|
963
|
-
|
|
964
|
-
<div class="contacts-list-info">
|
|
965
|
-
<span class="contacts-list-name">
|
|
529
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
530
|
+
</a> </li> <!-- End Contact Item -->
|
|
531
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user6-128x128.jpg" alt="User Avatar">
|
|
532
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
966
533
|
John K.
|
|
967
534
|
<small class="contacts-list-date float-end">
|
|
968
535
|
1/27/2023
|
|
969
|
-
</small>
|
|
970
|
-
</span>
|
|
971
|
-
<span class="contacts-list-msg">
|
|
536
|
+
</small> </span> <span class="contacts-list-msg">
|
|
972
537
|
Can I take a look at...
|
|
973
|
-
</span>
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
</li>
|
|
978
|
-
<!-- End Contact Item -->
|
|
979
|
-
<li>
|
|
980
|
-
<a href="#">
|
|
981
|
-
<img class="contacts-list-img" src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar">
|
|
982
|
-
|
|
983
|
-
<div class="contacts-list-info">
|
|
984
|
-
<span class="contacts-list-name">
|
|
538
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
539
|
+
</a> </li> <!-- End Contact Item -->
|
|
540
|
+
<li> <a href="#"> <img class="contacts-list-img" src="../../dist/assets/img/user8-128x128.jpg" alt="User Avatar">
|
|
541
|
+
<div class="contacts-list-info"> <span class="contacts-list-name">
|
|
985
542
|
Kenneth M.
|
|
986
543
|
<small class="contacts-list-date float-end">
|
|
987
544
|
1/4/2023
|
|
988
|
-
</small>
|
|
989
|
-
</span>
|
|
990
|
-
<span class="contacts-list-msg">
|
|
545
|
+
</small> </span> <span class="contacts-list-msg">
|
|
991
546
|
Never mind I found...
|
|
992
|
-
</span>
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
<!-- End Contact Item -->
|
|
998
|
-
</ul>
|
|
999
|
-
<!-- /.contacts-list -->
|
|
1000
|
-
</div>
|
|
1001
|
-
<!-- /.direct-chat-pane -->
|
|
1002
|
-
</div>
|
|
1003
|
-
<!-- /.card-body -->
|
|
547
|
+
</span> </div> <!-- /.contacts-list-info -->
|
|
548
|
+
</a> </li> <!-- End Contact Item -->
|
|
549
|
+
</ul> <!-- /.contacts-list -->
|
|
550
|
+
</div> <!-- /.direct-chat-pane -->
|
|
551
|
+
</div> <!-- /.card-body -->
|
|
1004
552
|
<div class="card-footer">
|
|
1005
553
|
<form action="#" method="post">
|
|
1006
|
-
<div class="input-group">
|
|
1007
|
-
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
|
|
1008
|
-
<span class="input-group-append">
|
|
1009
|
-
<button type="button" class="btn btn-primary">
|
|
554
|
+
<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-primary">
|
|
1010
555
|
Send
|
|
1011
|
-
</button>
|
|
1012
|
-
</span>
|
|
1013
|
-
</div>
|
|
556
|
+
</button> </span> </div>
|
|
1014
557
|
</form>
|
|
1015
|
-
</div>
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
<!-- /.direct-chat -->
|
|
1019
|
-
</div>
|
|
1020
|
-
<!-- /.Start col -->
|
|
1021
|
-
|
|
1022
|
-
<!-- Start col -->
|
|
558
|
+
</div> <!-- /.card-footer-->
|
|
559
|
+
</div> <!-- /.direct-chat -->
|
|
560
|
+
</div> <!-- /.Start col --> <!-- Start col -->
|
|
1023
561
|
<div class="col-lg-5 connectedSortable">
|
|
1024
|
-
<div class="card
|
|
562
|
+
<div class="card text-white bg-primary bg-gradient border-primary mb-4">
|
|
1025
563
|
<div class="card-header border-0">
|
|
1026
564
|
<h3 class="card-title">Sales Value</h3>
|
|
1027
|
-
<div class="card-tools">
|
|
1028
|
-
<button type="button" class="btn btn-primary btn-sm" data-lte-toggle="card-collapse">
|
|
1029
|
-
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
|
1030
|
-
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
|
1031
|
-
</button>
|
|
1032
|
-
</div>
|
|
565
|
+
<div class="card-tools"> <button type="button" class="btn btn-primary btn-sm" 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> </div>
|
|
1033
566
|
</div>
|
|
1034
567
|
<div class="card-body">
|
|
1035
568
|
<div id="world-map" style="height: 220px"></div>
|
|
1036
569
|
</div>
|
|
1037
|
-
<div class="card-footer border-0">
|
|
1038
|
-
<!--begin::Row-->
|
|
570
|
+
<div class="card-footer border-0"> <!--begin::Row-->
|
|
1039
571
|
<div class="row">
|
|
1040
572
|
<div class="col-4 text-center">
|
|
1041
|
-
<div id="sparkline-1"></div>
|
|
573
|
+
<div id="sparkline-1" class="text-dark"></div>
|
|
1042
574
|
<div class="text-white">Visitors</div>
|
|
1043
575
|
</div>
|
|
1044
576
|
<div class="col-4 text-center">
|
|
1045
|
-
<div id="sparkline-2"></div>
|
|
577
|
+
<div id="sparkline-2" class="text-dark"></div>
|
|
1046
578
|
<div class="text-white">Online</div>
|
|
1047
579
|
</div>
|
|
1048
580
|
<div class="col-4 text-center">
|
|
1049
|
-
<div id="sparkline-3"></div>
|
|
581
|
+
<div id="sparkline-3" class="text-dark"></div>
|
|
1050
582
|
<div class="text-white">Sales</div>
|
|
1051
583
|
</div>
|
|
1052
|
-
</div>
|
|
1053
|
-
<!--end::Row-->
|
|
584
|
+
</div> <!--end::Row-->
|
|
1054
585
|
</div>
|
|
1055
586
|
</div>
|
|
1056
|
-
</div>
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
</div>
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
<!--end::App Main-->
|
|
1066
|
-
<!--begin::Footer-->
|
|
1067
|
-
<footer class="app-footer">
|
|
1068
|
-
<!--begin::To the end-->
|
|
1069
|
-
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
|
1070
|
-
<!--end::To the end-->
|
|
1071
|
-
<!--begin::Copyright-->
|
|
1072
|
-
<strong>
|
|
1073
|
-
Copyright © 2014-2023
|
|
1074
|
-
<a href="https://adminlte.io">AdminLTE.io</a>.
|
|
587
|
+
</div> <!-- /.Start col -->
|
|
588
|
+
</div> <!-- /.row (main row) -->
|
|
589
|
+
</div> <!--end::Container-->
|
|
590
|
+
</div> <!--end::App Content-->
|
|
591
|
+
</main> <!--end::App Main--> <!--begin::Footer-->
|
|
592
|
+
<footer class="app-footer"> <!--begin::To the end-->
|
|
593
|
+
<div class="float-end d-none d-sm-inline">Anything you want</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
|
|
594
|
+
Copyright © 2014-2024
|
|
595
|
+
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
|
1075
596
|
</strong>
|
|
1076
597
|
All rights reserved.
|
|
1077
598
|
<!--end::Copyright-->
|
|
1078
|
-
</footer>
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
<!--end::
|
|
1082
|
-
<!--begin::
|
|
1083
|
-
<!--
|
|
1084
|
-
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
|
|
1085
|
-
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
|
1086
|
-
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
|
|
1087
|
-
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
|
1088
|
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
|
|
1089
|
-
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
|
1090
|
-
<script src="../../dist/js/adminlte.js"></script>
|
|
1091
|
-
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
599
|
+
</footer> <!--end::Footer-->
|
|
600
|
+
</div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
601
|
+
<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)-->
|
|
602
|
+
<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)-->
|
|
603
|
+
<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)-->
|
|
604
|
+
<script src="../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
1092
605
|
<script>
|
|
1093
606
|
const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
|
|
1094
607
|
const Default = {
|
|
@@ -1096,7 +609,6 @@
|
|
|
1096
609
|
scrollbarAutoHide: "leave",
|
|
1097
610
|
scrollbarClickScroll: true,
|
|
1098
611
|
};
|
|
1099
|
-
|
|
1100
612
|
document.addEventListener("DOMContentLoaded", function() {
|
|
1101
613
|
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
|
1102
614
|
if (
|
|
@@ -1112,36 +624,26 @@
|
|
|
1112
624
|
});
|
|
1113
625
|
}
|
|
1114
626
|
});
|
|
1115
|
-
</script>
|
|
1116
|
-
<!--
|
|
1117
|
-
|
|
1118
|
-
<!-- OPTIONAL SCRIPTS -->
|
|
1119
|
-
|
|
1120
|
-
<!-- sortablejs -->
|
|
1121
|
-
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js" integrity="sha256-ipiJrswvAR4VAx/th+6zWsdeYmVae0iJuiR+6OqHJHQ=" crossorigin="anonymous"></script>
|
|
1122
|
-
|
|
1123
|
-
<!-- sortablejs -->
|
|
627
|
+
</script> <!--end::OverlayScrollbars Configure--> <!-- OPTIONAL SCRIPTS --> <!-- sortablejs -->
|
|
628
|
+
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js" integrity="sha256-ipiJrswvAR4VAx/th+6zWsdeYmVae0iJuiR+6OqHJHQ=" crossorigin="anonymous"></script> <!-- sortablejs -->
|
|
1124
629
|
<script>
|
|
1125
630
|
const connectedSortables =
|
|
1126
631
|
document.querySelectorAll(".connectedSortable");
|
|
1127
632
|
connectedSortables.forEach((connectedSortable) => {
|
|
1128
633
|
let sortable = new Sortable(connectedSortable, {
|
|
1129
634
|
group: "shared",
|
|
635
|
+
handle: ".card-header",
|
|
1130
636
|
});
|
|
1131
637
|
});
|
|
1132
638
|
|
|
1133
639
|
const cardHeaders = document.querySelectorAll(
|
|
1134
|
-
".connectedSortable .card-header"
|
|
640
|
+
".connectedSortable .card-header",
|
|
1135
641
|
);
|
|
1136
642
|
cardHeaders.forEach((cardHeader) => {
|
|
1137
643
|
cardHeader.style.cursor = "move";
|
|
1138
644
|
});
|
|
1139
|
-
</script>
|
|
1140
|
-
|
|
1141
|
-
<!-- apexcharts -->
|
|
1142
|
-
<script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script>
|
|
1143
|
-
|
|
1144
|
-
<!-- ChartJS -->
|
|
645
|
+
</script> <!-- apexcharts -->
|
|
646
|
+
<script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script> <!-- ChartJS -->
|
|
1145
647
|
<script>
|
|
1146
648
|
// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
|
|
1147
649
|
// IT'S ALL JUST JUNK FOR DEMO
|
|
@@ -1195,16 +697,12 @@
|
|
|
1195
697
|
|
|
1196
698
|
const sales_chart = new ApexCharts(
|
|
1197
699
|
document.querySelector("#revenue-chart"),
|
|
1198
|
-
sales_chart_options
|
|
700
|
+
sales_chart_options,
|
|
1199
701
|
);
|
|
1200
702
|
sales_chart.render();
|
|
1201
|
-
</script>
|
|
1202
|
-
|
|
1203
|
-
<!-- jsvectormap -->
|
|
703
|
+
</script> <!-- jsvectormap -->
|
|
1204
704
|
<script src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/js/jsvectormap.min.js" integrity="sha256-/t1nN2956BT869E6H4V1dnt0X5pAQHPytli+1nTZm2Y=" crossorigin="anonymous"></script>
|
|
1205
|
-
<script src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/maps/world.js" integrity="sha256-XPpPaZlU8S/HWf7FZLAncLg2SAkP8ScUTII89x9D3lY=" crossorigin="anonymous"></script>
|
|
1206
|
-
|
|
1207
|
-
<!-- jsvectormap -->
|
|
705
|
+
<script src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/maps/world.js" integrity="sha256-XPpPaZlU8S/HWf7FZLAncLg2SAkP8ScUTII89x9D3lY=" crossorigin="anonymous"></script> <!-- jsvectormap -->
|
|
1208
706
|
<script>
|
|
1209
707
|
const visitorsData = {
|
|
1210
708
|
US: 398, // USA
|
|
@@ -1252,7 +750,7 @@
|
|
|
1252
750
|
|
|
1253
751
|
const sparkline1 = new ApexCharts(
|
|
1254
752
|
document.querySelector("#sparkline-1"),
|
|
1255
|
-
option_sparkline1
|
|
753
|
+
option_sparkline1,
|
|
1256
754
|
);
|
|
1257
755
|
sparkline1.render();
|
|
1258
756
|
|
|
@@ -1281,7 +779,7 @@
|
|
|
1281
779
|
|
|
1282
780
|
const sparkline2 = new ApexCharts(
|
|
1283
781
|
document.querySelector("#sparkline-2"),
|
|
1284
|
-
option_sparkline2
|
|
782
|
+
option_sparkline2,
|
|
1285
783
|
);
|
|
1286
784
|
sparkline2.render();
|
|
1287
785
|
|
|
@@ -1310,11 +808,10 @@
|
|
|
1310
808
|
|
|
1311
809
|
const sparkline3 = new ApexCharts(
|
|
1312
810
|
document.querySelector("#sparkline-3"),
|
|
1313
|
-
option_sparkline3
|
|
811
|
+
option_sparkline3,
|
|
1314
812
|
);
|
|
1315
813
|
sparkline3.render();
|
|
1316
|
-
</script>
|
|
1317
|
-
<!--end::Script-->
|
|
814
|
+
</script> <!--end::Script-->
|
|
1318
815
|
</body><!--end::Body-->
|
|
1319
816
|
|
|
1320
817
|
</html>
|