admin-lte 4.0.0-alpha2 → 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/.bundlewatch.config.json +6 -6
- package/.cache/.eslintcache +1 -1
- package/.cache/.stylelintcache +1 -1
- package/.gitpod.yml +1 -1
- package/README.md +9 -4
- package/dist/assets/img/AdminLTEFullLogo.png +0 -0
- package/dist/css/adminlte.css +879 -418
- 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 +886 -416
- 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 +178 -96
- 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 +309 -515
- package/dist/pages/docs/browser-support.html +265 -433
- package/dist/pages/docs/color-mode.html +482 -615
- package/dist/pages/docs/components/main-header.html +516 -703
- package/dist/pages/docs/components/main-sidebar.html +550 -0
- package/dist/pages/docs/faq.html +433 -0
- package/dist/pages/docs/how-to-contribute.html +474 -0
- package/dist/pages/docs/introduction.html +463 -0
- package/dist/pages/docs/javascript/treeview.html +453 -0
- package/dist/pages/docs/layout.html +293 -433
- package/dist/pages/docs/license.html +436 -0
- package/dist/pages/examples/lockscreen.html +69 -0
- package/dist/pages/examples/login-v2.html +88 -0
- package/dist/pages/examples/login.html +49 -100
- package/dist/pages/examples/register-v2.html +90 -0
- package/dist/pages/examples/register.html +50 -103
- package/dist/pages/forms/general.html +430 -454
- package/dist/pages/index.html +466 -740
- package/dist/pages/index2.html +672 -1041
- package/dist/pages/index3.html +371 -629
- package/dist/pages/layout/collapsed-sidebar.html +441 -0
- package/dist/pages/layout/fixed-complete.html +541 -0
- package/dist/pages/layout/fixed-sidebar.html +263 -446
- package/dist/pages/layout/layout-rtl.html +263 -445
- package/dist/pages/layout/logo-switch.html +234 -0
- package/dist/pages/layout/sidebar-mini.html +263 -445
- package/dist/pages/layout/unfixed-sidebar.html +263 -445
- package/dist/pages/tables/simple.html +314 -499
- package/dist/pages/widgets/cards.html +326 -629
- package/dist/pages/widgets/info-box.html +348 -674
- package/dist/pages/widgets/small-box.html +279 -465
- package/index.html +6 -10
- package/package.json +34 -30
- package/src/assets/img/AdminLTEFullLogo.png +0 -0
- package/src/config/astro.config.mjs +3 -1
- package/src/html/.prettierrc.js +11 -0
- package/src/html/components/_head.astro +32 -26
- package/src/html/components/_scripts.astro +27 -28
- package/src/html/components/dashboard/_footer.astro +14 -8
- package/src/html/components/dashboard/_sidenav.astro +352 -113
- package/src/html/components/dashboard/_topbar.astro +99 -50
- package/src/html/components/docs/{browser-support/index.md → browser-support.mdx} +2 -1
- package/src/html/components/docs/color-mode.mdx +169 -0
- package/src/html/components/docs/components/{main-header-1.md → main-header.mdx} +60 -21
- package/src/html/components/docs/components/main-sidebar.mdx +129 -0
- package/src/html/components/docs/faq.mdx +11 -0
- package/src/html/components/docs/how-to-contribute.mdx +34 -0
- package/src/html/components/docs/{introduction/index.md → introduction.mdx} +30 -5
- package/src/html/components/docs/license.mdx +9 -0
- package/src/html/components/javascript/treeview.mdx +39 -0
- package/src/html/pages/UI/general.astro +1451 -0
- package/src/html/pages/UI/timeline.astro +111 -48
- package/src/html/pages/docs/browser-support.astro +24 -11
- package/src/html/pages/docs/color-mode.astro +91 -42
- package/src/html/pages/docs/components/main-header.astro +134 -46
- package/src/html/pages/docs/components/main-sidebar.astro +71 -0
- package/src/html/pages/docs/faq.astro +71 -0
- package/src/html/pages/docs/how-to-contribute.astro +71 -0
- package/src/html/pages/docs/{index.astro → introduction.astro} +24 -11
- package/src/html/pages/docs/javascript/treeview.astro +71 -0
- package/src/html/pages/docs/layout.astro +62 -19
- package/src/html/pages/docs/license.astro +71 -0
- package/src/html/pages/examples/lockscreen.astro +63 -0
- package/src/html/pages/examples/login-v2.astro +109 -0
- package/src/html/pages/examples/login.astro +34 -16
- package/src/html/pages/examples/register-v2.astro +116 -0
- package/src/html/pages/examples/register.astro +36 -18
- package/src/html/pages/forms/general.astro +568 -37
- package/src/html/pages/index.astro +403 -157
- package/src/html/pages/index2.astro +715 -255
- package/src/html/pages/index3.astro +298 -197
- package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
- package/src/html/pages/layout/fixed-complete.astro +209 -0
- package/src/html/pages/layout/fixed-sidebar.astro +52 -27
- package/src/html/pages/layout/layout-rtl.astro +53 -28
- package/src/html/pages/layout/logo-switch.astro +212 -0
- package/src/html/pages/layout/sidebar-mini.astro +53 -28
- package/src/html/pages/layout/unfixed-sidebar.astro +51 -27
- package/src/html/pages/tables/simple.astro +226 -86
- package/src/html/pages/widgets/cards.astro +137 -72
- package/src/html/pages/widgets/info-box.astro +96 -41
- package/src/html/pages/widgets/small-box.astro +93 -32
- package/src/scss/_app-content.scss +52 -0
- package/src/scss/_app-footer.scss +1 -1
- package/src/scss/_app-main.scss +6 -5
- package/src/scss/_app-sidebar.scss +244 -70
- package/src/scss/_bootstrap-variables.scss +26 -22
- package/src/scss/_callouts.scss +6 -0
- package/src/scss/_cards.scss +32 -7
- package/src/scss/_compact-mode.scss +79 -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/_small-box.scss +0 -3
- package/src/scss/_timeline.scss +1 -0
- package/src/scss/_toasts.scss +33 -0
- package/src/scss/_variables.scss +32 -9
- package/src/scss/adminlte.scss +1 -2
- package/src/scss/mixins/_animations.scss +0 -5
- package/src/scss/pages/_lockscreen.scss +75 -0
- package/src/scss/pages/_login_and_register.scss +1 -3
- package/src/scss/parts/_core.scss +2 -0
- package/src/scss/parts/_extra-components.scss +1 -0
- package/src/scss/parts/_pages.scss +1 -0
- package/src/ts/adminlte.ts +3 -1
- package/src/ts/card-widget.ts +20 -52
- package/src/ts/direct-chat.ts +5 -4
- package/src/ts/fullscreen.ts +110 -0
- package/src/ts/layout.ts +5 -4
- package/src/ts/push-menu.ts +6 -22
- package/src/ts/treeview.ts +34 -11
- package/src/ts/util/index.ts +15 -13
- package/src/utils/index.js +20 -3
- package/.idea/AdminLTE.iml +0 -12
- package/.idea/codeStyles/Project.xml +0 -29
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/inspectionProfiles/Project_Default.xml +0 -7
- package/.idea/modules.xml +0 -8
- package/.idea/php.xml +0 -28
- package/.idea/vcs.xml +0 -6
- package/dist/pages/docs.html +0 -617
- package/src/html/components/docs/color-mode/navbar-html.md +0 -80
- package/src/html/components/docs/color-mode/toggle-script.md +0 -48
|
@@ -1,36 +1,52 @@
|
|
|
1
1
|
---
|
|
2
|
-
import Head from
|
|
3
|
-
import Footer from
|
|
4
|
-
import Topbar from
|
|
5
|
-
import Sidenav from
|
|
6
|
-
import Scripts from
|
|
7
|
-
|
|
8
|
-
const title =
|
|
9
|
-
const path =
|
|
10
|
-
const mainPage =
|
|
11
|
-
const page =
|
|
2
|
+
import Head from "@components/_head.astro";
|
|
3
|
+
import Footer from "@components/dashboard/_footer.astro";
|
|
4
|
+
import Topbar from "@components/dashboard/_topbar.astro";
|
|
5
|
+
import Sidenav from "@components/dashboard/_sidenav.astro";
|
|
6
|
+
import Scripts from "@components/_scripts.astro";
|
|
7
|
+
|
|
8
|
+
const title = "AdminLTE v4 | Dashboard";
|
|
9
|
+
const path = "../../dist";
|
|
10
|
+
const mainPage = "dashboard";
|
|
11
|
+
const page = "index";
|
|
12
12
|
---
|
|
13
13
|
|
|
14
|
-
<!
|
|
14
|
+
<!doctype html>
|
|
15
15
|
<html lang="en">
|
|
16
|
+
<!--begin::Head-->
|
|
16
17
|
<head>
|
|
17
18
|
<Head title={title} path={path} />
|
|
18
19
|
|
|
19
20
|
<!-- apexcharts -->
|
|
20
|
-
<link
|
|
21
|
+
<link
|
|
22
|
+
rel="stylesheet"
|
|
23
|
+
href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css"
|
|
24
|
+
integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0="
|
|
25
|
+
crossorigin="anonymous"
|
|
26
|
+
/>
|
|
21
27
|
|
|
22
28
|
<!-- jsvectormap -->
|
|
23
|
-
<link
|
|
29
|
+
<link
|
|
30
|
+
rel="stylesheet"
|
|
31
|
+
href="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/css/jsvectormap.min.css"
|
|
32
|
+
integrity="sha256-+uGLJmmTKOqBr+2E6KDYs/NRsHxSkONXFHUL0fy2O/4="
|
|
33
|
+
crossorigin="anonymous"
|
|
34
|
+
/>
|
|
24
35
|
</head>
|
|
25
|
-
|
|
36
|
+
<!--end::Head-->
|
|
37
|
+
<!--begin::Body-->
|
|
26
38
|
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
|
39
|
+
<!--begin::App Wrapper-->
|
|
27
40
|
<div class="app-wrapper">
|
|
28
41
|
<Topbar path={path} />
|
|
29
42
|
<Sidenav path={path} mainPage={mainPage} page={page} />
|
|
30
|
-
<!-- Main
|
|
43
|
+
<!--begin::App Main-->
|
|
31
44
|
<main class="app-main">
|
|
45
|
+
<!--begin::App Content Header-->
|
|
32
46
|
<div class="app-content-header">
|
|
47
|
+
<!--begin::Container-->
|
|
33
48
|
<div class="container-fluid">
|
|
49
|
+
<!--begin::Row-->
|
|
34
50
|
<div class="row">
|
|
35
51
|
<div class="col-sm-6">
|
|
36
52
|
<h3 class="mb-0">Dashboard</h3>
|
|
@@ -38,84 +54,154 @@ const page = 'index'
|
|
|
38
54
|
<div class="col-sm-6">
|
|
39
55
|
<ol class="breadcrumb float-sm-end">
|
|
40
56
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
|
41
|
-
<li class="breadcrumb-item active" aria-current="page">
|
|
57
|
+
<li class="breadcrumb-item active" aria-current="page">
|
|
58
|
+
Dashboard
|
|
59
|
+
</li>
|
|
42
60
|
</ol>
|
|
43
61
|
</div>
|
|
44
62
|
</div>
|
|
63
|
+
<!--end::Row-->
|
|
45
64
|
</div>
|
|
65
|
+
<!--end::Container-->
|
|
46
66
|
</div>
|
|
67
|
+
<!--end::App Content Header-->
|
|
68
|
+
<!--begin::App Content-->
|
|
47
69
|
<div class="app-content">
|
|
70
|
+
<!--begin::Container-->
|
|
48
71
|
<div class="container-fluid">
|
|
49
|
-
<!--
|
|
72
|
+
<!--begin::Row-->
|
|
50
73
|
<div class="row">
|
|
51
|
-
|
|
52
|
-
|
|
74
|
+
<!--begin::Col-->
|
|
75
|
+
<div class="col-lg-3 col-6">
|
|
76
|
+
<!--begin::Small Box Widget 1-->
|
|
53
77
|
<div class="small-box text-bg-primary">
|
|
54
78
|
<div class="inner">
|
|
55
79
|
<h3>150</h3>
|
|
56
80
|
|
|
57
81
|
<p>New Orders</p>
|
|
58
82
|
</div>
|
|
59
|
-
<svg
|
|
60
|
-
|
|
83
|
+
<svg
|
|
84
|
+
class="small-box-icon"
|
|
85
|
+
fill="currentColor"
|
|
86
|
+
viewBox="0 0 24 24"
|
|
87
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
88
|
+
aria-hidden="true"
|
|
89
|
+
>
|
|
90
|
+
<path
|
|
91
|
+
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"
|
|
92
|
+
></path>
|
|
61
93
|
</svg>
|
|
62
|
-
<a
|
|
94
|
+
<a
|
|
95
|
+
href="#"
|
|
96
|
+
class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover"
|
|
97
|
+
>
|
|
98
|
+
More info <i class="bi bi-link-45deg"></i>
|
|
99
|
+
</a>
|
|
63
100
|
</div>
|
|
101
|
+
<!--end::Small Box Widget 1-->
|
|
64
102
|
</div>
|
|
65
|
-
<!--
|
|
103
|
+
<!--end::Col-->
|
|
66
104
|
<div class="col-lg-3 col-6">
|
|
67
|
-
<!--
|
|
105
|
+
<!--begin::Small Box Widget 2-->
|
|
68
106
|
<div class="small-box text-bg-success">
|
|
69
107
|
<div class="inner">
|
|
70
108
|
<h3>53<sup class="fs-5">%</sup></h3>
|
|
71
109
|
|
|
72
110
|
<p>Bounce Rate</p>
|
|
73
111
|
</div>
|
|
74
|
-
<svg
|
|
75
|
-
|
|
112
|
+
<svg
|
|
113
|
+
class="small-box-icon"
|
|
114
|
+
fill="currentColor"
|
|
115
|
+
viewBox="0 0 24 24"
|
|
116
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
117
|
+
aria-hidden="true"
|
|
118
|
+
>
|
|
119
|
+
<path
|
|
120
|
+
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"
|
|
121
|
+
></path>
|
|
76
122
|
</svg>
|
|
77
|
-
<a
|
|
123
|
+
<a
|
|
124
|
+
href="#"
|
|
125
|
+
class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover"
|
|
126
|
+
>
|
|
127
|
+
More info <i class="bi bi-link-45deg"></i>
|
|
128
|
+
</a>
|
|
78
129
|
</div>
|
|
130
|
+
<!--end::Small Box Widget 2-->
|
|
79
131
|
</div>
|
|
80
|
-
<!--
|
|
132
|
+
<!--end::Col-->
|
|
81
133
|
<div class="col-lg-3 col-6">
|
|
82
|
-
<!--
|
|
134
|
+
<!--begin::Small Box Widget 3-->
|
|
83
135
|
<div class="small-box text-bg-warning">
|
|
84
136
|
<div class="inner">
|
|
85
137
|
<h3>44</h3>
|
|
86
138
|
|
|
87
139
|
<p>User Registrations</p>
|
|
88
140
|
</div>
|
|
89
|
-
<svg
|
|
90
|
-
|
|
141
|
+
<svg
|
|
142
|
+
class="small-box-icon"
|
|
143
|
+
fill="currentColor"
|
|
144
|
+
viewBox="0 0 24 24"
|
|
145
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
146
|
+
aria-hidden="true"
|
|
147
|
+
>
|
|
148
|
+
<path
|
|
149
|
+
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"
|
|
150
|
+
></path>
|
|
91
151
|
</svg>
|
|
92
|
-
<a
|
|
152
|
+
<a
|
|
153
|
+
href="#"
|
|
154
|
+
class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover"
|
|
155
|
+
>
|
|
156
|
+
More info <i class="bi bi-link-45deg"></i>
|
|
157
|
+
</a>
|
|
93
158
|
</div>
|
|
159
|
+
<!--end::Small Box Widget 3-->
|
|
94
160
|
</div>
|
|
95
|
-
<!--
|
|
161
|
+
<!--end::Col-->
|
|
96
162
|
<div class="col-lg-3 col-6">
|
|
97
|
-
<!--
|
|
163
|
+
<!--begin::Small Box Widget 4-->
|
|
98
164
|
<div class="small-box text-bg-danger">
|
|
99
165
|
<div class="inner">
|
|
100
166
|
<h3>65</h3>
|
|
101
167
|
|
|
102
168
|
<p>Unique Visitors</p>
|
|
103
169
|
</div>
|
|
104
|
-
<svg
|
|
105
|
-
|
|
106
|
-
|
|
170
|
+
<svg
|
|
171
|
+
class="small-box-icon"
|
|
172
|
+
fill="currentColor"
|
|
173
|
+
viewBox="0 0 24 24"
|
|
174
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
175
|
+
aria-hidden="true"
|
|
176
|
+
>
|
|
177
|
+
<path
|
|
178
|
+
clip-rule="evenodd"
|
|
179
|
+
fill-rule="evenodd"
|
|
180
|
+
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"
|
|
181
|
+
></path>
|
|
182
|
+
<path
|
|
183
|
+
clip-rule="evenodd"
|
|
184
|
+
fill-rule="evenodd"
|
|
185
|
+
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"
|
|
186
|
+
></path>
|
|
107
187
|
</svg>
|
|
108
|
-
<a
|
|
188
|
+
<a
|
|
189
|
+
href="#"
|
|
190
|
+
class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover"
|
|
191
|
+
>
|
|
192
|
+
More info <i class="bi bi-link-45deg"></i>
|
|
193
|
+
</a>
|
|
109
194
|
</div>
|
|
195
|
+
<!--end::Small Box Widget 4-->
|
|
110
196
|
</div>
|
|
111
|
-
<!--
|
|
197
|
+
<!--end::Col-->
|
|
112
198
|
</div>
|
|
113
|
-
<!--
|
|
114
|
-
<!--
|
|
199
|
+
<!--end::Row-->
|
|
200
|
+
<!--begin::Row-->
|
|
115
201
|
<div class="row">
|
|
116
202
|
<!-- Start col -->
|
|
117
203
|
<div class="col-lg-7 connectedSortable">
|
|
118
|
-
<div class="card">
|
|
204
|
+
<div class="card mb-4">
|
|
119
205
|
<div class="card-header">
|
|
120
206
|
<h3 class="card-title">Sales Value</h3>
|
|
121
207
|
</div>
|
|
@@ -127,20 +213,39 @@ const page = 'index'
|
|
|
127
213
|
<!-- /.card -->
|
|
128
214
|
|
|
129
215
|
<!-- DIRECT CHAT -->
|
|
130
|
-
<div class="card direct-chat direct-chat-primary">
|
|
216
|
+
<div class="card direct-chat direct-chat-primary mb-4">
|
|
131
217
|
<div class="card-header">
|
|
132
218
|
<h3 class="card-title">Direct Chat</h3>
|
|
133
219
|
|
|
134
220
|
<div class="card-tools">
|
|
135
|
-
<span
|
|
136
|
-
|
|
137
|
-
|
|
221
|
+
<span
|
|
222
|
+
title="3 New Messages"
|
|
223
|
+
class="badge text-bg-primary"
|
|
224
|
+
>
|
|
225
|
+
3
|
|
226
|
+
</span>
|
|
227
|
+
<button
|
|
228
|
+
type="button"
|
|
229
|
+
class="btn btn-tool"
|
|
230
|
+
data-lte-toggle="card-collapse"
|
|
231
|
+
>
|
|
232
|
+
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
|
233
|
+
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
|
138
234
|
</button>
|
|
139
|
-
<button
|
|
140
|
-
|
|
235
|
+
<button
|
|
236
|
+
type="button"
|
|
237
|
+
class="btn btn-tool"
|
|
238
|
+
title="Contacts"
|
|
239
|
+
data-lte-toggle="chat-pane"
|
|
240
|
+
>
|
|
241
|
+
<i class="bi bi-chat-text-fill"></i>
|
|
141
242
|
</button>
|
|
142
|
-
<button
|
|
143
|
-
|
|
243
|
+
<button
|
|
244
|
+
type="button"
|
|
245
|
+
class="btn btn-tool"
|
|
246
|
+
data-lte-toggle="card-remove"
|
|
247
|
+
>
|
|
248
|
+
<i class="bi bi-x-lg"></i>
|
|
144
249
|
</button>
|
|
145
250
|
</div>
|
|
146
251
|
</div>
|
|
@@ -151,11 +256,19 @@ const page = 'index'
|
|
|
151
256
|
<!-- Message. Default to the start -->
|
|
152
257
|
<div class="direct-chat-msg">
|
|
153
258
|
<div class="direct-chat-infos clearfix">
|
|
154
|
-
<span class="direct-chat-name float-start">
|
|
155
|
-
|
|
259
|
+
<span class="direct-chat-name float-start">
|
|
260
|
+
Alexander Pierce
|
|
261
|
+
</span>
|
|
262
|
+
<span class="direct-chat-timestamp float-end">
|
|
263
|
+
23 Jan 2:00 pm
|
|
264
|
+
</span>
|
|
156
265
|
</div>
|
|
157
266
|
<!-- /.direct-chat-infos -->
|
|
158
|
-
<img
|
|
267
|
+
<img
|
|
268
|
+
class="direct-chat-img"
|
|
269
|
+
src={path + "/assets/img/user1-128x128.jpg"}
|
|
270
|
+
alt="message user image"
|
|
271
|
+
/>
|
|
159
272
|
<!-- /.direct-chat-img -->
|
|
160
273
|
<div class="direct-chat-text">
|
|
161
274
|
Is this template really for free? That's unbelievable!
|
|
@@ -167,11 +280,19 @@ const page = 'index'
|
|
|
167
280
|
<!-- Message to the end -->
|
|
168
281
|
<div class="direct-chat-msg end">
|
|
169
282
|
<div class="direct-chat-infos clearfix">
|
|
170
|
-
<span class="direct-chat-name float-end">
|
|
171
|
-
|
|
283
|
+
<span class="direct-chat-name float-end">
|
|
284
|
+
Sarah Bullock
|
|
285
|
+
</span>
|
|
286
|
+
<span class="direct-chat-timestamp float-start">
|
|
287
|
+
23 Jan 2:05 pm
|
|
288
|
+
</span>
|
|
172
289
|
</div>
|
|
173
290
|
<!-- /.direct-chat-infos -->
|
|
174
|
-
<img
|
|
291
|
+
<img
|
|
292
|
+
class="direct-chat-img"
|
|
293
|
+
src={path + "/assets/img/user3-128x128.jpg"}
|
|
294
|
+
alt="message user image"
|
|
295
|
+
/>
|
|
175
296
|
<!-- /.direct-chat-img -->
|
|
176
297
|
<div class="direct-chat-text">
|
|
177
298
|
You better believe it!
|
|
@@ -183,11 +304,19 @@ const page = 'index'
|
|
|
183
304
|
<!-- Message. Default to the start -->
|
|
184
305
|
<div class="direct-chat-msg">
|
|
185
306
|
<div class="direct-chat-infos clearfix">
|
|
186
|
-
<span class="direct-chat-name float-start">
|
|
187
|
-
|
|
307
|
+
<span class="direct-chat-name float-start">
|
|
308
|
+
Alexander Pierce
|
|
309
|
+
</span>
|
|
310
|
+
<span class="direct-chat-timestamp float-end">
|
|
311
|
+
23 Jan 5:37 pm
|
|
312
|
+
</span>
|
|
188
313
|
</div>
|
|
189
314
|
<!-- /.direct-chat-infos -->
|
|
190
|
-
<img
|
|
315
|
+
<img
|
|
316
|
+
class="direct-chat-img"
|
|
317
|
+
src={path + "/assets/img/user1-128x128.jpg"}
|
|
318
|
+
alt="message user image"
|
|
319
|
+
/>
|
|
191
320
|
<!-- /.direct-chat-img -->
|
|
192
321
|
<div class="direct-chat-text">
|
|
193
322
|
Working with AdminLTE on a great new app! Wanna join?
|
|
@@ -199,19 +328,24 @@ const page = 'index'
|
|
|
199
328
|
<!-- Message to the end -->
|
|
200
329
|
<div class="direct-chat-msg end">
|
|
201
330
|
<div class="direct-chat-infos clearfix">
|
|
202
|
-
<span class="direct-chat-name float-end">
|
|
203
|
-
|
|
331
|
+
<span class="direct-chat-name float-end">
|
|
332
|
+
Sarah Bullock
|
|
333
|
+
</span>
|
|
334
|
+
<span class="direct-chat-timestamp float-start">
|
|
335
|
+
23 Jan 6:10 pm
|
|
336
|
+
</span>
|
|
204
337
|
</div>
|
|
205
338
|
<!-- /.direct-chat-infos -->
|
|
206
|
-
<img
|
|
339
|
+
<img
|
|
340
|
+
class="direct-chat-img"
|
|
341
|
+
src={path + "/assets/img/user3-128x128.jpg"}
|
|
342
|
+
alt="message user image"
|
|
343
|
+
/>
|
|
207
344
|
<!-- /.direct-chat-img -->
|
|
208
|
-
<div class="direct-chat-text">
|
|
209
|
-
I would love to.
|
|
210
|
-
</div>
|
|
345
|
+
<div class="direct-chat-text">I would love to.</div>
|
|
211
346
|
<!-- /.direct-chat-text -->
|
|
212
347
|
</div>
|
|
213
348
|
<!-- /.direct-chat-msg -->
|
|
214
|
-
|
|
215
349
|
</div>
|
|
216
350
|
<!-- /.direct-chat-messages-->
|
|
217
351
|
|
|
@@ -220,14 +354,22 @@ const page = 'index'
|
|
|
220
354
|
<ul class="contacts-list">
|
|
221
355
|
<li>
|
|
222
356
|
<a href="#">
|
|
223
|
-
<img
|
|
357
|
+
<img
|
|
358
|
+
class="contacts-list-img"
|
|
359
|
+
src={path + "/assets/img/user1-128x128.jpg"}
|
|
360
|
+
alt="User Avatar"
|
|
361
|
+
/>
|
|
224
362
|
|
|
225
363
|
<div class="contacts-list-info">
|
|
226
364
|
<span class="contacts-list-name">
|
|
227
365
|
Count Dracula
|
|
228
|
-
<small class="contacts-list-date float-end">
|
|
366
|
+
<small class="contacts-list-date float-end">
|
|
367
|
+
2/28/2023
|
|
368
|
+
</small>
|
|
369
|
+
</span>
|
|
370
|
+
<span class="contacts-list-msg">
|
|
371
|
+
How have you been? I was...
|
|
229
372
|
</span>
|
|
230
|
-
<span class="contacts-list-msg">How have you been? I was...</span>
|
|
231
373
|
</div>
|
|
232
374
|
<!-- /.contacts-list-info -->
|
|
233
375
|
</a>
|
|
@@ -235,14 +377,22 @@ const page = 'index'
|
|
|
235
377
|
<!-- End Contact Item -->
|
|
236
378
|
<li>
|
|
237
379
|
<a href="#">
|
|
238
|
-
<img
|
|
380
|
+
<img
|
|
381
|
+
class="contacts-list-img"
|
|
382
|
+
src={path + "/assets/img/user7-128x128.jpg"}
|
|
383
|
+
alt="User Avatar"
|
|
384
|
+
/>
|
|
239
385
|
|
|
240
386
|
<div class="contacts-list-info">
|
|
241
387
|
<span class="contacts-list-name">
|
|
242
388
|
Sarah Doe
|
|
243
|
-
<small class="contacts-list-date float-end">
|
|
389
|
+
<small class="contacts-list-date float-end">
|
|
390
|
+
2/23/2023
|
|
391
|
+
</small>
|
|
392
|
+
</span>
|
|
393
|
+
<span class="contacts-list-msg">
|
|
394
|
+
I will be waiting for...
|
|
244
395
|
</span>
|
|
245
|
-
<span class="contacts-list-msg">I will be waiting for...</span>
|
|
246
396
|
</div>
|
|
247
397
|
<!-- /.contacts-list-info -->
|
|
248
398
|
</a>
|
|
@@ -250,14 +400,22 @@ const page = 'index'
|
|
|
250
400
|
<!-- End Contact Item -->
|
|
251
401
|
<li>
|
|
252
402
|
<a href="#">
|
|
253
|
-
<img
|
|
403
|
+
<img
|
|
404
|
+
class="contacts-list-img"
|
|
405
|
+
src={path + "/assets/img/user3-128x128.jpg"}
|
|
406
|
+
alt="User Avatar"
|
|
407
|
+
/>
|
|
254
408
|
|
|
255
409
|
<div class="contacts-list-info">
|
|
256
410
|
<span class="contacts-list-name">
|
|
257
411
|
Nadia Jolie
|
|
258
|
-
<small class="contacts-list-date float-end">
|
|
412
|
+
<small class="contacts-list-date float-end">
|
|
413
|
+
2/20/2023
|
|
414
|
+
</small>
|
|
415
|
+
</span>
|
|
416
|
+
<span class="contacts-list-msg">
|
|
417
|
+
I'll call you back at...
|
|
259
418
|
</span>
|
|
260
|
-
<span class="contacts-list-msg">I'll call you back at...</span>
|
|
261
419
|
</div>
|
|
262
420
|
<!-- /.contacts-list-info -->
|
|
263
421
|
</a>
|
|
@@ -265,14 +423,22 @@ const page = 'index'
|
|
|
265
423
|
<!-- End Contact Item -->
|
|
266
424
|
<li>
|
|
267
425
|
<a href="#">
|
|
268
|
-
<img
|
|
426
|
+
<img
|
|
427
|
+
class="contacts-list-img"
|
|
428
|
+
src={path + "/assets/img/user5-128x128.jpg"}
|
|
429
|
+
alt="User Avatar"
|
|
430
|
+
/>
|
|
269
431
|
|
|
270
432
|
<div class="contacts-list-info">
|
|
271
433
|
<span class="contacts-list-name">
|
|
272
434
|
Nora S. Vans
|
|
273
|
-
<small class="contacts-list-date float-end">
|
|
435
|
+
<small class="contacts-list-date float-end">
|
|
436
|
+
2/10/2023
|
|
437
|
+
</small>
|
|
438
|
+
</span>
|
|
439
|
+
<span class="contacts-list-msg">
|
|
440
|
+
Where is your new...
|
|
274
441
|
</span>
|
|
275
|
-
<span class="contacts-list-msg">Where is your new...</span>
|
|
276
442
|
</div>
|
|
277
443
|
<!-- /.contacts-list-info -->
|
|
278
444
|
</a>
|
|
@@ -280,14 +446,22 @@ const page = 'index'
|
|
|
280
446
|
<!-- End Contact Item -->
|
|
281
447
|
<li>
|
|
282
448
|
<a href="#">
|
|
283
|
-
<img
|
|
449
|
+
<img
|
|
450
|
+
class="contacts-list-img"
|
|
451
|
+
src={path + "/assets/img/user6-128x128.jpg"}
|
|
452
|
+
alt="User Avatar"
|
|
453
|
+
/>
|
|
284
454
|
|
|
285
455
|
<div class="contacts-list-info">
|
|
286
456
|
<span class="contacts-list-name">
|
|
287
457
|
John K.
|
|
288
|
-
<small class="contacts-list-date float-end">
|
|
458
|
+
<small class="contacts-list-date float-end">
|
|
459
|
+
1/27/2023
|
|
460
|
+
</small>
|
|
461
|
+
</span>
|
|
462
|
+
<span class="contacts-list-msg">
|
|
463
|
+
Can I take a look at...
|
|
289
464
|
</span>
|
|
290
|
-
<span class="contacts-list-msg">Can I take a look at...</span>
|
|
291
465
|
</div>
|
|
292
466
|
<!-- /.contacts-list-info -->
|
|
293
467
|
</a>
|
|
@@ -295,14 +469,22 @@ const page = 'index'
|
|
|
295
469
|
<!-- End Contact Item -->
|
|
296
470
|
<li>
|
|
297
471
|
<a href="#">
|
|
298
|
-
<img
|
|
472
|
+
<img
|
|
473
|
+
class="contacts-list-img"
|
|
474
|
+
src={path + "/assets/img/user8-128x128.jpg"}
|
|
475
|
+
alt="User Avatar"
|
|
476
|
+
/>
|
|
299
477
|
|
|
300
478
|
<div class="contacts-list-info">
|
|
301
479
|
<span class="contacts-list-name">
|
|
302
480
|
Kenneth M.
|
|
303
|
-
<small class="contacts-list-date float-end">
|
|
481
|
+
<small class="contacts-list-date float-end">
|
|
482
|
+
1/4/2023
|
|
483
|
+
</small>
|
|
484
|
+
</span>
|
|
485
|
+
<span class="contacts-list-msg">
|
|
486
|
+
Never mind I found...
|
|
304
487
|
</span>
|
|
305
|
-
<span class="contacts-list-msg">Never mind I found...</span>
|
|
306
488
|
</div>
|
|
307
489
|
<!-- /.contacts-list-info -->
|
|
308
490
|
</a>
|
|
@@ -317,9 +499,16 @@ const page = 'index'
|
|
|
317
499
|
<div class="card-footer">
|
|
318
500
|
<form action="#" method="post">
|
|
319
501
|
<div class="input-group">
|
|
320
|
-
<input
|
|
502
|
+
<input
|
|
503
|
+
type="text"
|
|
504
|
+
name="message"
|
|
505
|
+
placeholder="Type Message ..."
|
|
506
|
+
class="form-control"
|
|
507
|
+
/>
|
|
321
508
|
<span class="input-group-append">
|
|
322
|
-
<button type="button" class="btn btn-primary">
|
|
509
|
+
<button type="button" class="btn btn-primary">
|
|
510
|
+
Send
|
|
511
|
+
</button>
|
|
323
512
|
</span>
|
|
324
513
|
</div>
|
|
325
514
|
</form>
|
|
@@ -332,11 +521,19 @@ const page = 'index'
|
|
|
332
521
|
|
|
333
522
|
<!-- Start col -->
|
|
334
523
|
<div class="col-lg-5 connectedSortable">
|
|
335
|
-
<div
|
|
524
|
+
<div
|
|
525
|
+
class="card text-white bg-primary bg-gradient border-primary mb-4"
|
|
526
|
+
>
|
|
336
527
|
<div class="card-header border-0">
|
|
337
528
|
<h3 class="card-title">Sales Value</h3>
|
|
338
529
|
<div class="card-tools">
|
|
339
|
-
<button
|
|
530
|
+
<button
|
|
531
|
+
type="button"
|
|
532
|
+
class="btn btn-primary btn-sm"
|
|
533
|
+
data-lte-toggle="card-collapse"
|
|
534
|
+
>
|
|
535
|
+
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
|
536
|
+
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
|
340
537
|
</button>
|
|
341
538
|
</div>
|
|
342
539
|
</div>
|
|
@@ -344,59 +541,72 @@ const page = 'index'
|
|
|
344
541
|
<div id="world-map" style="height: 220px"></div>
|
|
345
542
|
</div>
|
|
346
543
|
<div class="card-footer border-0">
|
|
544
|
+
<!--begin::Row-->
|
|
347
545
|
<div class="row">
|
|
348
546
|
<div class="col-4 text-center">
|
|
349
|
-
<div id="sparkline-1"></div>
|
|
547
|
+
<div id="sparkline-1" class="text-dark"></div>
|
|
350
548
|
<div class="text-white">Visitors</div>
|
|
351
549
|
</div>
|
|
352
550
|
<div class="col-4 text-center">
|
|
353
|
-
<div id="sparkline-2"></div>
|
|
551
|
+
<div id="sparkline-2" class="text-dark"></div>
|
|
354
552
|
<div class="text-white">Online</div>
|
|
355
553
|
</div>
|
|
356
554
|
<div class="col-4 text-center">
|
|
357
|
-
<div id="sparkline-3"></div>
|
|
555
|
+
<div id="sparkline-3" class="text-dark"></div>
|
|
358
556
|
<div class="text-white">Sales</div>
|
|
359
557
|
</div>
|
|
360
558
|
</div>
|
|
559
|
+
<!--end::Row-->
|
|
361
560
|
</div>
|
|
362
561
|
</div>
|
|
363
562
|
</div>
|
|
364
563
|
<!-- /.Start col -->
|
|
365
564
|
</div>
|
|
366
565
|
<!-- /.row (main row) -->
|
|
367
|
-
</div
|
|
566
|
+
</div>
|
|
567
|
+
<!--end::Container-->
|
|
368
568
|
</div>
|
|
569
|
+
<!--end::App Content-->
|
|
369
570
|
</main>
|
|
370
|
-
<!--
|
|
371
|
-
|
|
372
|
-
<Footer />
|
|
571
|
+
<!--end::App Main-->
|
|
572
|
+
<Footer />
|
|
373
573
|
</div>
|
|
374
|
-
<!--
|
|
375
|
-
|
|
574
|
+
<!--end::App Wrapper-->
|
|
575
|
+
<!--begin::Script-->
|
|
376
576
|
<Scripts path={path} />
|
|
377
577
|
|
|
378
578
|
<!-- OPTIONAL SCRIPTS -->
|
|
379
579
|
|
|
380
580
|
<!-- sortablejs -->
|
|
381
|
-
<script
|
|
581
|
+
<script
|
|
582
|
+
src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"
|
|
583
|
+
integrity="sha256-ipiJrswvAR4VAx/th+6zWsdeYmVae0iJuiR+6OqHJHQ="
|
|
584
|
+
crossorigin="anonymous"></script>
|
|
382
585
|
|
|
383
586
|
<!-- sortablejs -->
|
|
384
587
|
<script is:inline>
|
|
385
|
-
const connectedSortables =
|
|
386
|
-
|
|
588
|
+
const connectedSortables =
|
|
589
|
+
document.querySelectorAll(".connectedSortable");
|
|
590
|
+
connectedSortables.forEach((connectedSortable) => {
|
|
387
591
|
let sortable = new Sortable(connectedSortable, {
|
|
388
|
-
group:
|
|
389
|
-
|
|
390
|
-
|
|
592
|
+
group: "shared",
|
|
593
|
+
handle: ".card-header",
|
|
594
|
+
});
|
|
595
|
+
});
|
|
391
596
|
|
|
392
|
-
const cardHeaders = document.querySelectorAll(
|
|
393
|
-
|
|
394
|
-
|
|
597
|
+
const cardHeaders = document.querySelectorAll(
|
|
598
|
+
".connectedSortable .card-header",
|
|
599
|
+
);
|
|
600
|
+
cardHeaders.forEach((cardHeader) => {
|
|
601
|
+
cardHeader.style.cursor = "move";
|
|
395
602
|
});
|
|
396
603
|
</script>
|
|
397
604
|
|
|
398
605
|
<!-- apexcharts -->
|
|
399
|
-
<script
|
|
606
|
+
<script
|
|
607
|
+
src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js"
|
|
608
|
+
integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8="
|
|
609
|
+
crossorigin="anonymous"></script>
|
|
400
610
|
|
|
401
611
|
<!-- ChartJS -->
|
|
402
612
|
<script is:inline>
|
|
@@ -405,48 +615,68 @@ const page = 'index'
|
|
|
405
615
|
// ++++++++++++++++++++++++++++++++++++++++++
|
|
406
616
|
|
|
407
617
|
const sales_chart_options = {
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
618
|
+
series: [
|
|
619
|
+
{
|
|
620
|
+
name: "Digital Goods",
|
|
621
|
+
data: [28, 48, 40, 19, 86, 27, 90],
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
name: "Electronics",
|
|
625
|
+
data: [65, 59, 80, 81, 56, 55, 40],
|
|
626
|
+
},
|
|
627
|
+
],
|
|
415
628
|
chart: {
|
|
416
629
|
height: 300,
|
|
417
|
-
type:
|
|
630
|
+
type: "area",
|
|
418
631
|
toolbar: {
|
|
419
632
|
show: false,
|
|
420
633
|
},
|
|
421
634
|
},
|
|
422
635
|
legend: {
|
|
423
|
-
show: false
|
|
636
|
+
show: false,
|
|
424
637
|
},
|
|
425
|
-
colors:[
|
|
638
|
+
colors: ["#0d6efd", "#20c997"],
|
|
426
639
|
dataLabels: {
|
|
427
640
|
enabled: false,
|
|
428
641
|
},
|
|
429
642
|
stroke: {
|
|
430
|
-
curve:
|
|
643
|
+
curve: "smooth",
|
|
431
644
|
},
|
|
432
645
|
xaxis: {
|
|
433
|
-
type:
|
|
434
|
-
categories: [
|
|
646
|
+
type: "datetime",
|
|
647
|
+
categories: [
|
|
648
|
+
"2023-01-01",
|
|
649
|
+
"2023-02-01",
|
|
650
|
+
"2023-03-01",
|
|
651
|
+
"2023-04-01",
|
|
652
|
+
"2023-05-01",
|
|
653
|
+
"2023-06-01",
|
|
654
|
+
"2023-07-01",
|
|
655
|
+
],
|
|
435
656
|
},
|
|
436
657
|
tooltip: {
|
|
437
658
|
x: {
|
|
438
|
-
format:
|
|
659
|
+
format: "MMMM yyyy",
|
|
439
660
|
},
|
|
440
661
|
},
|
|
441
662
|
};
|
|
442
663
|
|
|
443
|
-
const sales_chart = new ApexCharts(
|
|
664
|
+
const sales_chart = new ApexCharts(
|
|
665
|
+
document.querySelector("#revenue-chart"),
|
|
666
|
+
sales_chart_options,
|
|
667
|
+
);
|
|
444
668
|
sales_chart.render();
|
|
445
669
|
</script>
|
|
446
670
|
|
|
447
671
|
<!-- jsvectormap -->
|
|
448
|
-
<script
|
|
449
|
-
|
|
672
|
+
<script
|
|
673
|
+
src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/js/jsvectormap.min.js"
|
|
674
|
+
integrity="sha256-/t1nN2956BT869E6H4V1dnt0X5pAQHPytli+1nTZm2Y="
|
|
675
|
+
crossorigin="anonymous"></script>
|
|
676
|
+
<script
|
|
677
|
+
src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/maps/world.js"
|
|
678
|
+
integrity="sha256-XPpPaZlU8S/HWf7FZLAncLg2SAkP8ScUTII89x9D3lY="
|
|
679
|
+
crossorigin="anonymous"></script>
|
|
450
680
|
|
|
451
681
|
<!-- jsvectormap -->
|
|
452
682
|
<script is:inline>
|
|
@@ -461,8 +691,8 @@ const page = 'index'
|
|
|
461
691
|
BR: 600, // Brazil
|
|
462
692
|
IN: 800, // India
|
|
463
693
|
GB: 320, // Great Britain
|
|
464
|
-
RU: 3000 // Russia
|
|
465
|
-
}
|
|
694
|
+
RU: 3000, // Russia
|
|
695
|
+
};
|
|
466
696
|
|
|
467
697
|
// World map by jsVectorMap
|
|
468
698
|
const map = new jsVectorMap({
|
|
@@ -472,82 +702,98 @@ const page = 'index'
|
|
|
472
702
|
|
|
473
703
|
// Sparkline charts
|
|
474
704
|
const option_sparkline1 = {
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
705
|
+
series: [
|
|
706
|
+
{
|
|
707
|
+
data: [1000, 1200, 920, 927, 931, 1027, 819, 930, 1021],
|
|
708
|
+
},
|
|
709
|
+
],
|
|
710
|
+
chart: {
|
|
711
|
+
type: "area",
|
|
480
712
|
height: 50,
|
|
481
713
|
sparkline: {
|
|
482
|
-
enabled: true
|
|
714
|
+
enabled: true,
|
|
483
715
|
},
|
|
484
716
|
},
|
|
485
717
|
stroke: {
|
|
486
|
-
curve:
|
|
718
|
+
curve: "straight",
|
|
487
719
|
},
|
|
488
720
|
fill: {
|
|
489
721
|
opacity: 0.3,
|
|
490
722
|
},
|
|
491
723
|
yaxis: {
|
|
492
|
-
min: 0
|
|
724
|
+
min: 0,
|
|
493
725
|
},
|
|
494
|
-
colors: [
|
|
726
|
+
colors: ["#DCE6EC"],
|
|
495
727
|
};
|
|
496
728
|
|
|
497
|
-
const sparkline1 = new ApexCharts(
|
|
729
|
+
const sparkline1 = new ApexCharts(
|
|
730
|
+
document.querySelector("#sparkline-1"),
|
|
731
|
+
option_sparkline1,
|
|
732
|
+
);
|
|
498
733
|
sparkline1.render();
|
|
499
734
|
|
|
500
735
|
const option_sparkline2 = {
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
736
|
+
series: [
|
|
737
|
+
{
|
|
738
|
+
data: [515, 519, 520, 522, 652, 810, 370, 627, 319, 630, 921],
|
|
739
|
+
},
|
|
740
|
+
],
|
|
741
|
+
chart: {
|
|
742
|
+
type: "area",
|
|
506
743
|
height: 50,
|
|
507
744
|
sparkline: {
|
|
508
|
-
enabled: true
|
|
745
|
+
enabled: true,
|
|
509
746
|
},
|
|
510
747
|
},
|
|
511
748
|
stroke: {
|
|
512
|
-
curve:
|
|
749
|
+
curve: "straight",
|
|
513
750
|
},
|
|
514
751
|
fill: {
|
|
515
752
|
opacity: 0.3,
|
|
516
753
|
},
|
|
517
754
|
yaxis: {
|
|
518
|
-
min: 0
|
|
755
|
+
min: 0,
|
|
519
756
|
},
|
|
520
|
-
colors: [
|
|
757
|
+
colors: ["#DCE6EC"],
|
|
521
758
|
};
|
|
522
759
|
|
|
523
|
-
const sparkline2 = new ApexCharts(
|
|
760
|
+
const sparkline2 = new ApexCharts(
|
|
761
|
+
document.querySelector("#sparkline-2"),
|
|
762
|
+
option_sparkline2,
|
|
763
|
+
);
|
|
524
764
|
sparkline2.render();
|
|
525
765
|
|
|
526
766
|
const option_sparkline3 = {
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
767
|
+
series: [
|
|
768
|
+
{
|
|
769
|
+
data: [15, 19, 20, 22, 33, 27, 31, 27, 19, 30, 21],
|
|
770
|
+
},
|
|
771
|
+
],
|
|
772
|
+
chart: {
|
|
773
|
+
type: "area",
|
|
532
774
|
height: 50,
|
|
533
775
|
sparkline: {
|
|
534
|
-
enabled: true
|
|
776
|
+
enabled: true,
|
|
535
777
|
},
|
|
536
778
|
},
|
|
537
779
|
stroke: {
|
|
538
|
-
curve:
|
|
780
|
+
curve: "straight",
|
|
539
781
|
},
|
|
540
782
|
fill: {
|
|
541
783
|
opacity: 0.3,
|
|
542
784
|
},
|
|
543
785
|
yaxis: {
|
|
544
|
-
min: 0
|
|
786
|
+
min: 0,
|
|
545
787
|
},
|
|
546
|
-
colors: [
|
|
788
|
+
colors: ["#DCE6EC"],
|
|
547
789
|
};
|
|
548
790
|
|
|
549
|
-
const sparkline3 = new ApexCharts(
|
|
791
|
+
const sparkline3 = new ApexCharts(
|
|
792
|
+
document.querySelector("#sparkline-3"),
|
|
793
|
+
option_sparkline3,
|
|
794
|
+
);
|
|
550
795
|
sparkline3.render();
|
|
551
796
|
</script>
|
|
552
|
-
|
|
797
|
+
<!--end::Script-->
|
|
798
|
+
</body><!--end::Body-->
|
|
553
799
|
</html>
|