admin-lte 4.0.0-alpha3 → 4.0.0-beta2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.astro/settings.json +5 -0
- package/README.md +6 -1
- package/dist/css/adminlte.css +238 -226
- 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 +245 -224
- 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 +139 -37
- 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 +901 -0
- package/dist/pages/UI/icons.html +452 -0
- package/dist/pages/UI/timeline.html +228 -599
- package/dist/pages/docs/browser-support.html +206 -509
- package/dist/pages/docs/color-mode.html +346 -685
- package/dist/pages/docs/components/main-header.html +435 -827
- package/dist/pages/docs/components/main-sidebar.html +308 -610
- package/dist/pages/docs/faq.html +194 -498
- package/dist/pages/docs/how-to-contribute.html +196 -499
- package/dist/pages/docs/introduction.html +215 -513
- package/dist/pages/docs/javascript/treeview.html +204 -507
- package/dist/pages/docs/layout.html +194 -499
- package/dist/pages/docs/license.html +194 -498
- 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 +286 -766
- package/dist/pages/generate/theme.html +412 -0
- package/dist/pages/index.html +310 -807
- package/dist/pages/index2.html +502 -1189
- package/dist/pages/index3.html +250 -663
- package/dist/pages/layout/collapsed-sidebar.html +201 -520
- package/dist/pages/layout/fixed-sidebar.html +201 -521
- package/dist/pages/layout/layout-custom-area.html +467 -0
- package/dist/pages/layout/layout-rtl.html +201 -520
- package/dist/pages/layout/logo-switch.html +111 -310
- package/dist/pages/layout/sidebar-mini.html +201 -520
- package/dist/pages/layout/unfixed-sidebar.html +200 -518
- package/dist/pages/tables/simple.html +268 -651
- package/dist/pages/widgets/cards.html +263 -705
- package/dist/pages/widgets/info-box.html +285 -788
- package/dist/pages/widgets/small-box.html +217 -548
- package/package.json +34 -33
- package/src/scss/_app-content.scss +0 -49
- package/src/scss/_app-main.scss +25 -1
- package/src/scss/_app-sidebar.scss +3 -8
- 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/_compact-mode.scss +0 -26
- 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 +29 -11
- 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 +4 -3
- package/src/ts/treeview.ts +20 -3
- package/src/ts/util/index.ts +1 -1
- package/.bundlewatch.config.json +0 -28
- package/.cache/.eslintcache +0 -1
- package/.cache/.stylelintcache +0 -1
- package/.editorconfig +0 -14
- package/.eslintignore +0 -7
- package/.eslintrc.json +0 -120
- package/.gitattributes +0 -6
- package/.gitpod.yml +0 -6
- 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/.stylelintignore +0 -8
- package/.stylelintrc.json +0 -47
- package/composer.json +0 -25
- package/dist/pages/layout/fixed-complete.html +0 -867
- package/src/assets/img/AdminLTEFullLogo.png +0 -0
- package/src/assets/img/AdminLTELogo.png +0 -0
- package/src/assets/img/avatar.png +0 -0
- package/src/assets/img/avatar2.png +0 -0
- package/src/assets/img/avatar3.png +0 -0
- package/src/assets/img/avatar4.png +0 -0
- package/src/assets/img/avatar5.png +0 -0
- package/src/assets/img/boxed-bg.jpg +0 -0
- package/src/assets/img/boxed-bg.png +0 -0
- package/src/assets/img/credit/american-express.png +0 -0
- package/src/assets/img/credit/cirrus.png +0 -0
- package/src/assets/img/credit/mastercard.png +0 -0
- package/src/assets/img/credit/paypal.png +0 -0
- package/src/assets/img/credit/paypal2.png +0 -0
- package/src/assets/img/credit/visa.png +0 -0
- package/src/assets/img/default-150x150.png +0 -0
- package/src/assets/img/icons.png +0 -0
- package/src/assets/img/photo1.png +0 -0
- package/src/assets/img/photo2.png +0 -0
- package/src/assets/img/photo3.jpg +0 -0
- package/src/assets/img/photo4.jpg +0 -0
- package/src/assets/img/prod-1.jpg +0 -0
- package/src/assets/img/prod-2.jpg +0 -0
- package/src/assets/img/prod-3.jpg +0 -0
- package/src/assets/img/prod-4.jpg +0 -0
- package/src/assets/img/prod-5.jpg +0 -0
- package/src/assets/img/user1-128x128.jpg +0 -0
- package/src/assets/img/user2-160x160.jpg +0 -0
- package/src/assets/img/user3-128x128.jpg +0 -0
- package/src/assets/img/user4-128x128.jpg +0 -0
- package/src/assets/img/user5-128x128.jpg +0 -0
- package/src/assets/img/user6-128x128.jpg +0 -0
- package/src/assets/img/user7-128x128.jpg +0 -0
- package/src/assets/img/user8-128x128.jpg +0 -0
- package/src/config/assets.config.mjs +0 -8
- package/src/config/astro.config.mjs +0 -19
- package/src/config/postcss.config.mjs +0 -15
- package/src/config/rollup.config.js +0 -20
- package/src/html/.eslintrc.json +0 -24
- package/src/html/.prettierrc.js +0 -11
- package/src/html/.tsconfig.json +0 -4
- package/src/html/components/_head.astro +0 -47
- package/src/html/components/_scripts.astro +0 -51
- package/src/html/components/dashboard/_footer.astro +0 -18
- package/src/html/components/dashboard/_sidenav.astro +0 -553
- package/src/html/components/dashboard/_topbar.astro +0 -213
- package/src/html/components/docs/browser-support.mdx +0 -23
- package/src/html/components/docs/color-mode.mdx +0 -169
- package/src/html/components/docs/components/main-header.mdx +0 -198
- package/src/html/components/docs/components/main-sidebar.mdx +0 -129
- package/src/html/components/docs/faq.mdx +0 -11
- package/src/html/components/docs/how-to-contribute.mdx +0 -34
- package/src/html/components/docs/introduction.mdx +0 -60
- package/src/html/components/docs/license.mdx +0 -9
- package/src/html/components/javascript/treeview.mdx +0 -39
- package/src/html/env.d.ts +0 -1
- package/src/html/pages/UI/timeline.astro +0 -221
- package/src/html/pages/docs/browser-support.astro +0 -71
- package/src/html/pages/docs/color-mode.astro +0 -271
- package/src/html/pages/docs/components/main-header.astro +0 -319
- package/src/html/pages/docs/components/main-sidebar.astro +0 -71
- package/src/html/pages/docs/faq.astro +0 -71
- package/src/html/pages/docs/how-to-contribute.astro +0 -71
- package/src/html/pages/docs/introduction.astro +0 -71
- package/src/html/pages/docs/javascript/treeview.astro +0 -71
- package/src/html/pages/docs/layout.astro +0 -120
- package/src/html/pages/docs/license.astro +0 -71
- package/src/html/pages/examples/lockscreen.astro +0 -63
- package/src/html/pages/examples/login-v2.astro +0 -109
- package/src/html/pages/examples/login.astro +0 -99
- package/src/html/pages/examples/register-v2.astro +0 -116
- package/src/html/pages/examples/register.astro +0 -102
- package/src/html/pages/forms/general.astro +0 -624
- package/src/html/pages/index.astro +0 -790
- package/src/html/pages/index2.astro +0 -1345
- package/src/html/pages/index3.astro +0 -513
- package/src/html/pages/layout/collapsed-sidebar.astro +0 -110
- package/src/html/pages/layout/fixed-complete.astro +0 -209
- package/src/html/pages/layout/fixed-sidebar.astro +0 -109
- package/src/html/pages/layout/layout-rtl.astro +0 -109
- package/src/html/pages/layout/logo-switch.astro +0 -212
- package/src/html/pages/layout/sidebar-mini.astro +0 -108
- package/src/html/pages/layout/unfixed-sidebar.astro +0 -107
- package/src/html/pages/tables/simple.astro +0 -472
- package/src/html/pages/widgets/cards.astro +0 -373
- package/src/html/pages/widgets/info-box.astro +0 -413
- package/src/html/pages/widgets/small-box.astro +0 -182
- package/src/utils/index.js +0 -28
- package/tsconfig.json +0 -31
package/dist/pages/index3.html
CHANGED
|
@@ -1,658 +1,378 @@
|
|
|
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 v3</title
|
|
8
|
-
<!--begin::Primary Meta Tags-->
|
|
6
|
+
<title>AdminLTE | Dashboard v3</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 v3">
|
|
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">
|
|
261
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
125
|
+
</a> </li>
|
|
126
|
+
<li class="nav-item"> <a href="./index2.html" class="nav-link"> <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 active">
|
|
267
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
128
|
+
</a> </li>
|
|
129
|
+
<li class="nav-item"> <a href="./index3.html" class="nav-link active"> <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
|
-
|
|
275
|
-
|
|
134
|
+
<li class="nav-item"> <a href="./generate/theme.html" class="nav-link"> <i class="nav-icon bi bi-palette"></i>
|
|
135
|
+
<p>Theme Generate</p>
|
|
136
|
+
</a> </li>
|
|
137
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-seam-fill"></i>
|
|
276
138
|
<p>
|
|
277
139
|
Widgets
|
|
278
140
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
279
141
|
</p>
|
|
280
142
|
</a>
|
|
281
143
|
<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>
|
|
144
|
+
<li class="nav-item"> <a href="./widgets/small-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
285
145
|
<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>
|
|
146
|
+
</a> </li>
|
|
147
|
+
<li class="nav-item"> <a href="./widgets/info-box.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
291
148
|
<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>
|
|
149
|
+
</a> </li>
|
|
150
|
+
<li class="nav-item"> <a href="./widgets/cards.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
297
151
|
<p>Cards</p>
|
|
298
|
-
</a>
|
|
299
|
-
</li>
|
|
152
|
+
</a> </li>
|
|
300
153
|
</ul>
|
|
301
154
|
</li>
|
|
302
|
-
<li class="nav-item">
|
|
303
|
-
<a href="#" class="nav-link">
|
|
304
|
-
<i class="nav-icon bi bi-clipboard-fill"></i>
|
|
155
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-clipboard-fill"></i>
|
|
305
156
|
<p>
|
|
306
157
|
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>
|
|
158
|
+
<span class="nav-badge badge text-bg-secondary me-3">6</span> <i class="nav-arrow bi bi-chevron-right"></i>
|
|
309
159
|
</p>
|
|
310
160
|
</a>
|
|
311
161
|
<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>
|
|
162
|
+
<li class="nav-item"> <a href="./layout/unfixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
315
163
|
<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>
|
|
164
|
+
</a> </li>
|
|
165
|
+
<li class="nav-item"> <a href="./layout/fixed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
321
166
|
<p>Fixed Sidebar</p>
|
|
322
|
-
</a>
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
<p>Fixed Complete</p>
|
|
328
|
-
</a>
|
|
329
|
-
</li>
|
|
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/layout-custom-area.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
169
|
+
<p>Layout <small>+ Custom Area </small></p>
|
|
170
|
+
</a> </li>
|
|
171
|
+
<li class="nav-item"> <a href="./layout/sidebar-mini.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
333
172
|
<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>
|
|
173
|
+
</a> </li>
|
|
174
|
+
<li class="nav-item"> <a href="./layout/collapsed-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
339
175
|
<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>
|
|
176
|
+
</a> </li>
|
|
177
|
+
<li class="nav-item"> <a href="./layout/logo-switch.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
345
178
|
<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>
|
|
179
|
+
</a> </li>
|
|
180
|
+
<li class="nav-item"> <a href="./layout/layout-rtl.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
351
181
|
<p>Layout RTL</p>
|
|
352
|
-
</a>
|
|
353
|
-
</li>
|
|
182
|
+
</a> </li>
|
|
354
183
|
</ul>
|
|
355
184
|
</li>
|
|
356
|
-
<li class="nav-item">
|
|
357
|
-
<a href="#" class="nav-link">
|
|
358
|
-
<i class="nav-icon bi bi-tree-fill"></i>
|
|
185
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-tree-fill"></i>
|
|
359
186
|
<p>
|
|
360
187
|
UI Elements
|
|
361
188
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
362
189
|
</p>
|
|
363
190
|
</a>
|
|
364
191
|
<ul class="nav nav-treeview">
|
|
365
|
-
<li class="nav-item">
|
|
366
|
-
|
|
367
|
-
|
|
192
|
+
<li class="nav-item"> <a href="./UI/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
193
|
+
<p>General</p>
|
|
194
|
+
</a> </li>
|
|
195
|
+
<li class="nav-item"> <a href="./UI/icons.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
196
|
+
<p>Icons</p>
|
|
197
|
+
</a> </li>
|
|
198
|
+
<li class="nav-item"> <a href="./UI/timeline.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
368
199
|
<p>Timeline</p>
|
|
369
|
-
</a>
|
|
370
|
-
</li>
|
|
200
|
+
</a> </li>
|
|
371
201
|
</ul>
|
|
372
202
|
</li>
|
|
373
|
-
<li class="nav-item">
|
|
374
|
-
<a href="#" class="nav-link">
|
|
375
|
-
<i class="nav-icon bi bi-pencil-square"></i>
|
|
203
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-pencil-square"></i>
|
|
376
204
|
<p>
|
|
377
205
|
Forms
|
|
378
206
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
379
207
|
</p>
|
|
380
208
|
</a>
|
|
381
209
|
<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>
|
|
210
|
+
<li class="nav-item"> <a href="./forms/general.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
385
211
|
<p>General Elements</p>
|
|
386
|
-
</a>
|
|
387
|
-
</li>
|
|
212
|
+
</a> </li>
|
|
388
213
|
</ul>
|
|
389
214
|
</li>
|
|
390
|
-
<li class="nav-item">
|
|
391
|
-
<a href="#" class="nav-link">
|
|
392
|
-
<i class="nav-icon bi bi-table"></i>
|
|
215
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-table"></i>
|
|
393
216
|
<p>
|
|
394
217
|
Tables
|
|
395
218
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
396
219
|
</p>
|
|
397
220
|
</a>
|
|
398
221
|
<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>
|
|
222
|
+
<li class="nav-item"> <a href="./tables/simple.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
402
223
|
<p>Simple Tables</p>
|
|
403
|
-
</a>
|
|
404
|
-
</li>
|
|
224
|
+
</a> </li>
|
|
405
225
|
</ul>
|
|
406
226
|
</li>
|
|
407
|
-
|
|
408
227
|
<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>
|
|
228
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
412
229
|
<p>
|
|
413
230
|
Auth
|
|
414
231
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
415
232
|
</p>
|
|
416
233
|
</a>
|
|
417
234
|
<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>
|
|
235
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
421
236
|
<p>
|
|
422
237
|
Version 1
|
|
423
238
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
424
239
|
</p>
|
|
425
240
|
</a>
|
|
426
241
|
<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>
|
|
242
|
+
<li class="nav-item"> <a href="./examples/login.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
430
243
|
<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>
|
|
244
|
+
</a> </li>
|
|
245
|
+
<li class="nav-item"> <a href="./examples/register.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
436
246
|
<p>Register</p>
|
|
437
|
-
</a>
|
|
438
|
-
</li>
|
|
247
|
+
</a> </li>
|
|
439
248
|
</ul>
|
|
440
249
|
</li>
|
|
441
|
-
<li class="nav-item">
|
|
442
|
-
<a href="#" class="nav-link">
|
|
443
|
-
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
250
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-box-arrow-in-right"></i>
|
|
444
251
|
<p>
|
|
445
252
|
Version 2
|
|
446
253
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
447
254
|
</p>
|
|
448
255
|
</a>
|
|
449
256
|
<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>
|
|
257
|
+
<li class="nav-item"> <a href="./examples/login-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
453
258
|
<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>
|
|
259
|
+
</a> </li>
|
|
260
|
+
<li class="nav-item"> <a href="./examples/register-v2.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
459
261
|
<p>Register</p>
|
|
460
|
-
</a>
|
|
461
|
-
</li>
|
|
262
|
+
</a> </li>
|
|
462
263
|
</ul>
|
|
463
264
|
</li>
|
|
464
|
-
<li class="nav-item">
|
|
465
|
-
<a href="./examples/lockscreen.html" class="nav-link">
|
|
466
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
265
|
+
<li class="nav-item"> <a href="./examples/lockscreen.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
467
266
|
<p>Lockscreen</p>
|
|
468
|
-
</a>
|
|
469
|
-
</li>
|
|
267
|
+
</a> </li>
|
|
470
268
|
</ul>
|
|
471
269
|
</li>
|
|
472
|
-
|
|
473
270
|
<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>
|
|
271
|
+
<li class="nav-item"> <a href="./docs/introduction.html" class="nav-link"> <i class="nav-icon bi bi-download"></i>
|
|
477
272
|
<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>
|
|
273
|
+
</a> </li>
|
|
274
|
+
<li class="nav-item"> <a href="./docs/layout.html" class="nav-link"> <i class="nav-icon bi bi-grip-horizontal"></i>
|
|
483
275
|
<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>
|
|
276
|
+
</a> </li>
|
|
277
|
+
<li class="nav-item"> <a href="./docs/color-mode.html" class="nav-link"> <i class="nav-icon bi bi-star-half"></i>
|
|
489
278
|
<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>
|
|
279
|
+
</a> </li>
|
|
280
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-ui-checks-grid"></i>
|
|
495
281
|
<p>
|
|
496
282
|
Components
|
|
497
283
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
498
284
|
</p>
|
|
499
285
|
</a>
|
|
500
286
|
<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>
|
|
287
|
+
<li class="nav-item"> <a href="./docs/components/main-header.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
504
288
|
<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>
|
|
289
|
+
</a> </li>
|
|
290
|
+
<li class="nav-item"> <a href="./docs/components/main-sidebar.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
510
291
|
<p>Main Sidebar</p>
|
|
511
|
-
</a>
|
|
512
|
-
</li>
|
|
292
|
+
</a> </li>
|
|
513
293
|
</ul>
|
|
514
294
|
</li>
|
|
515
|
-
<li class="nav-item">
|
|
516
|
-
<a href="#" class="nav-link">
|
|
517
|
-
<i class="nav-icon bi bi-filetype-js"></i>
|
|
295
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-filetype-js"></i>
|
|
518
296
|
<p>
|
|
519
297
|
Javascript
|
|
520
298
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
521
299
|
</p>
|
|
522
300
|
</a>
|
|
523
301
|
<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>
|
|
302
|
+
<li class="nav-item"> <a href="./docs/javascript/treeview.html" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
527
303
|
<p>Treeview</p>
|
|
528
|
-
</a>
|
|
529
|
-
</li>
|
|
304
|
+
</a> </li>
|
|
530
305
|
</ul>
|
|
531
306
|
</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>
|
|
307
|
+
<li class="nav-item"> <a href="./docs/browser-support.html" class="nav-link"> <i class="nav-icon bi bi-browser-edge"></i>
|
|
535
308
|
<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>
|
|
309
|
+
</a> </li>
|
|
310
|
+
<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
311
|
<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>
|
|
312
|
+
</a> </li>
|
|
313
|
+
<li class="nav-item"> <a href="./docs/faq.html" class="nav-link"> <i class="nav-icon bi bi-question-circle-fill"></i>
|
|
547
314
|
<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>
|
|
315
|
+
</a> </li>
|
|
316
|
+
<li class="nav-item"> <a href="./docs/license.html" class="nav-link"> <i class="nav-icon bi bi-patch-check-fill"></i>
|
|
553
317
|
<p>License</p>
|
|
554
|
-
</a>
|
|
555
|
-
</li>
|
|
556
|
-
|
|
318
|
+
</a> </li>
|
|
557
319
|
<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>
|
|
320
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
561
321
|
<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>
|
|
322
|
+
</a> </li>
|
|
323
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
567
324
|
<p>
|
|
568
325
|
Level 1
|
|
569
326
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
570
327
|
</p>
|
|
571
328
|
</a>
|
|
572
329
|
<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>
|
|
330
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
576
331
|
<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>
|
|
332
|
+
</a> </li>
|
|
333
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
582
334
|
<p>
|
|
583
335
|
Level 2
|
|
584
336
|
<i class="nav-arrow bi bi-chevron-right"></i>
|
|
585
337
|
</p>
|
|
586
338
|
</a>
|
|
587
339
|
<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>
|
|
340
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
591
341
|
<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>
|
|
342
|
+
</a> </li>
|
|
343
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
597
344
|
<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>
|
|
345
|
+
</a> </li>
|
|
346
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-record-circle-fill"></i>
|
|
603
347
|
<p>Level 3</p>
|
|
604
|
-
</a>
|
|
605
|
-
</li>
|
|
348
|
+
</a> </li>
|
|
606
349
|
</ul>
|
|
607
350
|
</li>
|
|
608
|
-
<li class="nav-item">
|
|
609
|
-
<a href="#" class="nav-link">
|
|
610
|
-
<i class="nav-icon bi bi-circle"></i>
|
|
351
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle"></i>
|
|
611
352
|
<p>Level 2</p>
|
|
612
|
-
</a>
|
|
613
|
-
</li>
|
|
353
|
+
</a> </li>
|
|
614
354
|
</ul>
|
|
615
355
|
</li>
|
|
616
|
-
<li class="nav-item">
|
|
617
|
-
<a href="#" class="nav-link">
|
|
618
|
-
<i class="nav-icon bi bi-circle-fill"></i>
|
|
356
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle-fill"></i>
|
|
619
357
|
<p>Level 1</p>
|
|
620
|
-
</a>
|
|
621
|
-
</li>
|
|
622
|
-
|
|
358
|
+
</a> </li>
|
|
623
359
|
<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>
|
|
360
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-danger"></i>
|
|
627
361
|
<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>
|
|
362
|
+
</a> </li>
|
|
363
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-warning"></i>
|
|
633
364
|
<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>
|
|
365
|
+
</a> </li>
|
|
366
|
+
<li class="nav-item"> <a href="#" class="nav-link"> <i class="nav-icon bi bi-circle text-info"></i>
|
|
639
367
|
<p>Informational</p>
|
|
640
|
-
</a>
|
|
641
|
-
|
|
642
|
-
</ul>
|
|
643
|
-
<!--end::Sidebar Menu-->
|
|
368
|
+
</a> </li>
|
|
369
|
+
</ul> <!--end::Sidebar Menu-->
|
|
644
370
|
</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-->
|
|
371
|
+
</div> <!--end::Sidebar Wrapper-->
|
|
372
|
+
</aside> <!--end::Sidebar--> <!--begin::App Main-->
|
|
373
|
+
<main class="app-main"> <!--begin::App Content Header-->
|
|
374
|
+
<div class="app-content-header"> <!--begin::Container-->
|
|
375
|
+
<div class="container-fluid"> <!--begin::Row-->
|
|
656
376
|
<div class="row">
|
|
657
377
|
<div class="col-sm-6">
|
|
658
378
|
<h3 class="mb-0">Dashboard v3</h3>
|
|
@@ -665,67 +385,37 @@
|
|
|
665
385
|
</li>
|
|
666
386
|
</ol>
|
|
667
387
|
</div>
|
|
668
|
-
</div>
|
|
669
|
-
|
|
670
|
-
</div>
|
|
671
|
-
<!--end::Container-->
|
|
388
|
+
</div> <!--end::Row-->
|
|
389
|
+
</div> <!--end::Container-->
|
|
672
390
|
</div>
|
|
673
|
-
<div class="app-content">
|
|
674
|
-
<!--begin::
|
|
675
|
-
<div class="container-fluid">
|
|
676
|
-
<!--begin::Row-->
|
|
391
|
+
<div class="app-content"> <!--begin::Container-->
|
|
392
|
+
<div class="container-fluid"> <!--begin::Row-->
|
|
677
393
|
<div class="row">
|
|
678
394
|
<div class="col-lg-6">
|
|
679
395
|
<div class="card mb-4">
|
|
680
396
|
<div class="card-header border-0">
|
|
681
397
|
<div class="d-flex justify-content-between">
|
|
682
|
-
<h3 class="card-title">Online Store Visitors</h3>
|
|
683
|
-
<a href="javascript:void(0);">View Report</a>
|
|
398
|
+
<h3 class="card-title">Online Store Visitors</h3> <a href="javascript:void(0);" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">View Report</a>
|
|
684
399
|
</div>
|
|
685
400
|
</div>
|
|
686
401
|
<div class="card-body">
|
|
687
402
|
<div class="d-flex">
|
|
688
|
-
<p class="d-flex flex-column">
|
|
689
|
-
|
|
690
|
-
<span>
|
|
691
|
-
|
|
692
|
-
<p class="ms-auto d-flex flex-column text-end">
|
|
693
|
-
<span class="text-success">
|
|
694
|
-
<i class="bi bi-arrow-up"></i> 12.5%
|
|
695
|
-
</span>
|
|
696
|
-
<span class="text-secondary">Since last week</span>
|
|
697
|
-
</p>
|
|
698
|
-
</div>
|
|
699
|
-
<!-- /.d-flex -->
|
|
700
|
-
|
|
403
|
+
<p class="d-flex flex-column"> <span class="fw-bold fs-5">820</span> <span>Visitors Over Time</span> </p>
|
|
404
|
+
<p class="ms-auto d-flex flex-column text-end"> <span class="text-success"> <i class="bi bi-arrow-up"></i> 12.5%
|
|
405
|
+
</span> <span class="text-secondary">Since last week</span> </p>
|
|
406
|
+
</div> <!-- /.d-flex -->
|
|
701
407
|
<div class="position-relative mb-4">
|
|
702
408
|
<div id="visitors-chart"></div>
|
|
703
409
|
</div>
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
<i class="bi bi-square-fill text-primary"></i> This Week
|
|
708
|
-
</span>
|
|
709
|
-
|
|
710
|
-
<span>
|
|
711
|
-
<i class="bi bi-square-fill text-secondary"></i> Last Week
|
|
712
|
-
</span>
|
|
713
|
-
</div>
|
|
410
|
+
<div class="d-flex flex-row justify-content-end"> <span class="me-2"> <i class="bi bi-square-fill text-primary"></i> This Week
|
|
411
|
+
</span> <span> <i class="bi bi-square-fill text-secondary"></i> Last Week
|
|
412
|
+
</span> </div>
|
|
714
413
|
</div>
|
|
715
|
-
</div>
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
<div class="card">
|
|
414
|
+
</div> <!-- /.card -->
|
|
415
|
+
<div class="card mb-4">
|
|
719
416
|
<div class="card-header border-0">
|
|
720
417
|
<h3 class="card-title">Products</h3>
|
|
721
|
-
<div class="card-tools">
|
|
722
|
-
<a href="#" class="btn btn-tool btn-sm">
|
|
723
|
-
<i class="bi bi-download"></i>
|
|
724
|
-
</a>
|
|
725
|
-
<a href="#" class="btn btn-tool btn-sm">
|
|
726
|
-
<i class="bi bi-list"></i>
|
|
727
|
-
</a>
|
|
728
|
-
</div>
|
|
418
|
+
<div class="card-tools"> <a href="#" class="btn btn-tool btn-sm"> <i class="bi bi-download"></i> </a> <a href="#" class="btn btn-tool btn-sm"> <i class="bi bi-list"></i> </a> </div>
|
|
729
419
|
</div>
|
|
730
420
|
<div class="card-body table-responsive p-0">
|
|
731
421
|
<table class="table table-striped align-middle">
|
|
@@ -739,223 +429,128 @@
|
|
|
739
429
|
</thead>
|
|
740
430
|
<tbody>
|
|
741
431
|
<tr>
|
|
742
|
-
<td>
|
|
743
|
-
<img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
432
|
+
<td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
744
433
|
Some Product
|
|
745
434
|
</td>
|
|
746
435
|
<td>$13 USD</td>
|
|
747
|
-
<td>
|
|
748
|
-
<small class="text-success me-1">
|
|
749
|
-
<i class="bi bi-arrow-up"></i>
|
|
436
|
+
<td> <small class="text-success me-1"> <i class="bi bi-arrow-up"></i>
|
|
750
437
|
12%
|
|
751
438
|
</small>
|
|
752
439
|
12,000 Sold
|
|
753
440
|
</td>
|
|
754
|
-
<td>
|
|
755
|
-
<a href="#" class="text-secondary">
|
|
756
|
-
<i class="bi bi-search"></i>
|
|
757
|
-
</a>
|
|
758
|
-
</td>
|
|
441
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
759
442
|
</tr>
|
|
760
443
|
<tr>
|
|
761
|
-
<td>
|
|
762
|
-
<img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
444
|
+
<td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
763
445
|
Another Product
|
|
764
446
|
</td>
|
|
765
447
|
<td>$29 USD</td>
|
|
766
|
-
<td>
|
|
767
|
-
<small class="text-warning me-1">
|
|
768
|
-
<i class="bi bi-arrow-down"></i>
|
|
448
|
+
<td> <small class="text-info me-1"> <i class="bi bi-arrow-down"></i>
|
|
769
449
|
0.5%
|
|
770
450
|
</small>
|
|
771
451
|
123,234 Sold
|
|
772
452
|
</td>
|
|
773
|
-
<td>
|
|
774
|
-
<a href="#" class="text-secondary">
|
|
775
|
-
<i class="bi bi-search"></i>
|
|
776
|
-
</a>
|
|
777
|
-
</td>
|
|
453
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
778
454
|
</tr>
|
|
779
455
|
<tr>
|
|
780
|
-
<td>
|
|
781
|
-
<img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
456
|
+
<td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
782
457
|
Amazing Product
|
|
783
458
|
</td>
|
|
784
459
|
<td>$1,230 USD</td>
|
|
785
|
-
<td>
|
|
786
|
-
<small class="text-danger me-1">
|
|
787
|
-
<i class="bi bi-arrow-down"></i>
|
|
460
|
+
<td> <small class="text-danger me-1"> <i class="bi bi-arrow-down"></i>
|
|
788
461
|
3%
|
|
789
462
|
</small>
|
|
790
463
|
198 Sold
|
|
791
464
|
</td>
|
|
792
|
-
<td>
|
|
793
|
-
<a href="#" class="text-secondary">
|
|
794
|
-
<i class="bi bi-search"></i>
|
|
795
|
-
</a>
|
|
796
|
-
</td>
|
|
465
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
797
466
|
</tr>
|
|
798
467
|
<tr>
|
|
799
|
-
<td>
|
|
800
|
-
<img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
468
|
+
<td> <img src="../../dist/assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
|
801
469
|
Perfect Item
|
|
802
470
|
<span class="badge text-bg-danger">NEW</span>
|
|
803
471
|
</td>
|
|
804
472
|
<td>$199 USD</td>
|
|
805
|
-
<td>
|
|
806
|
-
<small class="text-success me-1">
|
|
807
|
-
<i class="bi bi-arrow-up"></i>
|
|
473
|
+
<td> <small class="text-success me-1"> <i class="bi bi-arrow-up"></i>
|
|
808
474
|
63%
|
|
809
475
|
</small>
|
|
810
476
|
87 Sold
|
|
811
477
|
</td>
|
|
812
|
-
<td>
|
|
813
|
-
<a href="#" class="text-secondary">
|
|
814
|
-
<i class="bi bi-search"></i>
|
|
815
|
-
</a>
|
|
816
|
-
</td>
|
|
478
|
+
<td> <a href="#" class="text-secondary"> <i class="bi bi-search"></i> </a> </td>
|
|
817
479
|
</tr>
|
|
818
480
|
</tbody>
|
|
819
481
|
</table>
|
|
820
482
|
</div>
|
|
821
|
-
</div>
|
|
822
|
-
|
|
823
|
-
</div>
|
|
824
|
-
<!-- /.col-md-6 -->
|
|
483
|
+
</div> <!-- /.card -->
|
|
484
|
+
</div> <!-- /.col-md-6 -->
|
|
825
485
|
<div class="col-lg-6">
|
|
826
486
|
<div class="card mb-4">
|
|
827
487
|
<div class="card-header border-0">
|
|
828
488
|
<div class="d-flex justify-content-between">
|
|
829
|
-
<h3 class="card-title">Sales</h3>
|
|
830
|
-
<a href="javascript:void(0);">View Report</a>
|
|
489
|
+
<h3 class="card-title">Sales</h3> <a href="javascript:void(0);" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">View Report</a>
|
|
831
490
|
</div>
|
|
832
491
|
</div>
|
|
833
492
|
<div class="card-body">
|
|
834
493
|
<div class="d-flex">
|
|
835
|
-
<p class="d-flex flex-column">
|
|
836
|
-
|
|
837
|
-
<span>
|
|
838
|
-
|
|
839
|
-
<p class="ms-auto d-flex flex-column text-end">
|
|
840
|
-
<span class="text-success">
|
|
841
|
-
<i class="bi bi-arrow-up"></i> 33.1%
|
|
842
|
-
</span>
|
|
843
|
-
<span class="text-secondary">Since Past Year</span>
|
|
844
|
-
</p>
|
|
845
|
-
</div>
|
|
846
|
-
<!-- /.d-flex -->
|
|
847
|
-
|
|
494
|
+
<p class="d-flex flex-column"> <span class="fw-bold fs-5">$18,230.00</span> <span>Sales Over Time</span> </p>
|
|
495
|
+
<p class="ms-auto d-flex flex-column text-end"> <span class="text-success"> <i class="bi bi-arrow-up"></i> 33.1%
|
|
496
|
+
</span> <span class="text-secondary">Since Past Year</span> </p>
|
|
497
|
+
</div> <!-- /.d-flex -->
|
|
848
498
|
<div class="position-relative mb-4">
|
|
849
499
|
<div id="sales-chart"></div>
|
|
850
500
|
</div>
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
<i class="bi bi-square-fill text-primary"></i> This year
|
|
855
|
-
</span>
|
|
856
|
-
|
|
857
|
-
<span>
|
|
858
|
-
<i class="bi bi-square-fill text-secondary"></i> Last year
|
|
859
|
-
</span>
|
|
860
|
-
</div>
|
|
501
|
+
<div class="d-flex flex-row justify-content-end"> <span class="me-2"> <i class="bi bi-square-fill text-primary"></i> This year
|
|
502
|
+
</span> <span> <i class="bi bi-square-fill text-secondary"></i> Last year
|
|
503
|
+
</span> </div>
|
|
861
504
|
</div>
|
|
862
|
-
</div>
|
|
863
|
-
<!-- /.card -->
|
|
864
|
-
|
|
505
|
+
</div> <!-- /.card -->
|
|
865
506
|
<div class="card">
|
|
866
507
|
<div class="card-header border-0">
|
|
867
508
|
<h3 class="card-title">Online Store Overview</h3>
|
|
868
|
-
<div class="card-tools">
|
|
869
|
-
<a href="#" class="btn btn-sm btn-tool">
|
|
870
|
-
<i class="bi bi-download"></i>
|
|
871
|
-
</a>
|
|
872
|
-
<a href="#" class="btn btn-sm btn-tool">
|
|
873
|
-
<i class="bi bi-list"></i>
|
|
874
|
-
</a>
|
|
875
|
-
</div>
|
|
509
|
+
<div class="card-tools"> <a href="#" class="btn btn-sm btn-tool"> <i class="bi bi-download"></i> </a> <a href="#" class="btn btn-sm btn-tool"> <i class="bi bi-list"></i> </a> </div>
|
|
876
510
|
</div>
|
|
877
511
|
<div class="card-body">
|
|
878
512
|
<div class="d-flex justify-content-between align-items-center border-bottom mb-3">
|
|
879
|
-
<p class="text-success fs-2">
|
|
880
|
-
<svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
513
|
+
<p class="text-success fs-2"> <svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
881
514
|
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 00-3.7-3.7 48.678 48.678 0 00-7.324 0 4.006 4.006 0 00-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3l-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 003.7 3.7 48.656 48.656 0 007.324 0 4.006 4.006 0 003.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3l-3 3"></path>
|
|
882
|
-
</svg>
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
<i class="ion ion-android-arrow-up text-success"></i> 12%
|
|
887
|
-
</span>
|
|
888
|
-
<span class="text-secondary">CONVERSION RATE</span>
|
|
889
|
-
</p>
|
|
890
|
-
</div>
|
|
891
|
-
<!-- /.d-flex -->
|
|
515
|
+
</svg> </p>
|
|
516
|
+
<p class="d-flex flex-column text-end"> <span class="fw-bold"> <i class="bi bi-graph-up-arrow text-success"></i> 12%
|
|
517
|
+
</span> <span class="text-secondary">CONVERSION RATE</span> </p>
|
|
518
|
+
</div> <!-- /.d-flex -->
|
|
892
519
|
<div class="d-flex justify-content-between align-items-center border-bottom mb-3">
|
|
893
|
-
<p class="text-
|
|
894
|
-
<svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
520
|
+
<p class="text-info fs-2"> <svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
895
521
|
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"></path>
|
|
896
|
-
</svg>
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
<i class="ion ion-android-arrow-up text-warning"></i> 0.8%
|
|
901
|
-
</span>
|
|
902
|
-
<span class="text-secondary">SALES RATE</span>
|
|
903
|
-
</p>
|
|
904
|
-
</div>
|
|
905
|
-
<!-- /.d-flex -->
|
|
522
|
+
</svg> </p>
|
|
523
|
+
<p class="d-flex flex-column text-end"> <span class="fw-bold"> <i class="bi bi-graph-up-arrow text-info"></i> 0.8%
|
|
524
|
+
</span> <span class="text-secondary">SALES RATE</span> </p>
|
|
525
|
+
</div> <!-- /.d-flex -->
|
|
906
526
|
<div class="d-flex justify-content-between align-items-center mb-0">
|
|
907
|
-
<p class="text-danger fs-2">
|
|
908
|
-
<svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
527
|
+
<p class="text-danger fs-2"> <svg height="32" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
909
528
|
<path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z"></path>
|
|
910
|
-
</svg>
|
|
911
|
-
|
|
912
|
-
<p class="d-flex flex-column text-end">
|
|
913
|
-
<span class="fw-bold">
|
|
914
|
-
<i class="ion ion-android-arrow-down text-danger"></i>
|
|
529
|
+
</svg> </p>
|
|
530
|
+
<p class="d-flex flex-column text-end"> <span class="fw-bold"> <i class="bi bi-graph-down-arrow text-danger"></i>
|
|
915
531
|
1%
|
|
916
|
-
</span>
|
|
917
|
-
|
|
918
|
-
</p>
|
|
919
|
-
</div>
|
|
920
|
-
<!-- /.d-flex -->
|
|
532
|
+
</span> <span class="text-secondary">REGISTRATION RATE</span> </p>
|
|
533
|
+
</div> <!-- /.d-flex -->
|
|
921
534
|
</div>
|
|
922
535
|
</div>
|
|
923
|
-
</div>
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
</div>
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
<!--end::App Main-->
|
|
933
|
-
<!--begin::Footer-->
|
|
934
|
-
<footer class="app-footer">
|
|
935
|
-
<!--begin::To the end-->
|
|
936
|
-
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
|
937
|
-
<!--end::To the end-->
|
|
938
|
-
<!--begin::Copyright-->
|
|
939
|
-
<strong>
|
|
940
|
-
Copyright © 2014-2023
|
|
941
|
-
<a href="https://adminlte.io">AdminLTE.io</a>.
|
|
536
|
+
</div> <!-- /.col-md-6 -->
|
|
537
|
+
</div> <!--end::Row-->
|
|
538
|
+
</div> <!--end::Container-->
|
|
539
|
+
</div> <!--end::App Content-->
|
|
540
|
+
</main> <!--end::App Main--> <!--begin::Footer-->
|
|
541
|
+
<footer class="app-footer"> <!--begin::To the end-->
|
|
542
|
+
<div class="float-end d-none d-sm-inline">Anything you want</div> <!--end::To the end--> <!--begin::Copyright--> <strong>
|
|
543
|
+
Copyright © 2014-2024
|
|
544
|
+
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
|
942
545
|
</strong>
|
|
943
546
|
All rights reserved.
|
|
944
547
|
<!--end::Copyright-->
|
|
945
|
-
</footer>
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
<!--end::
|
|
949
|
-
<!--begin::
|
|
950
|
-
<!--
|
|
951
|
-
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
|
|
952
|
-
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
|
953
|
-
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
|
|
954
|
-
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
|
955
|
-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
|
|
956
|
-
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
|
957
|
-
<script src="../../dist/js/adminlte.js"></script>
|
|
958
|
-
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
548
|
+
</footer> <!--end::Footer-->
|
|
549
|
+
</div> <!--end::App Wrapper--> <!--begin::Script--> <!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
550
|
+
<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)-->
|
|
551
|
+
<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)-->
|
|
552
|
+
<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)-->
|
|
553
|
+
<script src="../../dist/js/adminlte.js"></script> <!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
959
554
|
<script>
|
|
960
555
|
const SELECTOR_SIDEBAR_WRAPPER = ".sidebar-wrapper";
|
|
961
556
|
const Default = {
|
|
@@ -963,7 +558,6 @@
|
|
|
963
558
|
scrollbarAutoHide: "leave",
|
|
964
559
|
scrollbarClickScroll: true,
|
|
965
560
|
};
|
|
966
|
-
|
|
967
561
|
document.addEventListener("DOMContentLoaded", function() {
|
|
968
562
|
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
|
969
563
|
if (
|
|
@@ -979,20 +573,14 @@
|
|
|
979
573
|
});
|
|
980
574
|
}
|
|
981
575
|
});
|
|
982
|
-
</script>
|
|
983
|
-
<!--end::OverlayScrollbars Configure-->
|
|
984
|
-
|
|
985
|
-
<!-- OPTIONAL SCRIPTS -->
|
|
986
|
-
|
|
987
|
-
<!-- apexcharts -->
|
|
576
|
+
</script> <!--end::OverlayScrollbars Configure--> <!-- OPTIONAL SCRIPTS --> <!-- apexcharts -->
|
|
988
577
|
<script src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js" integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8=" crossorigin="anonymous"></script>
|
|
989
|
-
|
|
990
578
|
<script>
|
|
991
579
|
// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
|
|
992
580
|
// IT'S ALL JUST JUNK FOR DEMO
|
|
993
581
|
// ++++++++++++++++++++++++++++++++++++++++++
|
|
994
582
|
|
|
995
|
-
|
|
583
|
+
const visitors_chart_options = {
|
|
996
584
|
series: [{
|
|
997
585
|
name: "High - 2023",
|
|
998
586
|
data: [100, 120, 170, 167, 180, 177, 160],
|
|
@@ -1031,13 +619,13 @@
|
|
|
1031
619
|
},
|
|
1032
620
|
};
|
|
1033
621
|
|
|
1034
|
-
|
|
622
|
+
const visitors_chart = new ApexCharts(
|
|
1035
623
|
document.querySelector("#visitors-chart"),
|
|
1036
624
|
visitors_chart_options
|
|
1037
625
|
);
|
|
1038
626
|
visitors_chart.render();
|
|
1039
627
|
|
|
1040
|
-
|
|
628
|
+
const sales_chart_options = {
|
|
1041
629
|
series: [{
|
|
1042
630
|
name: "Net Profit",
|
|
1043
631
|
data: [44, 55, 57, 56, 61, 58, 63, 60, 66],
|
|
@@ -1099,13 +687,12 @@
|
|
|
1099
687
|
},
|
|
1100
688
|
};
|
|
1101
689
|
|
|
1102
|
-
|
|
690
|
+
const sales_chart = new ApexCharts(
|
|
1103
691
|
document.querySelector("#sales-chart"),
|
|
1104
692
|
sales_chart_options
|
|
1105
693
|
);
|
|
1106
694
|
sales_chart.render();
|
|
1107
|
-
</script>
|
|
1108
|
-
<!--end::Script-->
|
|
695
|
+
</script> <!--end::Script-->
|
|
1109
696
|
</body><!--end::Body-->
|
|
1110
697
|
|
|
1111
698
|
</html>
|