npm - admin-lte - Versions diffs - 4.0.0-beta1 → 4.0.0-beta3 - Mend

admin-lte 4.0.0-beta1 → 4.0.0-beta3

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 (166) hide show

package/.astro/content-assets.mjs +1 -0
package/.astro/content-modules.mjs +1 -0
package/.astro/content.d.ts +166 -0
package/.astro/data-store.json +1 -0
package/.astro/settings.json +5 -0
package/.astro/types.d.ts +2 -0
package/.prettierrc +6 -0
package/adminlte-v4.0.0-beta1-with-dist.zip +0 -0
package/adminlte-v4.0.0-beta3.zip +0 -0
package/dist/css/adminlte.css +55 -127
package/dist/css/adminlte.css.map +1 -1
package/dist/css/adminlte.min.css +2 -2
package/dist/css/adminlte.min.css.map +1 -1
package/dist/css/adminlte.rtl.css +55 -127
package/dist/css/adminlte.rtl.css.map +1 -1
package/dist/css/adminlte.rtl.min.css +2 -2
package/dist/css/adminlte.rtl.min.css.map +1 -1
package/dist/js/adminlte.js +2 -2
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/general.html +1886 -883
package/dist/pages/UI/icons.html +818 -0
package/dist/pages/UI/timeline.html +894 -490
package/dist/pages/docs/browser-support.html +839 -434
package/dist/pages/docs/color-mode.html +985 -539
package/dist/pages/docs/components/main-header.html +1016 -535
package/dist/pages/docs/components/main-sidebar.html +831 -431
package/dist/pages/docs/faq.html +831 -432
package/dist/pages/docs/how-to-contribute.html +904 -472
package/dist/pages/docs/introduction.html +883 -451
package/dist/pages/docs/javascript/treeview.html +837 -443
package/dist/pages/docs/layout.html +835 -473
package/dist/pages/docs/license.html +828 -434
package/dist/pages/examples/lockscreen.html +129 -66
package/dist/pages/examples/login-v2.html +157 -85
package/dist/pages/examples/login.html +147 -80
package/dist/pages/examples/register-v2.html +167 -88
package/dist/pages/examples/register.html +152 -81
package/dist/pages/forms/general.html +1223 -599
package/dist/pages/generate/theme.html +737 -0
package/dist/pages/index.html +1400 -793
package/dist/pages/index2.html +1852 -1051
package/dist/pages/index3.html +1183 -684
package/dist/pages/layout/collapsed-sidebar.html +829 -440
package/dist/pages/layout/fixed-sidebar.html +829 -440
package/dist/pages/layout/layout-custom-area.html +862 -0
package/dist/pages/layout/layout-rtl.html +829 -440
package/dist/pages/layout/logo-switch.html +486 -233
package/dist/pages/layout/sidebar-mini.html +829 -440
package/dist/pages/layout/unfixed-sidebar.html +827 -439
package/dist/pages/tables/simple.html +1079 -686
package/dist/pages/widgets/cards.html +1034 -544
package/dist/pages/widgets/info-box.html +1052 -571
package/dist/pages/widgets/small-box.html +914 -474
package/package.json +25 -24
package/src/scss/_app-content.scss +0 -49
package/src/scss/_app-main.scss +21 -1
package/src/scss/_app-sidebar.scss +1 -6
package/src/scss/_bootstrap-variables.scss +11 -9
package/src/scss/_compact-mode.scss +0 -26
package/src/scss/_variables.scss +19 -7
package/src/scss/adminlte.scss +1 -1
package/src/ts/push-menu.ts +1 -1
package/.bundlewatch.config.json +0 -28
package/.cache/.eslintcache +0 -1
package/.cache/.stylelintcache +0 -1
package/.editorconfig +0 -14
package/.eslintignore +0 -7
package/.eslintrc.json +0 -120
package/.gitattributes +0 -6
package/.gitpod.yml +0 -6
package/.stylelintignore +0 -8
package/.stylelintrc.json +0 -47
package/composer.json +0 -25
package/dist/pages/layout/fixed-complete.html +0 -541
package/src/assets/img/AdminLTEFullLogo.png +0 -0
package/src/assets/img/AdminLTELogo.png +0 -0
package/src/assets/img/avatar.png +0 -0
package/src/assets/img/avatar2.png +0 -0
package/src/assets/img/avatar3.png +0 -0
package/src/assets/img/avatar4.png +0 -0
package/src/assets/img/avatar5.png +0 -0
package/src/assets/img/boxed-bg.jpg +0 -0
package/src/assets/img/boxed-bg.png +0 -0
package/src/assets/img/credit/american-express.png +0 -0
package/src/assets/img/credit/cirrus.png +0 -0
package/src/assets/img/credit/mastercard.png +0 -0
package/src/assets/img/credit/paypal.png +0 -0
package/src/assets/img/credit/paypal2.png +0 -0
package/src/assets/img/credit/visa.png +0 -0
package/src/assets/img/default-150x150.png +0 -0
package/src/assets/img/icons.png +0 -0
package/src/assets/img/photo1.png +0 -0
package/src/assets/img/photo2.png +0 -0
package/src/assets/img/photo3.jpg +0 -0
package/src/assets/img/photo4.jpg +0 -0
package/src/assets/img/prod-1.jpg +0 -0
package/src/assets/img/prod-2.jpg +0 -0
package/src/assets/img/prod-3.jpg +0 -0
package/src/assets/img/prod-4.jpg +0 -0
package/src/assets/img/prod-5.jpg +0 -0
package/src/assets/img/user1-128x128.jpg +0 -0
package/src/assets/img/user2-160x160.jpg +0 -0
package/src/assets/img/user3-128x128.jpg +0 -0
package/src/assets/img/user4-128x128.jpg +0 -0
package/src/assets/img/user5-128x128.jpg +0 -0
package/src/assets/img/user6-128x128.jpg +0 -0
package/src/assets/img/user7-128x128.jpg +0 -0
package/src/assets/img/user8-128x128.jpg +0 -0
package/src/config/assets.config.mjs +0 -8
package/src/config/astro.config.mjs +0 -19
package/src/config/postcss.config.mjs +0 -15
package/src/config/rollup.config.js +0 -20
package/src/html/.eslintrc.json +0 -24
package/src/html/.prettierrc.js +0 -11
package/src/html/.tsconfig.json +0 -4
package/src/html/components/_head.astro +0 -37
package/src/html/components/_scripts.astro +0 -39
package/src/html/components/dashboard/_footer.astro +0 -18
package/src/html/components/dashboard/_sidenav.astro +0 -562
package/src/html/components/dashboard/_topbar.astro +0 -221
package/src/html/components/docs/browser-support.mdx +0 -23
package/src/html/components/docs/color-mode.mdx +0 -169
package/src/html/components/docs/components/main-header.mdx +0 -198
package/src/html/components/docs/components/main-sidebar.mdx +0 -129
package/src/html/components/docs/faq.mdx +0 -11
package/src/html/components/docs/how-to-contribute.mdx +0 -34
package/src/html/components/docs/introduction.mdx +0 -60
package/src/html/components/docs/license.mdx +0 -9
package/src/html/components/javascript/treeview.mdx +0 -39
package/src/html/env.d.ts +0 -1
package/src/html/pages/UI/general.astro +0 -1451
package/src/html/pages/UI/timeline.astro +0 -221
package/src/html/pages/docs/browser-support.astro +0 -71
package/src/html/pages/docs/color-mode.astro +0 -273
package/src/html/pages/docs/components/main-header.astro +0 -320
package/src/html/pages/docs/components/main-sidebar.astro +0 -71
package/src/html/pages/docs/faq.astro +0 -71
package/src/html/pages/docs/how-to-contribute.astro +0 -71
package/src/html/pages/docs/introduction.astro +0 -71
package/src/html/pages/docs/javascript/treeview.astro +0 -71
package/src/html/pages/docs/layout.astro +0 -120
package/src/html/pages/docs/license.astro +0 -71
package/src/html/pages/examples/lockscreen.astro +0 -63
package/src/html/pages/examples/login-v2.astro +0 -109
package/src/html/pages/examples/login.astro +0 -99
package/src/html/pages/examples/register-v2.astro +0 -116
package/src/html/pages/examples/register.astro +0 -102
package/src/html/pages/forms/general.astro +0 -624
package/src/html/pages/index.astro +0 -799
package/src/html/pages/index2.astro +0 -1373
package/src/html/pages/index3.astro +0 -513
package/src/html/pages/layout/collapsed-sidebar.astro +0 -110
package/src/html/pages/layout/fixed-complete.astro +0 -209
package/src/html/pages/layout/fixed-sidebar.astro +0 -109
package/src/html/pages/layout/layout-rtl.astro +0 -109
package/src/html/pages/layout/logo-switch.astro +0 -212
package/src/html/pages/layout/sidebar-mini.astro +0 -108
package/src/html/pages/layout/unfixed-sidebar.astro +0 -107
package/src/html/pages/tables/simple.astro +0 -472
package/src/html/pages/widgets/cards.astro +0 -373
package/src/html/pages/widgets/info-box.astro +0 -413
package/src/html/pages/widgets/small-box.astro +0 -182
package/src/utils/index.js +0 -28
package/tsconfig.json +0 -31

package/src/html/pages/index.astro DELETED Viewed

@@ -1,799 +0,0 @@
----
-import Head from "@components/_head.astro";
-import Footer from "@components/dashboard/_footer.astro";
-import Topbar from "@components/dashboard/_topbar.astro";
-import Sidenav from "@components/dashboard/_sidenav.astro";
-import Scripts from "@components/_scripts.astro";
-const title = "AdminLTE v4 | Dashboard";
-const path = "../../dist";
-const mainPage = "dashboard";
-const page = "index";
----
-<!doctype html>
-<html lang="en">
-  <!--begin::Head-->
-  <head>
-    <Head title={title} path={path} />
-    <!-- apexcharts -->
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.css"
-      integrity="sha256-4MX+61mt9NVvvuPjUWdUdyfZfxSB1/Rf9WtqRHgG5S0="
-      crossorigin="anonymous"
-    />
-    <!-- jsvectormap -->
-    <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"
-    />
-  </head>
-  <!--end::Head-->
-  <!--begin::Body-->
-  <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
-    <!--begin::App Wrapper-->
-    <div class="app-wrapper">
-      <Topbar path={path} />
-      <Sidenav path={path} mainPage={mainPage} page={page} />
-      <!--begin::App Main-->
-      <main class="app-main">
-        <!--begin::App Content Header-->
-        <div class="app-content-header">
-          <!--begin::Container-->
-          <div class="container-fluid">
-            <!--begin::Row-->
-            <div class="row">
-              <div class="col-sm-6">
-                <h3 class="mb-0">Dashboard</h3>
-              </div>
-              <div class="col-sm-6">
-                <ol class="breadcrumb float-sm-end">
-                  <li class="breadcrumb-item"><a href="#">Home</a></li>
-                  <li class="breadcrumb-item active" aria-current="page">
-                    Dashboard
-                  </li>
-                </ol>
-              </div>
-            </div>
-            <!--end::Row-->
-          </div>
-          <!--end::Container-->
-        </div>
-        <!--end::App Content Header-->
-        <!--begin::App Content-->
-        <div class="app-content">
-          <!--begin::Container-->
-          <div class="container-fluid">
-            <!--begin::Row-->
-            <div class="row">
-              <!--begin::Col-->
-              <div class="col-lg-3 col-6">
-                <!--begin::Small Box Widget 1-->
-                <div class="small-box text-bg-primary">
-                  <div class="inner">
-                    <h3>150</h3>
-                    <p>New Orders</p>
-                  </div>
-                  <svg
-                    class="small-box-icon"
-                    fill="currentColor"
-                    viewBox="0 0 24 24"
-                    xmlns="http://www.w3.org/2000/svg"
-                    aria-hidden="true"
-                  >
-                    <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>
-                  </svg>
-                  <a
-                    href="#"
-                    class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover"
-                  >
-                    More info <i class="bi bi-link-45deg"></i>
-                  </a>
-                </div>
-                <!--end::Small Box Widget 1-->
-              </div>
-              <!--end::Col-->
-              <div class="col-lg-3 col-6">
-                <!--begin::Small Box Widget 2-->
-                <div class="small-box text-bg-success">
-                  <div class="inner">
-                    <h3>53<sup class="fs-5">%</sup></h3>
-                    <p>Bounce Rate</p>
-                  </div>
-                  <svg
-                    class="small-box-icon"
-                    fill="currentColor"
-                    viewBox="0 0 24 24"
-                    xmlns="http://www.w3.org/2000/svg"
-                    aria-hidden="true"
-                  >
-                    <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>
-                  </svg>
-                  <a
-                    href="#"
-                    class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover"
-                  >
-                    More info <i class="bi bi-link-45deg"></i>
-                  </a>
-                </div>
-                <!--end::Small Box Widget 2-->
-              </div>
-              <!--end::Col-->
-              <div class="col-lg-3 col-6">
-                <!--begin::Small Box Widget 3-->
-                <div class="small-box text-bg-warning">
-                  <div class="inner">
-                    <h3>44</h3>
-                    <p>User Registrations</p>
-                  </div>
-                  <svg
-                    class="small-box-icon"
-                    fill="currentColor"
-                    viewBox="0 0 24 24"
-                    xmlns="http://www.w3.org/2000/svg"
-                    aria-hidden="true"
-                  >
-                    <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>
-                  </svg>
-                  <a
-                    href="#"
-                    class="small-box-footer link-dark link-underline-opacity-0 link-underline-opacity-50-hover"
-                  >
-                    More info <i class="bi bi-link-45deg"></i>
-                  </a>
-                </div>
-                <!--end::Small Box Widget 3-->
-              </div>
-              <!--end::Col-->
-              <div class="col-lg-3 col-6">
-                <!--begin::Small Box Widget 4-->
-                <div class="small-box text-bg-danger">
-                  <div class="inner">
-                    <h3>65</h3>
-                    <p>Unique Visitors</p>
-                  </div>
-                  <svg
-                    class="small-box-icon"
-                    fill="currentColor"
-                    viewBox="0 0 24 24"
-                    xmlns="http://www.w3.org/2000/svg"
-                    aria-hidden="true"
-                  >
-                    <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>
-                    <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>
-                  </svg>
-                  <a
-                    href="#"
-                    class="small-box-footer link-light link-underline-opacity-0 link-underline-opacity-50-hover"
-                  >
-                    More info <i class="bi bi-link-45deg"></i>
-                  </a>
-                </div>
-                <!--end::Small Box Widget 4-->
-              </div>
-              <!--end::Col-->
-            </div>
-            <!--end::Row-->
-            <!--begin::Row-->
-            <div class="row">
-              <!-- Start col -->
-              <div class="col-lg-7 connectedSortable">
-                <div class="card mb-4">
-                  <div class="card-header">
-                    <h3 class="card-title">Sales Value</h3>
-                  </div>
-                  <div class="card-body">
-                    <div id="revenue-chart"></div>
-                  </div>
-                </div>
-                <!-- /.card -->
-                <!-- DIRECT CHAT -->
-                <div class="card direct-chat direct-chat-primary mb-4">
-                  <div class="card-header">
-                    <h3 class="card-title">Direct Chat</h3>
-                    <div class="card-tools">
-                      <span
-                        title="3 New Messages"
-                        class="badge text-bg-primary"
-                      >
-                        3
-                      </span>
-                      <button
-                        type="button"
-                        class="btn btn-tool"
-                        data-lte-toggle="card-collapse"
-                      >
-                        <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
-                        <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
-                      </button>
-                      <button
-                        type="button"
-                        class="btn btn-tool"
-                        title="Contacts"
-                        data-lte-toggle="chat-pane"
-                      >
-                        <i class="bi bi-chat-text-fill"></i>
-                      </button>
-                      <button
-                        type="button"
-                        class="btn btn-tool"
-                        data-lte-toggle="card-remove"
-                      >
-                        <i class="bi bi-x-lg"></i>
-                      </button>
-                    </div>
-                  </div>
-                  <!-- /.card-header -->
-                  <div class="card-body">
-                    <!-- Conversations are loaded here -->
-                    <div class="direct-chat-messages">
-                      <!-- Message. Default to the start -->
-                      <div class="direct-chat-msg">
-                        <div class="direct-chat-infos clearfix">
-                          <span class="direct-chat-name float-start">
-                            Alexander Pierce
-                          </span>
-                          <span class="direct-chat-timestamp float-end">
-                            23 Jan 2:00 pm
-                          </span>
-                        </div>
-                        <!-- /.direct-chat-infos -->
-                        <img
-                          class="direct-chat-img"
-                          src={path + "/assets/img/user1-128x128.jpg"}
-                          alt="message user image"
-                        />
-                        <!-- /.direct-chat-img -->
-                        <div class="direct-chat-text">
-                          Is this template really for free? That's unbelievable!
-                        </div>
-                        <!-- /.direct-chat-text -->
-                      </div>
-                      <!-- /.direct-chat-msg -->
-                      <!-- Message to the end -->
-                      <div class="direct-chat-msg end">
-                        <div class="direct-chat-infos clearfix">
-                          <span class="direct-chat-name float-end">
-                            Sarah Bullock
-                          </span>
-                          <span class="direct-chat-timestamp float-start">
-                            23 Jan 2:05 pm
-                          </span>
-                        </div>
-                        <!-- /.direct-chat-infos -->
-                        <img
-                          class="direct-chat-img"
-                          src={path + "/assets/img/user3-128x128.jpg"}
-                          alt="message user image"
-                        />
-                        <!-- /.direct-chat-img -->
-                        <div class="direct-chat-text">
-                          You better believe it!
-                        </div>
-                        <!-- /.direct-chat-text -->
-                      </div>
-                      <!-- /.direct-chat-msg -->
-                      <!-- Message. Default to the start -->
-                      <div class="direct-chat-msg">
-                        <div class="direct-chat-infos clearfix">
-                          <span class="direct-chat-name float-start">
-                            Alexander Pierce
-                          </span>
-                          <span class="direct-chat-timestamp float-end">
-                            23 Jan 5:37 pm
-                          </span>
-                        </div>
-                        <!-- /.direct-chat-infos -->
-                        <img
-                          class="direct-chat-img"
-                          src={path + "/assets/img/user1-128x128.jpg"}
-                          alt="message user image"
-                        />
-                        <!-- /.direct-chat-img -->
-                        <div class="direct-chat-text">
-                          Working with AdminLTE on a great new app! Wanna join?
-                        </div>
-                        <!-- /.direct-chat-text -->
-                      </div>
-                      <!-- /.direct-chat-msg -->
-                      <!-- Message to the end -->
-                      <div class="direct-chat-msg end">
-                        <div class="direct-chat-infos clearfix">
-                          <span class="direct-chat-name float-end">
-                            Sarah Bullock
-                          </span>
-                          <span class="direct-chat-timestamp float-start">
-                            23 Jan 6:10 pm
-                          </span>
-                        </div>
-                        <!-- /.direct-chat-infos -->
-                        <img
-                          class="direct-chat-img"
-                          src={path + "/assets/img/user3-128x128.jpg"}
-                          alt="message user image"
-                        />
-                        <!-- /.direct-chat-img -->
-                        <div class="direct-chat-text">I would love to.</div>
-                        <!-- /.direct-chat-text -->
-                      </div>
-                      <!-- /.direct-chat-msg -->
-                    </div>
-                    <!-- /.direct-chat-messages-->
-                    <!-- Contacts are loaded here -->
-                    <div class="direct-chat-contacts">
-                      <ul class="contacts-list">
-                        <li>
-                          <a href="#">
-                            <img
-                              class="contacts-list-img"
-                              src={path + "/assets/img/user1-128x128.jpg"}
-                              alt="User Avatar"
-                            />
-                            <div class="contacts-list-info">
-                              <span class="contacts-list-name">
-                                Count Dracula
-                                <small class="contacts-list-date float-end">
-                                  2/28/2023
-                                </small>
-                              </span>
-                              <span class="contacts-list-msg">
-                                How have you been? I was...
-                              </span>
-                            </div>
-                            <!-- /.contacts-list-info -->
-                          </a>
-                        </li>
-                        <!-- End Contact Item -->
-                        <li>
-                          <a href="#">
-                            <img
-                              class="contacts-list-img"
-                              src={path + "/assets/img/user7-128x128.jpg"}
-                              alt="User Avatar"
-                            />
-                            <div class="contacts-list-info">
-                              <span class="contacts-list-name">
-                                Sarah Doe
-                                <small class="contacts-list-date float-end">
-                                  2/23/2023
-                                </small>
-                              </span>
-                              <span class="contacts-list-msg">
-                                I will be waiting for...
-                              </span>
-                            </div>
-                            <!-- /.contacts-list-info -->
-                          </a>
-                        </li>
-                        <!-- End Contact Item -->
-                        <li>
-                          <a href="#">
-                            <img
-                              class="contacts-list-img"
-                              src={path + "/assets/img/user3-128x128.jpg"}
-                              alt="User Avatar"
-                            />
-                            <div class="contacts-list-info">
-                              <span class="contacts-list-name">
-                                Nadia Jolie
-                                <small class="contacts-list-date float-end">
-                                  2/20/2023
-                                </small>
-                              </span>
-                              <span class="contacts-list-msg">
-                                I'll call you back at...
-                              </span>
-                            </div>
-                            <!-- /.contacts-list-info -->
-                          </a>
-                        </li>
-                        <!-- End Contact Item -->
-                        <li>
-                          <a href="#">
-                            <img
-                              class="contacts-list-img"
-                              src={path + "/assets/img/user5-128x128.jpg"}
-                              alt="User Avatar"
-                            />
-                            <div class="contacts-list-info">
-                              <span class="contacts-list-name">
-                                Nora S. Vans
-                                <small class="contacts-list-date float-end">
-                                  2/10/2023
-                                </small>
-                              </span>
-                              <span class="contacts-list-msg">
-                                Where is your new...
-                              </span>
-                            </div>
-                            <!-- /.contacts-list-info -->
-                          </a>
-                        </li>
-                        <!-- End Contact Item -->
-                        <li>
-                          <a href="#">
-                            <img
-                              class="contacts-list-img"
-                              src={path + "/assets/img/user6-128x128.jpg"}
-                              alt="User Avatar"
-                            />
-                            <div class="contacts-list-info">
-                              <span class="contacts-list-name">
-                                John K.
-                                <small class="contacts-list-date float-end">
-                                  1/27/2023
-                                </small>
-                              </span>
-                              <span class="contacts-list-msg">
-                                Can I take a look at...
-                              </span>
-                            </div>
-                            <!-- /.contacts-list-info -->
-                          </a>
-                        </li>
-                        <!-- End Contact Item -->
-                        <li>
-                          <a href="#">
-                            <img
-                              class="contacts-list-img"
-                              src={path + "/assets/img/user8-128x128.jpg"}
-                              alt="User Avatar"
-                            />
-                            <div class="contacts-list-info">
-                              <span class="contacts-list-name">
-                                Kenneth M.
-                                <small class="contacts-list-date float-end">
-                                  1/4/2023
-                                </small>
-                              </span>
-                              <span class="contacts-list-msg">
-                                Never mind I found...
-                              </span>
-                            </div>
-                            <!-- /.contacts-list-info -->
-                          </a>
-                        </li>
-                        <!-- End Contact Item -->
-                      </ul>
-                      <!-- /.contacts-list -->
-                    </div>
-                    <!-- /.direct-chat-pane -->
-                  </div>
-                  <!-- /.card-body -->
-                  <div class="card-footer">
-                    <form action="#" method="post">
-                      <div class="input-group">
-                        <input
-                          type="text"
-                          name="message"
-                          placeholder="Type Message ..."
-                          class="form-control"
-                        />
-                        <span class="input-group-append">
-                          <button type="button" class="btn btn-primary">
-                            Send
-                          </button>
-                        </span>
-                      </div>
-                    </form>
-                  </div>
-                  <!-- /.card-footer-->
-                </div>
-                <!-- /.direct-chat -->
-              </div>
-              <!-- /.Start col -->
-              <!-- Start col -->
-              <div class="col-lg-5 connectedSortable">
-                <div
-                  class="card text-white bg-primary bg-gradient border-primary mb-4"
-                >
-                  <div class="card-header border-0">
-                    <h3 class="card-title">Sales Value</h3>
-                    <div class="card-tools">
-                      <button
-                        type="button"
-                        class="btn btn-primary btn-sm"
-                        data-lte-toggle="card-collapse"
-                      >
-                        <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
-                        <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
-                      </button>
-                    </div>
-                  </div>
-                  <div class="card-body">
-                    <div id="world-map" style="height: 220px"></div>
-                  </div>
-                  <div class="card-footer border-0">
-                    <!--begin::Row-->
-                    <div class="row">
-                      <div class="col-4 text-center">
-                        <div id="sparkline-1" class="text-dark"></div>
-                        <div class="text-white">Visitors</div>
-                      </div>
-                      <div class="col-4 text-center">
-                        <div id="sparkline-2" class="text-dark"></div>
-                        <div class="text-white">Online</div>
-                      </div>
-                      <div class="col-4 text-center">
-                        <div id="sparkline-3" class="text-dark"></div>
-                        <div class="text-white">Sales</div>
-                      </div>
-                    </div>
-                    <!--end::Row-->
-                  </div>
-                </div>
-              </div>
-              <!-- /.Start col -->
-            </div>
-            <!-- /.row (main row) -->
-          </div>
-          <!--end::Container-->
-        </div>
-        <!--end::App Content-->
-      </main>
-      <!--end::App Main-->
-      <Footer />
-    </div>
-    <!--end::App Wrapper-->
-    <!--begin::Script-->
-    <Scripts path={path} />
-    <!-- OPTIONAL SCRIPTS -->
-    <!-- sortablejs -->
-    <script
-      src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"
-      integrity="sha256-ipiJrswvAR4VAx/th+6zWsdeYmVae0iJuiR+6OqHJHQ="
-      crossorigin="anonymous"></script>
-    <!-- sortablejs -->
-    <script is:inline>
-      const connectedSortables =
-        document.querySelectorAll(".connectedSortable");
-      connectedSortables.forEach((connectedSortable) => {
-        let sortable = new Sortable(connectedSortable, {
-          group: "shared",
-          handle: ".card-header",
-        });
-      });
-      const cardHeaders = document.querySelectorAll(
-        ".connectedSortable .card-header",
-      );
-      cardHeaders.forEach((cardHeader) => {
-        cardHeader.style.cursor = "move";
-      });
-    </script>
-    <!-- apexcharts -->
-    <script
-      src="https://cdn.jsdelivr.net/npm/apexcharts@3.37.1/dist/apexcharts.min.js"
-      integrity="sha256-+vh8GkaU7C9/wbSLIcwq82tQ2wTf44aOHA8HlBMwRI8="
-      crossorigin="anonymous"></script>
-    <!-- ChartJS -->
-    <script is:inline>
-      // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
-      // IT'S ALL JUST JUNK FOR DEMO
-      // ++++++++++++++++++++++++++++++++++++++++++
-      const sales_chart_options = {
-        series: [
-          {
-            name: "Digital Goods",
-            data: [28, 48, 40, 19, 86, 27, 90],
-          },
-          {
-            name: "Electronics",
-            data: [65, 59, 80, 81, 56, 55, 40],
-          },
-        ],
-        chart: {
-          height: 300,
-          type: "area",
-          toolbar: {
-            show: false,
-          },
-        },
-        legend: {
-          show: false,
-        },
-        colors: ["#0d6efd", "#20c997"],
-        dataLabels: {
-          enabled: false,
-        },
-        stroke: {
-          curve: "smooth",
-        },
-        xaxis: {
-          type: "datetime",
-          categories: [
-            "2023-01-01",
-            "2023-02-01",
-            "2023-03-01",
-            "2023-04-01",
-            "2023-05-01",
-            "2023-06-01",
-            "2023-07-01",
-          ],
-        },
-        tooltip: {
-          x: {
-            format: "MMMM yyyy",
-          },
-        },
-      };
-      const sales_chart = new ApexCharts(
-        document.querySelector("#revenue-chart"),
-        sales_chart_options,
-      );
-      sales_chart.render();
-    </script>
-    <!-- jsvectormap -->
-    <script
-      src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/js/jsvectormap.min.js"
-      integrity="sha256-/t1nN2956BT869E6H4V1dnt0X5pAQHPytli+1nTZm2Y="
-      crossorigin="anonymous"></script>
-    <script
-      src="https://cdn.jsdelivr.net/npm/jsvectormap@1.5.3/dist/maps/world.js"
-      integrity="sha256-XPpPaZlU8S/HWf7FZLAncLg2SAkP8ScUTII89x9D3lY="
-      crossorigin="anonymous"></script>
-    <!-- jsvectormap -->
-    <script is:inline>
-      const visitorsData = {
-        US: 398, // USA
-        SA: 400, // Saudi Arabia
-        CA: 1000, // Canada
-        DE: 500, // Germany
-        FR: 760, // France
-        CN: 300, // China
-        AU: 700, // Australia
-        BR: 600, // Brazil
-        IN: 800, // India
-        GB: 320, // Great Britain
-        RU: 3000, // Russia
-      };
-      // World map by jsVectorMap
-      const map = new jsVectorMap({
-        selector: "#world-map",
-        map: "world",
-      });
-      // Sparkline charts
-      const option_sparkline1 = {
-        series: [
-          {
-            data: [1000, 1200, 920, 927, 931, 1027, 819, 930, 1021],
-          },
-        ],
-        chart: {
-          type: "area",
-          height: 50,
-          sparkline: {
-            enabled: true,
-          },
-        },
-        stroke: {
-          curve: "straight",
-        },
-        fill: {
-          opacity: 0.3,
-        },
-        yaxis: {
-          min: 0,
-        },
-        colors: ["#DCE6EC"],
-      };
-      const sparkline1 = new ApexCharts(
-        document.querySelector("#sparkline-1"),
-        option_sparkline1,
-      );
-      sparkline1.render();
-      const option_sparkline2 = {
-        series: [
-          {
-            data: [515, 519, 520, 522, 652, 810, 370, 627, 319, 630, 921],
-          },
-        ],
-        chart: {
-          type: "area",
-          height: 50,
-          sparkline: {
-            enabled: true,
-          },
-        },
-        stroke: {
-          curve: "straight",
-        },
-        fill: {
-          opacity: 0.3,
-        },
-        yaxis: {
-          min: 0,
-        },
-        colors: ["#DCE6EC"],
-      };
-      const sparkline2 = new ApexCharts(
-        document.querySelector("#sparkline-2"),
-        option_sparkline2,
-      );
-      sparkline2.render();
-      const option_sparkline3 = {
-        series: [
-          {
-            data: [15, 19, 20, 22, 33, 27, 31, 27, 19, 30, 21],
-          },
-        ],
-        chart: {
-          type: "area",
-          height: 50,
-          sparkline: {
-            enabled: true,
-          },
-        },
-        stroke: {
-          curve: "straight",
-        },
-        fill: {
-          opacity: 0.3,
-        },
-        yaxis: {
-          min: 0,
-        },
-        colors: ["#DCE6EC"],
-      };
-      const sparkline3 = new ApexCharts(
-        document.querySelector("#sparkline-3"),
-        option_sparkline3,
-      );
-      sparkline3.render();
-    </script>
-    <!--end::Script-->
-  </body><!--end::Body-->
-</html>