Home Explore Help
Register Sign In
wilson.silva
/
AdminLte
mirror of https://github.com/almasaeed2010/AdminLTE
1
0
Fork 0
Files Issues 0 Wiki
Browse Source

code refactor

Daniel 1 year ago
parent
9e426399e1
commit
605d03664b
26 changed files with 417 additions and 260 deletions
Split View Show Diff Stats
  1. 0 16
      index.html
  2. 12 15
      src/html/components/_head.astro
  3. 13 12
      src/html/components/_scripts.astro
  4. 19 11
      src/html/pages/UI/timeline.astro
  5. 16 8
      src/html/pages/docs/browser-support.astro
  6. 15 7
      src/html/pages/docs/color-mode.astro
  7. 17 9
      src/html/pages/docs/components/main-header.astro
  8. 16 8
      src/html/pages/docs/components/main-sidebar.astro
  9. 16 8
      src/html/pages/docs/introduction.astro
  10. 16 8
      src/html/pages/docs/layout.astro
  11. 9 3
      src/html/pages/examples/login.astro
  12. 9 3
      src/html/pages/examples/register.astro
  13. 19 11
      src/html/pages/forms/general.astro
  14. 19 11
      src/html/pages/index.astro
  15. 16 10
      src/html/pages/index2.astro
  16. 16 10
      src/html/pages/index3.astro
  17. 19 11
      src/html/pages/layout/collapsed-sidebar.astro
  18. 19 11
      src/html/pages/layout/fixed-sidebar.astro
  19. 20 12
      src/html/pages/layout/layout-rtl.astro
  20. 17 10
      src/html/pages/layout/logo-switch.astro
  21. 19 11
      src/html/pages/layout/sidebar-mini.astro
  22. 19 11
      src/html/pages/layout/unfixed-sidebar.astro
  23. 19 11
      src/html/pages/tables/simple.astro
  24. 19 11
      src/html/pages/widgets/cards.astro
  25. 19 11
      src/html/pages/widgets/info-box.astro
  26. 19 11
      src/html/pages/widgets/small-box.astro

+ 0 - 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>

+ 12 - 15
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)-->

+ 13 - 12
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 -->
 
-<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 -->
 
+<!--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>
 
+<!--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-->

+ 19 - 11
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>

+ 16 - 8
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>

+ 15 - 7
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>

+ 17 - 9
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>

+ 16 - 8
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>

+ 16 - 8
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>

+ 16 - 8
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>

+ 9 - 3
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>

+ 9 - 3
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>

+ 19 - 11
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>

+ 19 - 11
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>

+ 16 - 10
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>

+ 16 - 10
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>

+ 19 - 11
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>

+ 19 - 11
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>

+ 20 - 12
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>

+ 17 - 10
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>

+ 19 - 11
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>

+ 19 - 11
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>

+ 19 - 11
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>

+ 19 - 11
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>

+ 19 - 11
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>

+ 19 - 11
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>