github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

code refactor

pull/5130/head
Daniel 2023-05-21 14:49:50 +05:30
parent 9e426399e1
commit 605d03664b
26 changed files with 417 additions and 260 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@ -1,16 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AdminLTE v4</title>
</head>
<body>
<!-- TODO: Remove below link Before Alpha Release of AdminLTE v4 -->
<a href="https://github.com/ColorlibHQ/AdminLTE/tree/v4-dev">Check once</a>
<script>
window.location = './dist/pages/index.html';
</script>
</body>
</html>

27
src/html/components/_head.astro
View File

@ -1,31 +1,28 @@
---
const { title, path, isRtl } = Astro.props
const cssPath = isRtl ? '.rtl' : ''
const { title, path, isRtl } = Astro.props;
const cssPath = isRtl ? '.rtl' : '';
---
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Primary Meta Tags -->
<title>{title}</title>
<!--begin::Primary Meta Tags-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content={title}>
<meta name="author" content="ColorlibHQ">
<meta name="description" content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS.">
<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" />
<!-- OPTIONAL LINKS -->
<!-- Google Font: Source Sans Pro -->
<!--end::Primary Meta Tags-->
<!--begin::Fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<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">
<!-- overlayscrollbars -->
<!--end::Fonts-->
<!--begin::Third Party Plugin(OverlayScrollbars)-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/styles/overlayscrollbars.min.css" integrity="sha256-LWLZPJ7X1jJLI5OG5695qDemW1qQ7lNdbTfQ64ylbUY=" crossorigin="anonymous">
<!-- @fortawesome/fontawesome-free -->
<!--end::Third Party Plugin(OverlayScrollbars)-->
<!--begin::Third Party Plugin(Font Awesome)-->
<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">
<!-- REQUIRED LINKS -->
<!-- Theme style -->
<!--end::Third Party Plugin(Font Awesome)-->
<!--begin::Required Plugin(AdminLTE)-->
<link rel="stylesheet" href={path + '/css/adminlte' + cssPath + '.css'} >
<!--end::Required Plugin(AdminLTE)-->

25
src/html/components/_scripts.astro
View File

@ -1,22 +1,22 @@
---
const { path } = Astro.props
const adminlteJsUrl = path + '/js/adminlte.js'
const { path } = Astro.props;
const adminlteJsUrl = path + '/js/adminlte.js';
---
<!-- OPTIONAL SCRIPTS -->
<!-- overlayscrollbars -->
<!--begin::Third Party Plugin(OverlayScrollbars)-->
<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.1.0/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-NRZchBuHZWSXldqrtAOeCZpucH/1n1ToJ3C8mSK95NU=" crossorigin="anonymous"></script>
<!-- @popperjs for Bootstrap 5 -->
<!--end::Third Party Plugin(OverlayScrollbars)-->
<!--begin::Required Plugin(popperjs for Bootstrap 5)-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
<!-- Bootstrap 5 -->
<!--end::Required Plugin(popperjs for Bootstrap 5)-->
<!--begin::Required Plugin(Bootstrap 5)-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>
<!-- REQUIRED SCRIPTS -->
<!-- AdminLTE App -->
<!--end::Required Plugin(Bootstrap 5)-->
<!--begin::Required Plugin(AdminLTE)-->
<script src={adminlteJsUrl} is:inline></script>
<!--end::Required Plugin(AdminLTE)-->
<!-- OPTIONAL SCRIPTS -->
<!--begin::OverlayScrollbars Configure-->
<script is:inline>
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper'
const Default = {
@ -38,3 +38,4 @@ const adminlteJsUrl = path + '/js/adminlte.js'
}
})
</script>
<!--end::OverlayScrollbars Configure-->

30
src/html/pages/UI/timeline.astro
View File

@ -5,22 +5,28 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Timeline Elements'
const path = '../../../dist'
const mainPage = 'ui-elements'
const page = 'timeline'
const title = 'AdminLTE 4 | Timeline Elements';
const path = '../../../dist';
const mainPage = 'ui-elements';
const page = 'timeline';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -36,7 +42,8 @@ const page = 'timeline'
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<!-- Timelime example -->
@ -145,14 +152,15 @@ const page = 'timeline'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

24
src/html/pages/docs/browser-support.astro
View File

@ -5,23 +5,29 @@ import Topbar from "@components/dashboard/_topbar.astro";
import BrowserSupport from "@components/docs/browser-support.mdx";
import Sidenav from "@components/dashboard/_sidenav.astro";
import Scripts from "@components/_scripts.astro";
const title = "Browser Support | AdminLTE 4";
const path = '../../../dist'
const path = '../../../dist';
const mainPage = "docs";
const page = "browser-support";
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -39,20 +45,22 @@ const page = "browser-support";
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<BrowserSupport />
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

22
src/html/pages/docs/color-mode.astro
View File

@ -5,23 +5,29 @@ import Topbar from "@components/dashboard/_topbar.astro";
import Sidenav from "@components/dashboard/_sidenav.astro";
import Scripts from "@components/_scripts.astro";
import ColorMode from "@components/docs/color-mode.mdx";
const title = "Color Mode | AdminLTE 4";
const path = '../../../dist'
const path = '../../../dist';
const mainPage = "docs";
const page = "color-mode";
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -39,7 +45,8 @@ const page = "color-mode";
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<div class="row g-4">
@ -133,13 +140,12 @@ const page = "color-mode";
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<Scripts path={path} />
@ -218,5 +224,7 @@ const page = "color-mode";
});
})();
</script>
<!--end::Script-->
</body>
<!--end::Body-->
</html>

26
src/html/pages/docs/components/main-header.astro
View File

@ -5,24 +5,30 @@ import Topbar from "@components/dashboard/_topbar.astro";
import MainHeader from "@components/docs/components/main-header.mdx";
import Sidenav from "@components/dashboard/_sidenav.astro";
import Scripts from "@components/_scripts.astro";
const title = "Main Header Component | AdminLTE 4";
const path = '../../../../dist'
const path = '../../../../dist';
const mainPage = "components";
const page = "main-header";
const distPath = path
const distPath = path;
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -40,7 +46,8 @@ const distPath = path
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<div class="callout callout-warning mb-4">
@ -219,14 +226,15 @@ const distPath = path
</div>
<!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

24
src/html/pages/docs/components/main-sidebar.astro
View File

@ -5,23 +5,29 @@ import Topbar from "@components/dashboard/_topbar.astro";
import MainSidebar from "@components/docs/components/main-sidebar.mdx";
import Sidenav from "@components/dashboard/_sidenav.astro";
import Scripts from "@components/_scripts.astro";
const title = "Main Sidebar Component | AdminLTE 4";
const path = '../../../../dist'
const path = '../../../../dist';
const mainPage = "components";
const page = "main-sidebar";
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -39,21 +45,23 @@ const page = "main-sidebar";
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<MainSidebar />
</div>
<!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

24
src/html/pages/docs/introduction.astro
View File

@ -5,23 +5,29 @@ import Topbar from "@components/dashboard/_topbar.astro";
import Sidenav from "@components/dashboard/_sidenav.astro";
import Scripts from "@components/_scripts.astro";
import Introduction from "@components/docs/introduction.mdx";
const title = "Introduction | AdminLTE 4";
const path = '../../../dist'
const path = '../../../dist';
const mainPage = "docs";
const page = "introduction";
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -39,20 +45,22 @@ const page = "introduction";
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<Introduction />
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

24
src/html/pages/docs/layout.astro
View File

@ -4,23 +4,29 @@ 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 = "Layout | AdminLTE 4";
const path = '../../../dist'
const path = '../../../dist';
const mainPage = "docs";
const page = "layout";
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -38,7 +44,8 @@ const page = "layout";
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<div class="callout callout-info mb-4">
@ -65,14 +72,15 @@ const page = "layout";
</div>
<!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

12
src/html/pages/examples/login.astro
View File

@ -2,15 +2,19 @@
import Head from '@components/_head.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Login Page'
const path = '../../../dist'
const htmlPath = '..'
const title = 'AdminLTE 4 | Login Page';
const path = '../../../dist';
const htmlPath = '..';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</head>
<!--end::Head-->
<!--begin::Body-->
<body class="login-page bg-body-secondary">
<div class="login-box">
<div class="login-logo">
@ -77,5 +81,7 @@ const htmlPath = '..'
<!-- /.login-box -->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

12
src/html/pages/examples/register.astro
View File

@ -2,15 +2,19 @@
import Head from '@components/_head.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Register Page'
const path = '../../../dist'
const htmlPath = '..'
const title = 'AdminLTE 4 | Register Page';
const path = '../../../dist';
const htmlPath = '..';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</head>
<!--end::Head-->
<!--begin::Body-->
<body class="register-page bg-body-secondary">
<div class="register-box">
<div class="register-logo">
@ -80,5 +84,7 @@ const htmlPath = '..'
<!-- /.register-box -->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

30
src/html/pages/forms/general.astro
View File

@ -5,22 +5,28 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | General Form Elements'
const path = '../../../dist'
const mainPage = 'forms'
const page = 'general'
const title = 'AdminLTE 4 | General Form Elements';
const path = '../../../dist';
const mainPage = 'forms';
const page = 'general';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -36,7 +42,8 @@ const page = 'general'
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<div class="row g-4">
@ -80,14 +87,15 @@ const page = 'general'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

30
src/html/pages/index.astro
View File

@ -5,14 +5,15 @@ 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'
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} />
@ -22,13 +23,16 @@ const page = 'index'
<!-- 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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -44,6 +48,8 @@ const page = 'index'
</div>
</div>
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<!-- Small boxes (Stat box) -->
@ -366,13 +372,13 @@ const page = 'index'
<!-- /.row (main row) -->
</div><!-- /.container-fluid -->
</div>
<!--end::App Content-->
</main>
<!-- /.app-content -->
<Footer />
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!-- OPTIONAL SCRIPTS -->
@ -549,5 +555,7 @@ const page = 'index'
const sparkline3 = new ApexCharts(document.querySelector("#sparkline-3"), option_sparkline3);
sparkline3.render();
</script>
<!--end::Script-->
</body>
<!--end::Body-->
</html>

26
src/html/pages/index2.astro
View File

@ -5,13 +5,15 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE | Dashboard v2'
const path = '../../dist'
const mainPage = 'dashboard'
const page = 'index2'
const title = 'AdminLTE | Dashboard v2';
const path = '../../dist';
const mainPage = 'dashboard';
const page = 'index2';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
@ -20,11 +22,13 @@ const page = 'index2'
</head>
<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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -808,13 +812,13 @@ const page = 'index2'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!--end::App Content-->
</main>
<!-- /.app-content -->
<Footer />
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!-- OPTIONAL SCRIPTS -->
@ -909,5 +913,7 @@ const page = 'index2'
// - END PIE CHART -
//-----------------
</script>
<!--end::Script-->
</body>
<!--end::Body-->
</html>

26
src/html/pages/index3.astro
View File

@ -5,13 +5,15 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE | Dashboard v3'
const path = '../../dist'
const mainPage = 'dashboard'
const page = 'index3'
const title = 'AdminLTE | Dashboard v3';
const path = '../../dist';
const mainPage = 'dashboard';
const page = 'index3';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
@ -20,11 +22,13 @@ const page = 'index3'
</head>
<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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -293,13 +297,13 @@ const page = 'index3'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!--end::App Content-->
</main>
<!-- /.app-content -->
<Footer />
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!-- OPTIONAL SCRIPTS -->
@ -408,5 +412,7 @@ const page = 'index3'
var sales_chart = new ApexCharts(document.querySelector("#sales-chart"), sales_chart_options);
sales_chart.render();
</script>
<!--end::Script-->
</body>
<!--end::Body-->
</html>

30
src/html/pages/layout/collapsed-sidebar.astro
View File

@ -5,22 +5,28 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Sidebar Mini'
const path = '../../../dist'
const mainPage = 'layout'
const page = 'collapsed-sidebar'
const title = 'AdminLTE 4 | Sidebar Mini';
const path = '../../../dist';
const mainPage = 'layout';
const page = 'collapsed-sidebar';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</head>
<!--end::Head-->
<!--begin::Body-->
<body class="layout-fixed sidebar-expand-lg sidebar-mini sidebar-collapse bg-body-tertiary">
<!--begin::App Wrapper-->
<div class="app-wrapper">
<Topbar path={path} />
<Sidenav path={path} mainPage={mainPage} page={page} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -36,7 +42,8 @@ const page = 'collapsed-sidebar'
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<div class="row">
@ -70,14 +77,15 @@ const page = 'collapsed-sidebar'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

30
src/html/pages/layout/fixed-sidebar.astro
View File

@ -5,23 +5,29 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Fixed Sidebar'
const path = '../../../dist'
const mainPage = 'layout'
const page = 'fixed-sidebar'
const title = 'AdminLTE 4 | Fixed Sidebar';
const path = '../../../dist';
const mainPage = 'layout';
const page = 'fixed-sidebar';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -37,7 +43,8 @@ const page = 'fixed-sidebar'
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<div class="row">
@ -71,14 +78,15 @@ const page = 'fixed-sidebar'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

32
src/html/pages/layout/layout-rtl.astro
View File

@ -5,23 +5,29 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Layout RTL'
const path = '../../../dist'
const mainPage = 'layout'
const page = 'layout-rtl'
const isRtl = true
const title = 'AdminLTE 4 | Layout RTL';
const path = '../../../dist';
const mainPage = 'layout';
const page = 'layout-rtl';
const isRtl = true;
---
<!DOCTYPE html>
<html lang="en" dir="rtl">
<!--begin::Head-->
<head>
<Head title={title} path={path} isRtl={isRtl} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -37,7 +43,8 @@ const isRtl = true
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<div class="row">
@ -71,14 +78,15 @@ const isRtl = true
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

27
src/html/pages/layout/logo-switch.astro
View File

@ -5,16 +5,20 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Scripts from '@components/_scripts.astro';
import { convertPathToHtml } from '../../../utils/index.js';
const title = 'AdminLTE 4 | Sidebar Mini'
const path = '../../../dist'
const htmlPath = convertPathToHtml(path)
const title = 'AdminLTE 4 | Sidebar Mini';
const path = '../../../dist';
const htmlPath = convertPathToHtml(path);
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</head>
<!--end::Head-->
<!--begin::Body-->
<body class="layout-fixed sidebar-expand-lg sidebar-mini bg-body-tertiary">
<!--begin::App Wrapper-->
<div class="app-wrapper">
<Topbar path={path} />
<!-- Sidebar Container -->
@ -32,8 +36,9 @@ const htmlPath = convertPathToHtml(path)
</nav>
</div>
</aside>
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -49,7 +54,8 @@ const htmlPath = convertPathToHtml(path)
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<div class="row">
@ -84,14 +90,15 @@ const htmlPath = convertPathToHtml(path)
</div>
<!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

30
src/html/pages/layout/sidebar-mini.astro
View File

@ -5,22 +5,28 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Sidebar Mini'
const path = '../../../dist'
const mainPage = 'layout'
const page = 'sidebar-mini'
const title = 'AdminLTE 4 | Sidebar Mini';
const path = '../../../dist';
const mainPage = 'layout';
const page = 'sidebar-mini';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</head>
<!--end::Head-->
<!--begin::Body-->
<body class="layout-fixed sidebar-expand-lg sidebar-mini bg-body-tertiary">
<!--begin::App Wrapper-->
<div class="app-wrapper">
<Topbar path={path} />
<Sidenav path={path} mainPage={mainPage} page={page} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -36,7 +42,8 @@ const page = 'sidebar-mini'
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<div class="row">
@ -70,14 +77,15 @@ const page = 'sidebar-mini'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

30
src/html/pages/layout/unfixed-sidebar.astro
View File

@ -5,22 +5,28 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Unfixed Sidebar'
const path = '../../../dist'
const mainPage = 'layout'
const page = 'unfixed-sidebar'
const title = 'AdminLTE 4 | Unfixed Sidebar';
const path = '../../../dist';
const mainPage = 'layout';
const page = 'unfixed-sidebar';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</head>
<!--end::Head-->
<!--begin::Body-->
<body class="sidebar-expand-lg bg-body-tertiary">
<!--begin::App Wrapper-->
<div class="app-wrapper">
<Topbar path={path} />
<Sidenav path={path} mainPage={mainPage} page={page} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -36,7 +42,8 @@ const page = 'unfixed-sidebar'
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<div class="row">
@ -70,14 +77,15 @@ const page = 'unfixed-sidebar'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

30
src/html/pages/tables/simple.astro
View File

@ -5,22 +5,28 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Simple Tables'
const path = '../../../dist'
const mainPage = 'tables'
const page = 'simple'
const title = 'AdminLTE 4 | Simple Tables';
const path = '../../../dist';
const mainPage = 'tables';
const page = 'simple';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -36,7 +42,8 @@ const page = 'simple'
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<div class="row">
@ -319,14 +326,15 @@ const page = 'simple'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

30
src/html/pages/widgets/cards.astro
View File

@ -5,22 +5,28 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Widgets - Cards'
const path = '../../../dist'
const mainPage = 'widgets'
const page = 'cards'
const title = 'AdminLTE 4 | Widgets - Cards';
const path = '../../../dist';
const mainPage = 'widgets';
const page = 'cards';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -36,7 +42,8 @@ const page = 'cards'
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<h4 class="mb-2">Cards</h4>
@ -295,14 +302,15 @@ const page = 'cards'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

30
src/html/pages/widgets/info-box.astro
View File

@ -5,22 +5,28 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Widgets - Info Box'
const path = '../../../dist'
const mainPage = 'widgets'
const page = 'info-box'
const title = 'AdminLTE 4 | Widgets - Info Box';
const path = '../../../dist';
const mainPage = 'widgets';
const page = 'info-box';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -36,7 +42,8 @@ const page = 'info-box'
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<h5 class="mb-2">Info Box</h5>
@ -345,14 +352,15 @@ const page = 'info-box'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>

30
src/html/pages/widgets/small-box.astro
View File

@ -5,22 +5,28 @@ import Topbar from '@components/dashboard/_topbar.astro';
import Sidenav from '@components/dashboard/_sidenav.astro';
import Scripts from '@components/_scripts.astro';
const title = 'AdminLTE 4 | Widgets - Small Box'
const path = '../../../dist'
const mainPage = 'widgets'
const page = 'small-box'
const title = 'AdminLTE 4 | Widgets - Small Box';
const path = '../../../dist';
const mainPage = 'widgets';
const page = 'small-box';
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path} />
</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} />
<!-- Main content -->
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<div class="container-fluid">
<div class="row">
@ -36,7 +42,8 @@ const page = 'small-box'
</div>
</div>
</div>
<!-- Main content -->
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<div class="container-fluid">
<!-- Small Box (Stat card) -->
@ -108,14 +115,15 @@ const page = 'small-box'
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<!--end::App Content-->
</main>
<!-- /.app-content -->
<!--end::App Main-->
<Footer />
</div>
<!-- ./app-wrapper -->
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path} />
<!--end::Script-->
</body>
<!--end::Body-->
</html>