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