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