Cleanup for AdminLTE
This commit is contained in:
root
parent
8a1922f932
commit
02e63c6403
File diff suppressed because it is too large
Load Diff
@ -1,818 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Icons</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Icons" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Icons</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">Icons</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">
|
||||
<!-- Timelime example -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<!-- The icons -->
|
||||
<div class="col-12">
|
||||
<div class="card card-primary card-outline">
|
||||
<div class="card-header"><h3 class="card-title">Icons</h3></div>
|
||||
<div class="card-body">
|
||||
<p>You can use any font library you like with AdminLTE 4.</p>
|
||||
<strong>Recommendations</strong>
|
||||
<ul class="mt-1">
|
||||
<li><a href="https://fontawesome.com/" target="_blank">Font Awesome</a></li>
|
||||
<li>
|
||||
<a href="https://useiconic.com/open/" target="_blank">Iconic Icons</a>
|
||||
</li>
|
||||
<li><a href="https://ionicons.com/" target="_blank">Ion Icons</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,896 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Timeline Elements</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Timeline Elements" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Timeline</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">Timeline</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">
|
||||
<!-- Timelime example -->
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<!-- The time line -->
|
||||
<div class="timeline">
|
||||
<!-- timeline time label -->
|
||||
<div class="time-label"><span class="text-bg-danger">10 Feb. 2023</span></div>
|
||||
<!-- /.timeline-label -->
|
||||
<!-- timeline item -->
|
||||
<div>
|
||||
<i class="timeline-icon bi bi-envelope text-bg-primary"></i>
|
||||
<div class="timeline-item">
|
||||
<span class="time"> <i class="bi bi-clock-fill"></i> 12:05 </span>
|
||||
<h3 class="timeline-header">
|
||||
<a href="#">Support Team</a> sent you an email
|
||||
</h3>
|
||||
<div class="timeline-body">
|
||||
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning
|
||||
heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo
|
||||
edmodo ifttt zimbra. Babblely odeo kaboodle quora plaxo ideeli hulu weebly
|
||||
balihoo...
|
||||
</div>
|
||||
<div class="timeline-footer">
|
||||
<a class="btn btn-primary btn-sm">Read more</a>
|
||||
<a class="btn btn-danger btn-sm">Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END timeline item -->
|
||||
<!-- timeline item -->
|
||||
<div>
|
||||
<i class="timeline-icon bi bi-person text-bg-success"></i>
|
||||
<div class="timeline-item">
|
||||
<span class="time"> <i class="bi bi-clock-fill"></i> 5 mins ago </span>
|
||||
<h3 class="timeline-header no-border">
|
||||
<a href="#">Sarah Young</a> accepted your friend request
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END timeline item -->
|
||||
<!-- timeline item -->
|
||||
<div>
|
||||
<i class="timeline-icon bi bi-chat-text-fill text-bg-warning"></i>
|
||||
<div class="timeline-item">
|
||||
<span class="time"> <i class="bi bi-clock-fill"></i> 27 mins ago </span>
|
||||
<h3 class="timeline-header">
|
||||
<a href="#">Jay White</a> commented on your post
|
||||
</h3>
|
||||
<div class="timeline-body">
|
||||
Take me to your leader! Switzerland is small and neutral! We are more like
|
||||
Germany, ambitious and misunderstood!
|
||||
</div>
|
||||
<div class="timeline-footer">
|
||||
<a class="btn btn-warning btn-sm">View comment</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END timeline item -->
|
||||
<!-- timeline time label -->
|
||||
<div class="time-label"><span class="text-bg-success">3 Jan. 2023</span></div>
|
||||
<!-- /.timeline-label -->
|
||||
<!-- timeline item -->
|
||||
<div>
|
||||
<i class="timeline-icon bi bi-camera text-bg-primary"></i>
|
||||
<div class="timeline-item">
|
||||
<span class="time"> <i class="bi bi-clock-fill"></i> 2 days ago </span>
|
||||
<h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3>
|
||||
<div class="timeline-body">
|
||||
<img src="../../../dist/assets/img/user1-128x128.jpg" alt="..." />
|
||||
<img src="../../../dist/assets/img/user1-128x128.jpg" alt="..." />
|
||||
<img src="../../../dist/assets/img/user1-128x128.jpg" alt="..." />
|
||||
<img src="../../../dist/assets/img/user1-128x128.jpg" alt="..." />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END timeline item -->
|
||||
<!-- timeline item -->
|
||||
<div>
|
||||
<i class="timeline-icon bi bi-camera-film text-bg-info"></i>
|
||||
<div class="timeline-item">
|
||||
<span class="time"> <i class="bi bi-clock-fill"></i> 5 days ago </span>
|
||||
<h3 class="timeline-header"><a href="#">Mr. Doe</a> shared a video</h3>
|
||||
<div class="timeline-body">
|
||||
<div class="ratio ratio-16x9">
|
||||
<iframe
|
||||
src="https://www.youtube.com/embed/tMWkeBIohBs"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-footer">
|
||||
<a href="#" class="btn btn-sm text-bg-warning"> See comments </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END timeline item -->
|
||||
<div><i class="timeline-icon bi bi-clock-fill text-bg-secondary"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,851 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Browser Support | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="Browser Support | AdminLTE 4" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Browser Support</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Browser Support</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">
|
||||
<p>AdminLTE comes with the same browser support as Bootstrap 5.</p>
|
||||
<blockquote>
|
||||
<h5 id="excerpt-from-bootstraps-official-documentation">
|
||||
Excerpt from Bootstrap’s official Documentation!
|
||||
</h5>
|
||||
<p>
|
||||
Bootstrap supports the <strong>latest, stable releases</strong> of all major
|
||||
browsers and platforms.
|
||||
</p>
|
||||
<p>
|
||||
For more details
|
||||
<a
|
||||
href="https://getbootstrap.com/docs/5.0/getting-started/browsers-devices/#supported-browsers"
|
||||
>look here</a
|
||||
>.
|
||||
</p>
|
||||
</blockquote>
|
||||
<p>
|
||||
You can find our supported range of browsers and their versions in
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE/blob/master/.browserslistrc"
|
||||
>our .browserslistrc file</a
|
||||
>:
|
||||
</p>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="plaintext"
|
||||
><code><span class="line"><span># https://github.com/browserslist/browserslist#readme</span></span>
|
||||
<span class="line"><span></span></span>
|
||||
<span class="line"><span>>= 0.5%</span></span>
|
||||
<span class="line"><span>last 2 major versions</span></span>
|
||||
<span class="line"><span>not dead</span></span>
|
||||
<span class="line"><span>Chrome >= 60</span></span>
|
||||
<span class="line"><span>Firefox >= 60</span></span>
|
||||
<span class="line"><span>Firefox ESR</span></span>
|
||||
<span class="line"><span>iOS >= 12</span></span>
|
||||
<span class="line"><span>Safari >= 12</span></span>
|
||||
<span class="line"><span>not Explorer <= 11</span></span>
|
||||
<span class="line"><span></span></span></code></pre>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,950 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Main Sidebar Component | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="Main Sidebar Component | AdminLTE 4" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/components/main-sidebar.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Main Sidebar Component</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Main Sidebar Component</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">
|
||||
<p>
|
||||
The sidebar used in this page to the left provides an example of what your sidebar
|
||||
would look like. Construction of a sidebar:
|
||||
</p>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="html"
|
||||
><code><span class="line"><span style="color:#6A9955"><!--begin::Sidebar--></span></span>
|
||||
<span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">aside</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"app-sidebar bg-body-secondary shadow"</span><span style="color:#9CDCFE"> data-bs-theme</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dark"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Sidebar Brand--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"sidebar-brand"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Brand Link--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Brand Image--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">img</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./assets/img/AdminLTELogo.png"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> alt</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"AdminLTE Logo"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-image opacity-75 shadow"</span></span>
|
||||
<span class="line"><span style="color:#808080"> /></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Brand Image--></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Brand Text--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-text fw-light"</span><span style="color:#808080">></span><span style="color:#D4D4D4">AdminLTE 4</span><span style="color:#808080"></</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Brand Text--></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Brand Link--></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Sidebar Brand--></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Sidebar Wrapper--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"sidebar-wrapper"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">nav</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"mt-2"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Sidebar Menu--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">ul</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav sidebar-menu flex-column"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> data-lte-toggle</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"treeview"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> role</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"menu"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> data-accordion</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"false"</span></span>
|
||||
<span class="line"><span style="color:#808080"> ></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-header"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Nav Header</span><span style="color:#808080"></</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 1</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#D4D4D4"> Treeview</span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-arrow bi bi-chevron-right"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">ul</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav nav-treeview"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#D4D4D4"> Level 2 (Badge)</span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-badge badge text-bg-secondary me-3"</span></span>
|
||||
<span class="line"><span style="color:#808080"> ></span></span>
|
||||
<span class="line"><span style="color:#D4D4D4"> 6</span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 2</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link active"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 1 Active</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item menu-open"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link active"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#D4D4D4"> Treeview Menu Open</span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-arrow bi bi-chevron-right"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">ul</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav nav-treeview"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link active"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 2 Active</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 2</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Sidebar Menu--></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">nav</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Sidebar Wrapper--></span></span>
|
||||
<span class="line"><span style="color:#808080"></</span><span style="color:#569CD6">aside</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"><!--end::Sidebar--></span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h2 id="alternate-logo">Alternate Logo</h2>
|
||||
<p>
|
||||
You can use two logo images instead of logo with text, you only need to change the
|
||||
markup to this:
|
||||
</p>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="html"
|
||||
><code><span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"sidebar-brand"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-link logo-switch"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">img</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./assets/img/AdminLTELogo.png"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> alt</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"AdminLTE Logo Small"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-image-xl logo-xs opacity-75 shadow"</span></span>
|
||||
<span class="line"><span style="color:#808080"> /></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">img</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./assets/img/AdminLTEFullLogo.png"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> alt</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"AdminLTE Logo Large"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-image-xs logo-xl opacity-75"</span></span>
|
||||
<span class="line"><span style="color:#808080"> /></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"></</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,832 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>FAQ | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="FAQ | AdminLTE 4" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">FAQ</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">FAQ</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">
|
||||
<h4 id="can-adminlte-be-used-with-wordpress">Can AdminLTE be used with WordPress?</h4>
|
||||
<p>
|
||||
AdminLTE is an HTML template that can be used for any purpose. However, it is not made
|
||||
to be easily installed on WordPress. It will require some effort and enough knowledge
|
||||
of the WordPress script to do so.
|
||||
</p>
|
||||
<h4 id="is-there-an-integration-guide-for-php-frameworks-such-as-yii-or-symfony">
|
||||
Is there an integration guide for PHP frameworks such as Yii or Symfony?
|
||||
</h4>
|
||||
<p>
|
||||
Short answer, no. However, there are forks and tutorials around the web that provide
|
||||
info on how to integrate with many different frameworks. There are even versions of
|
||||
AdminLTE that are integrated with jQuery ajax, AngularJS and/or MVC5 ASP .NET.
|
||||
</p>
|
||||
<h4 id="how-do-i-get-notified-of-new-adminlte-versions">
|
||||
How do I get notified of new AdminLTE versions?
|
||||
</h4>
|
||||
<p>
|
||||
You may watch the
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE">releases on GitHub</a>.
|
||||
</p>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,906 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>How To Contribute | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="How To Contribute | AdminLTE 4" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">How To Contribute</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">How To Contribute</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">
|
||||
<h1 id="contributing-to-adminlte">Contributing to AdminLTE</h1>
|
||||
<p>
|
||||
Contributions are always <strong>welcome and recommended</strong>! Here is how for
|
||||
beginner’s:
|
||||
<a href="https://youtu.be/GbqSvJs-6W4">Get started with open source click here</a>
|
||||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
<p>Contribution Requirements :</p>
|
||||
<ul>
|
||||
<li>
|
||||
When you contribute, you agree to give a non-exclusive license to AdminLTE.io to
|
||||
use that contribution in any context as we (AdminLTE.io) see appropriate.
|
||||
</li>
|
||||
<li>
|
||||
If you use content provided by another party, it must be appropriately licensed
|
||||
using an <a href="https://opensource.org/licenses">open source</a> license.
|
||||
</li>
|
||||
<li>Contributions are only accepted through GitHub pull requests.</li>
|
||||
<li>
|
||||
Finally, contributed code must work in all supported browsers (see above for
|
||||
browser support).
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<p>Installation :</p>
|
||||
<ul>
|
||||
<li>
|
||||
Fork the repository (<a href="https://help.github.com/articles/fork-a-repo/"
|
||||
>here is the guide</a
|
||||
>).
|
||||
</li>
|
||||
<li>Clone to your machine</li>
|
||||
</ul>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="bash"
|
||||
><code><span class="line"><span style="color:#DCDCAA">git</span><span style="color:#CE9178"> clone</span><span style="color:#CE9178"> https://github.com/YOUR_USERNAME/AdminLTE.git</span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<ul>
|
||||
<li>Create a new branch from <code>master</code></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<p>Compile dist files (Development) :</p>
|
||||
<ul>
|
||||
<li>
|
||||
To compile the dist files you need Node.js 18 or higher/npm (node package
|
||||
manager)
|
||||
</li>
|
||||
<li><code>npm install</code> (install npm deps)</li>
|
||||
<li>
|
||||
<code>npm run dev</code> (developer mode, autocompile with browsersync support
|
||||
for live demo)
|
||||
</li>
|
||||
<li>
|
||||
Make your changes only in <code>./src</code> Folder OR
|
||||
<code>package.json</code> in any files which are necessary for contribution
|
||||
</li>
|
||||
<li>
|
||||
Do not make changes in <code>./dist/**</code> Because it contains compiled files
|
||||
and do not include in PR (Pull Request)
|
||||
</li>
|
||||
<li>
|
||||
<code>npm run production</code> (compile css/js files and test all pages are
|
||||
perfectly working fine, before creating a pull request)
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<p>Create a pull request to <code>master</code> branch</p>
|
||||
</li>
|
||||
</ol>
|
||||
<h2 id="online-one-click-setup-for-contributing">
|
||||
Online one-click setup for contributing
|
||||
</h2>
|
||||
<p>
|
||||
You can use <a href="https://docs.github.com/en/codespaces">Codespace</a> an online
|
||||
IDE which is free for Open Source for working on issues or making PRs (Pull Requests).
|
||||
With a single click it will launch a workspace and automatically:
|
||||
</p>
|
||||
<ul>
|
||||
<li>clone the <code>AdminLTE</code> repo.</li>
|
||||
<li>
|
||||
Open with <a href="https://docs.github.com/en/codespaces">Codespace</a> or
|
||||
<a href="https://gitpod.io/from-referrer/"
|
||||
><img src="https://gitpod.io/button/open-in-gitpod.svg" alt="Open in Gitpod"
|
||||
/></a>
|
||||
</li>
|
||||
<li>install the dependencies.</li>
|
||||
<li>run <code>npm run dev</code> to start the server.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,895 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Introduction | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="Introduction | AdminLTE 4" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Introduction</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Introduction</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">
|
||||
<h2 id="quick-start">Quick start</h2>
|
||||
<p>There are multiple ways to install AdminLTE.</p>
|
||||
<h3 id="download--changelog">Download & Changelog:</h3>
|
||||
<p>
|
||||
Always Recommended to download from GitHub latest release
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE/releases/latest">AdminLTE 4</a> for
|
||||
bug free and latest features.<br />
|
||||
Visit the <a href="https://github.com/ColorlibHQ/AdminLTE/releases">releases</a> page
|
||||
to view the changelog.<br />
|
||||
Legacy Releases are
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE/releases/tag/v3.2.0">AdminLTE 3</a> /
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE/releases/tag/v2.4.18">AdminLTE 2</a> /
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE/releases/tag/1.3.1">AdminLTE 1</a>.
|
||||
</p>
|
||||
<h2 id="stable-release">Stable release</h2>
|
||||
<h3 id="grab-from-jsdelivr-cdn">
|
||||
Grab from <a href="https://www.jsdelivr.com/package/npm/admin-lte">jsdelivr</a> CDN:
|
||||
</h3>
|
||||
<p>
|
||||
<em
|
||||
><strong>Important Note</strong>: You needed to add separately cdn links for plugins
|
||||
in your project.</em
|
||||
>
|
||||
</p>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="html"
|
||||
><code><span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">script</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"https://cdn.jsdelivr.net/npm/admin-lte@4.0.0-beta3/dist/js/adminlte.min.js"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> crossorigin</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"anonymous"</span></span>
|
||||
<span class="line"><span style="color:#808080">></</span><span style="color:#569CD6">script</span><span style="color:#808080">></span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="html"
|
||||
><code><span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">link</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> rel</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"stylesheet"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"https://cdn.jsdelivr.net/npm/admin-lte@4.0.0-beta3/dist/css/adminlte.min.css"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> crossorigin</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"anonymous"</span></span>
|
||||
<span class="line"><span style="color:#808080">/></span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h3 id="using-the-command-line">Using The Command Line:</h3>
|
||||
<p>
|
||||
<em
|
||||
><strong>Important Note</strong>: To install it via npm/Yarn, you need at least
|
||||
Node.js 14 or higher.</em
|
||||
>
|
||||
</p>
|
||||
<h4 id="via-npm">Via npm</h4>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="bash"
|
||||
><code><span class="line"><span style="color:#DCDCAA">npm</span><span style="color:#CE9178"> install</span><span style="color:#CE9178"> admin-lte@4.0.0-beta3</span><span style="color:#569CD6"> --save</span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h4 id="via-yarn">Via Yarn</h4>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="bash"
|
||||
><code><span class="line"><span style="color:#DCDCAA">yarn</span><span style="color:#CE9178"> add</span><span style="color:#CE9178"> admin-lte@4.0.0-beta3</span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h4 id="via-composer">Via Composer</h4>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="bash"
|
||||
><code><span class="line"><span style="color:#DCDCAA">composer</span><span style="color:#CE9178"> require</span><span style="color:#CE9178"> "almasaeed2010/adminlte=4.0.0-beta3"</span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h4 id="via-git">Via Git</h4>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="bash"
|
||||
><code><span class="line"><span style="color:#DCDCAA">git</span><span style="color:#CE9178"> clone</span><span style="color:#CE9178"> https://github.com/ColorlibHQ/AdminLTE.git</span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,847 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Treeview Plugin | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="Treeview Plugin | AdminLTE 4" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/javascript/treeview.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Treeview Plugin</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Treeview Plugin</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">
|
||||
<p>
|
||||
The Treeview plugin converts a nested list into a tree view where sub menus can be
|
||||
expanded.
|
||||
</p>
|
||||
<h5 id="usage">Usage</h5>
|
||||
<p>This plugin can be used as the data api.</p>
|
||||
<p><strong>Data API</strong></p>
|
||||
<p>
|
||||
Add <code>data-lte-toggle="treeview"</code> to any ul or ol element to
|
||||
activate the plugin.
|
||||
</p>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="html"
|
||||
><code><span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">ul</span><span style="color:#9CDCFE"> data-lte-toggle</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"treeview"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#808080">><</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#808080">></span><span style="color:#D4D4D4">One Level</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item menu-open"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Multilevel</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">ul</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-treeview"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#808080">><</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 2</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"></</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h5 id="example">Example</h5>
|
||||
<ul data-lte-toggle="treeview">
|
||||
<li><a href="#">One Level</a></li>
|
||||
<li class="nav-item menu-open">
|
||||
<a class="nav-link" href="#"><p>Multilevel</p></a>
|
||||
<ul class="nav-treeview">
|
||||
<li><a href="#">Level 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,839 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Layout | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="Layout | AdminLTE 4" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Layout</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Layout</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<div class="container-fluid">
|
||||
<div class="callout callout-info mb-4">
|
||||
<h5 class="fw-bold">Tips</h5>
|
||||
<p>
|
||||
The
|
||||
<a
|
||||
href="/starter.html"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="callout-link"
|
||||
>
|
||||
starter page
|
||||
</a>
|
||||
is a good place to start building your app if you’d like to start from scratch.
|
||||
</p>
|
||||
</div>
|
||||
<p>The layout consists of five major parts:</p>
|
||||
<ul>
|
||||
<li>Wrapper <code>.app-wrapper</code> . A div that wraps the whole site.</li>
|
||||
<li>Main Header <code>.app-header</code> . Contains the logo and navbar.</li>
|
||||
<li>
|
||||
Main Sidebar <code>.app-sidebar</code> . Contains the sidebar user panel and menu.
|
||||
</li>
|
||||
<li>Content <code>.app-main</code> . Contains the page header and content.</li>
|
||||
<li>Main Footer <code>.app-footer</code> . Contains the footer.</li>
|
||||
</ul>
|
||||
<h4>Layout Options</h4>
|
||||
<p>
|
||||
AdminLTE v4 provides a set of options to apply to your main layout. Each one of these
|
||||
classes can be added to the
|
||||
<code>body</code> tag to get the desired goal.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Fixed Sidebar: use the class <code>.layout-fixed</code> to get a fixed sidebar.
|
||||
</li>
|
||||
<li>
|
||||
Mini Sidebar on Toggle: use the class
|
||||
<code>.sidebar-expand-* .sidebar-mini</code>
|
||||
to have a collapsed sidebar upon loading.
|
||||
</li>
|
||||
<li>
|
||||
Collapsed Sidebar: use the class
|
||||
<code>.sidebar-expand-* .sidebar-mini .sidebar-collapse</code> to have a collapsed
|
||||
sidebar upon loading.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.container-fluid -->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,830 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>License | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="License | AdminLTE 4" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">License</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">License</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">
|
||||
<p>
|
||||
AdminLTE is an open source project that is licensed under the
|
||||
<a href="https://opensource.org/licenses/MIT">MIT license</a>. This allows you to do
|
||||
pretty much anything you want as long as you include the copyright in “all copies or
|
||||
substantial portions of the Software.” Attribution is not required (though very much
|
||||
appreciated).
|
||||
</p>
|
||||
<h5 class="text-bold text-dark mt-3">
|
||||
What You Are <span class="text-success">Allowed</span> To Do With AdminLTE
|
||||
</h5>
|
||||
<ul>
|
||||
<li>Use in commercial projects.</li>
|
||||
<li>Use in personal/private projects.</li>
|
||||
<li>Modify and change the work.</li>
|
||||
<li>Distribute the code.</li>
|
||||
<li>
|
||||
Sublicense: incorporate the work into something that has a more restrictive license.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,132 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Lockscreen</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Lockscreen" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="lockscreen bg-body-secondary">
|
||||
<div class="lockscreen-wrapper">
|
||||
<div class="lockscreen-logo">
|
||||
<a href="../index2.html"><b>Admin</b>LTE</a>
|
||||
</div>
|
||||
<div class="lockscreen-name">John Doe</div>
|
||||
<div class="lockscreen-item">
|
||||
<div class="lockscreen-image">
|
||||
<img src="../../../dist/assets/img/user1-128x128.jpg" alt="User Image" />
|
||||
</div>
|
||||
<form class="lockscreen-credentials">
|
||||
<div class="input-group">
|
||||
<input type="password" class="form-control shadow-none" placeholder="password" />
|
||||
<div class="input-group-text border-0 bg-transparent px-1">
|
||||
<button type="button" class="btn shadow-none">
|
||||
<i class="bi bi-box-arrow-right text-body-secondary"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="help-block text-center">Enter your password to retrieve your session</div>
|
||||
<div class="text-center">
|
||||
<a href="login.html" class="text-decoration-none">Or sign in as a different user</a>
|
||||
</div>
|
||||
<div class="lockscreen-footer text-center">
|
||||
Copyright © 2014-2024
|
||||
<b
|
||||
><a
|
||||
href="https://adminlte.io"
|
||||
class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover"
|
||||
>AdminLTE.io</a
|
||||
></b
|
||||
>
|
||||
<br />
|
||||
All rights reserved
|
||||
</div>
|
||||
</div>
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="undefined/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,160 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Login Page v2</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Login Page v2" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="login-page bg-body-secondary">
|
||||
<div class="login-box">
|
||||
<div class="card card-outline card-primary">
|
||||
<div class="card-header">
|
||||
<a
|
||||
href="../index2.html"
|
||||
class="link-dark text-center link-offset-2 link-opacity-100 link-opacity-50-hover"
|
||||
>
|
||||
<h1 class="mb-0"><b>Admin</b>LTE</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-body login-card-body">
|
||||
<p class="login-box-msg">Sign in to start your session</p>
|
||||
<form action="../index3.html" method="post">
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input id="loginEmail" type="email" class="form-control" value="" placeholder="" />
|
||||
<label for="loginEmail">Email</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-envelope"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input id="loginPassword" type="password" class="form-control" placeholder="" />
|
||||
<label for="loginPassword">Password</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
|
||||
</div>
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-8 d-inline-flex align-items-center">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" />
|
||||
<label class="form-check-label" for="flexCheckDefault"> Remember Me </label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-4">
|
||||
<div class="d-grid gap-2">
|
||||
<button type="submit" class="btn btn-primary">Sign In</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</form>
|
||||
<div class="social-auth-links text-center mb-3 d-grid gap-2">
|
||||
<p>- OR -</p>
|
||||
<a href="#" class="btn btn-primary">
|
||||
<i class="bi bi-facebook me-2"></i> Sign in using Facebook
|
||||
</a>
|
||||
<a href="#" class="btn btn-danger">
|
||||
<i class="bi bi-google me-2"></i> Sign in using Google+
|
||||
</a>
|
||||
</div>
|
||||
<!-- /.social-auth-links -->
|
||||
<p class="mb-1"><a href="forgot-password.html">I forgot my password</a></p>
|
||||
<p class="mb-0">
|
||||
<a href="register.html" class="text-center"> Register a new membership </a>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /.login-card-body -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.login-box -->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,150 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Login Page</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Login Page" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="login-page bg-body-secondary">
|
||||
<div class="login-box">
|
||||
<div class="login-logo">
|
||||
<a href="../index2.html"><b>Admin</b>LTE</a>
|
||||
</div>
|
||||
<!-- /.login-logo -->
|
||||
<div class="card">
|
||||
<div class="card-body login-card-body">
|
||||
<p class="login-box-msg">Sign in to start your session</p>
|
||||
<form action="../index3.html" method="post">
|
||||
<div class="input-group mb-3">
|
||||
<input type="email" class="form-control" placeholder="Email" />
|
||||
<div class="input-group-text"><span class="bi bi-envelope"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-3">
|
||||
<input type="password" class="form-control" placeholder="Password" />
|
||||
<div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
|
||||
</div>
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" />
|
||||
<label class="form-check-label" for="flexCheckDefault"> Remember Me </label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-4">
|
||||
<div class="d-grid gap-2">
|
||||
<button type="submit" class="btn btn-primary">Sign In</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</form>
|
||||
<div class="social-auth-links text-center mb-3 d-grid gap-2">
|
||||
<p>- OR -</p>
|
||||
<a href="#" class="btn btn-primary">
|
||||
<i class="bi bi-facebook me-2"></i> Sign in using Facebook
|
||||
</a>
|
||||
<a href="#" class="btn btn-danger">
|
||||
<i class="bi bi-google me-2"></i> Sign in using Google+
|
||||
</a>
|
||||
</div>
|
||||
<!-- /.social-auth-links -->
|
||||
<p class="mb-1"><a href="forgot-password.html">I forgot my password</a></p>
|
||||
<p class="mb-0">
|
||||
<a href="register.html" class="text-center"> Register a new membership </a>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /.login-card-body -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.login-box -->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,169 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Register Page v2</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Register Page v2" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="register-page bg-body-secondary">
|
||||
<div class="register-box">
|
||||
<!-- /.register-logo -->
|
||||
<div class="card card-outline card-primary">
|
||||
<div class="card-header">
|
||||
<a
|
||||
href="../index2.html"
|
||||
class="link-dark text-center link-offset-2 link-opacity-100 link-opacity-50-hover"
|
||||
>
|
||||
<h1 class="mb-0"><b>Admin</b>LTE</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-body register-card-body">
|
||||
<p class="register-box-msg">Register a new membership</p>
|
||||
<form action="../index3.html" method="post">
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input id="registerFullName" type="text" class="form-control" placeholder="" />
|
||||
<label for="registerFullName">Full Name</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-person"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input id="registerEmail" type="email" class="form-control" placeholder="" />
|
||||
<label for="registerEmail">Email</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-envelope"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input id="registerPassword" type="password" class="form-control" placeholder="" />
|
||||
<label for="registerPassword">Password</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
|
||||
</div>
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-8 d-inline-flex align-items-center">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" />
|
||||
<label class="form-check-label" for="flexCheckDefault">
|
||||
I agree to the <a href="#">terms</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-4">
|
||||
<div class="d-grid gap-2">
|
||||
<button type="submit" class="btn btn-primary">Sign In</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</form>
|
||||
<div class="social-auth-links text-center mb-3 d-grid gap-2">
|
||||
<p>- OR -</p>
|
||||
<a href="#" class="btn btn-primary">
|
||||
<i class="bi bi-facebook me-2"></i> Sign in using Facebook
|
||||
</a>
|
||||
<a href="#" class="btn btn-danger">
|
||||
<i class="bi bi-google me-2"></i> Sign in using Google+
|
||||
</a>
|
||||
</div>
|
||||
<!-- /.social-auth-links -->
|
||||
<p class="mb-0">
|
||||
<a href="login.html" class="link-primary text-center"> I already have a membership </a>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /.register-card-body -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.register-box -->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,155 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Register Page</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Register Page" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="register-page bg-body-secondary">
|
||||
<div class="register-box">
|
||||
<div class="register-logo">
|
||||
<a href="../index2.html"><b>Admin</b>LTE</a>
|
||||
</div>
|
||||
<!-- /.register-logo -->
|
||||
<div class="card">
|
||||
<div class="card-body register-card-body">
|
||||
<p class="register-box-msg">Register a new membership</p>
|
||||
<form action="../index3.html" method="post">
|
||||
<div class="input-group mb-3">
|
||||
<input type="text" class="form-control" placeholder="Full Name" />
|
||||
<div class="input-group-text"><span class="bi bi-person"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-3">
|
||||
<input type="email" class="form-control" placeholder="Email" />
|
||||
<div class="input-group-text"><span class="bi bi-envelope"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-3">
|
||||
<input type="password" class="form-control" placeholder="Password" />
|
||||
<div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
|
||||
</div>
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" />
|
||||
<label class="form-check-label" for="flexCheckDefault">
|
||||
I agree to the <a href="#">terms</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-4">
|
||||
<div class="d-grid gap-2">
|
||||
<button type="submit" class="btn btn-primary">Sign In</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</form>
|
||||
<div class="social-auth-links text-center mb-3 d-grid gap-2">
|
||||
<p>- OR -</p>
|
||||
<a href="#" class="btn btn-primary">
|
||||
<i class="bi bi-facebook me-2"></i> Sign in using Facebook
|
||||
</a>
|
||||
<a href="#" class="btn btn-danger">
|
||||
<i class="bi bi-google me-2"></i> Sign in using Google+
|
||||
</a>
|
||||
</div>
|
||||
<!-- /.social-auth-links -->
|
||||
<p class="mb-0">
|
||||
<a href="login.html" class="text-center"> I already have a membership </a>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /.register-card-body -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.register-box -->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,737 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Theme Customize</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Theme Customize" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-primary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">
|
||||
<!--begin::Col-->
|
||||
<div class="col-sm-6"><h3 class="mb-0">Theme Customize</h3></div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<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">Theme Customize</li>
|
||||
</ol>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</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-12">
|
||||
<!--begin::Card-->
|
||||
<div class="card">
|
||||
<!--begin::Card Header-->
|
||||
<div class="card-header">
|
||||
<!--begin::Card Title-->
|
||||
<h3 class="card-title">Sidebar Theme</h3>
|
||||
<!--end::Card Title-->
|
||||
<!--begin::Card Toolbar-->
|
||||
<div class="card-tools">
|
||||
<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"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Card Toolbar-->
|
||||
</div>
|
||||
<!--end::Card Header-->
|
||||
<!--begin::Card Body-->
|
||||
<div class="card-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-3">
|
||||
<select
|
||||
id="sidebar-color-modes"
|
||||
class="form-select form-select-lg"
|
||||
aria-label="Sidebar Color Mode Select"
|
||||
>
|
||||
<option value="">---Select---</option>
|
||||
<option value="dark">Dark</option>
|
||||
<option value="light">Light</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-3">
|
||||
<select
|
||||
id="sidebar-color"
|
||||
class="form-select form-select-lg"
|
||||
aria-label="Sidebar Color Select"
|
||||
>
|
||||
<option value="">---Select---</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6"><div id="sidebar-color-code" class="w-100"></div></div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Card Body-->
|
||||
<!--begin::Card Footer-->
|
||||
<div class="card-footer">
|
||||
Check more color in
|
||||
<a
|
||||
href="https://getbootstrap.com/docs/5.3/utilities/background/"
|
||||
target="_blank"
|
||||
class="link-primary"
|
||||
>Bootstrap Background Colors</a
|
||||
>
|
||||
</div>
|
||||
<!--end::Card Footer-->
|
||||
</div>
|
||||
<!--end::Card-->
|
||||
<!--begin::Card-->
|
||||
<div class="card mt-4">
|
||||
<!--begin::Card Header-->
|
||||
<div class="card-header">
|
||||
<!--begin::Card Title-->
|
||||
<h3 class="card-title">Navbar Theme</h3>
|
||||
<!--end::Card Title-->
|
||||
<!--begin::Card Toolbar-->
|
||||
<div class="card-tools">
|
||||
<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"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Card Toolbar-->
|
||||
</div>
|
||||
<!--end::Card Header-->
|
||||
<!--begin::Card Body-->
|
||||
<div class="card-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-3">
|
||||
<select
|
||||
id="navbar-color-modes"
|
||||
class="form-select form-select-lg"
|
||||
aria-label="Navbar Color Mode Select"
|
||||
>
|
||||
<option value="">---Select---</option>
|
||||
<option value="dark">Dark</option>
|
||||
<option value="light">Light</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-3">
|
||||
<select
|
||||
id="navbar-color"
|
||||
class="form-select form-select-lg"
|
||||
aria-label="Navbar Color Select"
|
||||
>
|
||||
<option value="">---Select---</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6"><div id="navbar-color-code" class="w-100"></div></div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Card Body-->
|
||||
<!--begin::Card Footer-->
|
||||
<div class="card-footer">
|
||||
Check more color in
|
||||
<a
|
||||
href="https://getbootstrap.com/docs/5.3/utilities/background/"
|
||||
target="_blank"
|
||||
class="link-primary"
|
||||
>Bootstrap Background Colors</a
|
||||
>
|
||||
</div>
|
||||
<!--end::Card Footer-->
|
||||
</div>
|
||||
<!--end::Card-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const appSidebar = document.querySelector('.app-sidebar');
|
||||
const sidebarColorModes = document.querySelector('#sidebar-color-modes');
|
||||
const sidebarColor = document.querySelector('#sidebar-color');
|
||||
const sidebarColorCode = document.querySelector('#sidebar-color-code');
|
||||
|
||||
const themeBg = [
|
||||
'bg-primary',
|
||||
'bg-primary-subtle',
|
||||
'bg-secondary',
|
||||
'bg-secondary-subtle',
|
||||
'bg-success',
|
||||
'bg-success-subtle',
|
||||
'bg-danger',
|
||||
'bg-danger-subtle',
|
||||
'bg-warning',
|
||||
'bg-warning-subtle',
|
||||
'bg-info',
|
||||
'bg-info-subtle',
|
||||
'bg-light',
|
||||
'bg-light-subtle',
|
||||
'bg-dark',
|
||||
'bg-dark-subtle',
|
||||
'bg-body-secondary',
|
||||
'bg-body-tertiary',
|
||||
'bg-body',
|
||||
'bg-black',
|
||||
'bg-white',
|
||||
'bg-transparent',
|
||||
];
|
||||
|
||||
// loop through each option themeBg array
|
||||
document.querySelector('#sidebar-color').innerHTML = themeBg.map((bg) => {
|
||||
// return option element with value and text
|
||||
return `<option value="${bg}" class="text-${bg}">${bg}</option>`;
|
||||
});
|
||||
|
||||
let sidebarColorMode = '';
|
||||
let sidebarBg = '';
|
||||
|
||||
function updateSidebar() {
|
||||
appSidebar.setAttribute('data-bs-theme', sidebarColorMode);
|
||||
|
||||
sidebarColorCode.innerHTML = `<pre><code class="language-html"><aside class="app-sidebar ${sidebarBg}" data-bs-theme="${sidebarColorMode}">...</aside></code></pre>`;
|
||||
}
|
||||
|
||||
sidebarColorModes.addEventListener('input', (event) => {
|
||||
sidebarColorMode = event.target.value;
|
||||
updateSidebar();
|
||||
});
|
||||
|
||||
sidebarColor.addEventListener('input', (event) => {
|
||||
sidebarBg = event.target.value;
|
||||
|
||||
themeBg.forEach((className) => {
|
||||
appSidebar.classList.remove(className);
|
||||
});
|
||||
|
||||
if (themeBg.includes(sidebarBg)) {
|
||||
appSidebar.classList.add(sidebarBg);
|
||||
}
|
||||
|
||||
updateSidebar();
|
||||
});
|
||||
});
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const appNavbar = document.querySelector('.app-header');
|
||||
const navbarColorModes = document.querySelector('#navbar-color-modes');
|
||||
const navbarColor = document.querySelector('#navbar-color');
|
||||
const navbarColorCode = document.querySelector('#navbar-color-code');
|
||||
|
||||
const themeBg = [
|
||||
'bg-primary',
|
||||
'bg-primary-subtle',
|
||||
'bg-secondary',
|
||||
'bg-secondary-subtle',
|
||||
'bg-success',
|
||||
'bg-success-subtle',
|
||||
'bg-danger',
|
||||
'bg-danger-subtle',
|
||||
'bg-warning',
|
||||
'bg-warning-subtle',
|
||||
'bg-info',
|
||||
'bg-info-subtle',
|
||||
'bg-light',
|
||||
'bg-light-subtle',
|
||||
'bg-dark',
|
||||
'bg-dark-subtle',
|
||||
'bg-body-secondary',
|
||||
'bg-body-tertiary',
|
||||
'bg-body',
|
||||
'bg-black',
|
||||
'bg-white',
|
||||
'bg-transparent',
|
||||
];
|
||||
|
||||
// loop through each option themeBg array
|
||||
document.querySelector('#navbar-color').innerHTML = themeBg.map((bg) => {
|
||||
// return option element with value and text
|
||||
return `<option value="${bg}" class="text-${bg}">${bg}</option>`;
|
||||
});
|
||||
|
||||
let navbarColorMode = '';
|
||||
let navbarBg = '';
|
||||
|
||||
function updateNavbar() {
|
||||
appNavbar.setAttribute('data-bs-theme', navbarColorMode);
|
||||
navbarColorCode.innerHTML = `<pre><code class="language-html"><nav class="app-header navbar navbar-expand ${navbarBg}" data-bs-theme="${navbarColorMode}">...</nav></code></pre>`;
|
||||
}
|
||||
|
||||
navbarColorModes.addEventListener('input', (event) => {
|
||||
navbarColorMode = event.target.value;
|
||||
updateNavbar();
|
||||
});
|
||||
|
||||
navbarColor.addEventListener('input', (event) => {
|
||||
navbarBg = event.target.value;
|
||||
|
||||
themeBg.forEach((className) => {
|
||||
appNavbar.classList.remove(className);
|
||||
});
|
||||
|
||||
if (themeBg.includes(navbarBg)) {
|
||||
appNavbar.classList.add(navbarBg);
|
||||
}
|
||||
|
||||
updateNavbar();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,830 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Sidebar Mini</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Sidebar Mini" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</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">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Collapsed Sidebar</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">Collapsed Sidebar</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">
|
||||
<div class="col-12">
|
||||
<!-- Default box -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Title</h3>
|
||||
<div class="card-tools">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-collapse"
|
||||
title="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"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">Start creating your amazing application!</div>
|
||||
<!-- /.card-body -->
|
||||
<div class="card-footer">Footer</div>
|
||||
<!-- /.card-footer-->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,830 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Fixed Sidebar</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Fixed Sidebar" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Fixed Layout</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">Fixed Layout</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">
|
||||
<div class="col-12">
|
||||
<!-- Default box -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Title</h3>
|
||||
<div class="card-tools">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-collapse"
|
||||
title="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"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">Start creating your amazing application!</div>
|
||||
<!-- /.card-body -->
|
||||
<div class="card-footer">Footer</div>
|
||||
<!-- /.card-footer-->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,862 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Layout Custom Area</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Layout Custom Area" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Top Area-->
|
||||
<div class="app-content-top-area">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6"><div>App Content Top Area</div></div>
|
||||
<div class="col-md-6 text-end">
|
||||
<button type="submit" class="btn btn-primary" name="save" value="create">
|
||||
Create Admin
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Bottom Area-->
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-8"><h3 class="mb-0">Layout Custom Area</h3></div>
|
||||
<div class="col-sm-4">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Fixed Layout</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">
|
||||
<div class="col-12">
|
||||
<!-- Default box -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Title</h3>
|
||||
<div class="card-tools">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-collapse"
|
||||
title="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"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">Start creating your amazing application!</div>
|
||||
<!-- /.card-body -->
|
||||
<div class="card-footer">Footer</div>
|
||||
<!-- /.card-footer-->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
<!--begin::App Content Bottom Area-->
|
||||
<div class="app-content-bottom-area">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6"><div>App Content Bottom Area</div></div>
|
||||
<div class="col-md-6 text-end">
|
||||
<button type="submit" class="btn btn-secondary" name="save" value="create">
|
||||
Refresh
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Bottom Area-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,830 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en" dir="rtl">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Layout RTL</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Layout RTL" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.rtl.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Layout RTL</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">Layout RTL</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">
|
||||
<div class="col-12">
|
||||
<!-- Default box -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Title</h3>
|
||||
<div class="card-tools">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-collapse"
|
||||
title="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"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">Start creating your amazing application!</div>
|
||||
<!-- /.card-body -->
|
||||
<div class="card-footer">Footer</div>
|
||||
<!-- /.card-footer-->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,487 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Sidebar Mini</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Sidebar Mini" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-mini bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link logo-switch">
|
||||
<!--begin::Brand Image Small-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo Small"
|
||||
class="brand-image-xl logo-xs opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image Small-->
|
||||
<!--begin::Brand Image Large-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTEFullLogo.png"
|
||||
alt="AdminLTE Logo Large"
|
||||
class="brand-image-xs logo-xl opacity-75"
|
||||
/>
|
||||
<!--end::Brand Image Large-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!-- Sidebar -->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Logo Switch</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">Logo Switch</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">
|
||||
<div class="col-12">
|
||||
<!-- Default box -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Title</h3>
|
||||
<div class="card-tools">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-collapse"
|
||||
title="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"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">Start creating your amazing application!</div>
|
||||
<!-- /.card-body -->
|
||||
<div class="card-footer">Footer</div>
|
||||
<!-- /.card-footer-->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
</div>
|
||||
<!--begin::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,830 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Sidebar Mini</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Sidebar Mini" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-mini bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Sidebar Mini</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">Sidebar Mini</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">
|
||||
<div class="col-12">
|
||||
<!-- Default box -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Title</h3>
|
||||
<div class="card-tools">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-collapse"
|
||||
title="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"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">Start creating your amazing application!</div>
|
||||
<!-- /.card-body -->
|
||||
<div class="card-footer">Footer</div>
|
||||
<!-- /.card-footer-->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,829 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Unfixed Sidebar</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Unfixed Sidebar" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Unfixed Layout</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">Unfixed Layout</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">
|
||||
<div class="col-12">
|
||||
<!-- Default box -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Title</h3>
|
||||
<div class="card-tools">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-collapse"
|
||||
title="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"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">Start creating your amazing application!</div>
|
||||
<!-- /.card-body -->
|
||||
<div class="card-footer">Footer</div>
|
||||
<!-- /.card-footer-->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,915 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Widgets - Small Box</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Widgets - Small Box" />
|
||||
<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"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--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">Small Box</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">Small Box</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">
|
||||
<!-- Small Box (Stat card) -->
|
||||
<h5 class="mb-2">Small Box</h5>
|
||||
<!-- Small boxes (Stat box) -->
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-6">
|
||||
<!-- small box -->
|
||||
<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>
|
||||
</div>
|
||||
<!-- ./col -->
|
||||
<div class="col-lg-3 col-6">
|
||||
<!-- small box -->
|
||||
<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>
|
||||
</div>
|
||||
<!-- ./col -->
|
||||
<div class="col-lg-3 col-6">
|
||||
<!-- small box -->
|
||||
<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>
|
||||
</div>
|
||||
<!-- ./col -->
|
||||
<div class="col-lg-3 col-6">
|
||||
<!-- small box -->
|
||||
<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>
|
||||
</div>
|
||||
<!-- ./col -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
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.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
@ -1,19 +1,19 @@
|
||||
% layout 'default', title => "Sme server 2 - backup";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - backup";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
@ -26,55 +26,55 @@
|
||||
|
||||
%= form_for '/backupd' => (method => 'POST') => begin
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_ENABLE_TAPE_BACKUP'
|
||||
</span><span class="">
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_ENABLE_TAPE_BACKUP'
|
||||
</span><span class="">
|
||||
% if ( $bac_datas->{status} eq 'checked' ) {
|
||||
<input type='checkbox' name='Tapebackup' checked >
|
||||
<input type='checkbox' name='Tapebackup' checked >
|
||||
%} else {
|
||||
%= check_box 'Tapebackup'
|
||||
%= check_box 'Tapebackup'
|
||||
%}
|
||||
</span>
|
||||
</p>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_TAPE_BACKUP_TIME'
|
||||
</span><span class="">
|
||||
% param 'BackupHour' => $bac_datas->{backupHour} unless param 'BackupHour';
|
||||
%= text_field 'BackupHour', size => '2'
|
||||
% param 'BackupMin' => $bac_datas->{backupMin} unless param 'BackupMin';
|
||||
%= text_field 'BackupMin', size => '2'
|
||||
</span>
|
||||
<!--span class="">
|
||||
%=l 'AM/PM:'
|
||||
<!--/span--><span class="">
|
||||
% param 'BackupAMPM' => $bac_datas->{backupAMPM} unless param 'BackupAMPM';
|
||||
%= select_field 'BackupAMPM' => ['AM', 'PM'], class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_TAPE_BACKUP_TIME'
|
||||
</span><span class="">
|
||||
% param 'BackupHour' => $bac_datas->{backupHour} unless param 'BackupHour';
|
||||
%= text_field 'BackupHour', size => '2'
|
||||
% param 'BackupMin' => $bac_datas->{backupMin} unless param 'BackupMin';
|
||||
%= text_field 'BackupMin', size => '2'
|
||||
</span>
|
||||
<!--span class="">
|
||||
%=l 'AM/PM:'
|
||||
<!--/span--><span class="">
|
||||
% param 'BackupAMPM' => $bac_datas->{backupAMPM} unless param 'BackupAMPM';
|
||||
%= select_field 'BackupAMPM' => ['AM', 'PM'], class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_LOAD_TAPE_REMINDER_TIME'
|
||||
</span><span class="">
|
||||
% param 'ReminderHour' => $bac_datas->{reminderHour} unless param 'ReminderHour';
|
||||
%= text_field 'ReminderHour', size => '2'
|
||||
% param 'ReminderMin' => $bac_datas->{reminderMin} unless param 'ReminderMin';
|
||||
%= text_field 'ReminderMin', size => '2'
|
||||
</span>
|
||||
<!--span class="">
|
||||
%=l 'AM/PM:'
|
||||
<!--/span--><span class="">
|
||||
% param 'ReminderAMPM' => $bac_datas->{reminderAMPM} unless param 'ReminderAMPM';
|
||||
%= select_field 'ReminderAMPM' => ['AM', 'PM'], class => ""
|
||||
</span>
|
||||
</p><br>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_LOAD_TAPE_REMINDER_TIME'
|
||||
</span><span class="">
|
||||
% param 'ReminderHour' => $bac_datas->{reminderHour} unless param 'ReminderHour';
|
||||
%= text_field 'ReminderHour', size => '2'
|
||||
% param 'ReminderMin' => $bac_datas->{reminderMin} unless param 'ReminderMin';
|
||||
%= text_field 'ReminderMin', size => '2'
|
||||
</span>
|
||||
<!--span class="">
|
||||
%=l 'AM/PM:'
|
||||
<!--/span--><span class="">
|
||||
% param 'ReminderAMPM' => $bac_datas->{reminderAMPM} unless param 'ReminderAMPM';
|
||||
%= select_field 'ReminderAMPM' => ['AM', 'PM'], class => ""
|
||||
</span>
|
||||
</p><br>
|
||||
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= submit_button $c->l('bac_UPDATE_CONF'), class => ""
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= submit_button $c->l('bac_UPDATE_CONF'), class => ""
|
||||
|
||||
% end
|
||||
</div>
|
||||
|
||||
@ -1,36 +1,36 @@
|
||||
% layout 'default', title => "Sme server 2 - backup";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - backup";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
%= form_for '/backupd' => (method => 'POST') => begin
|
||||
|
||||
<h2>
|
||||
%=l 'bac_RESTORE_CONF_FROM_TAPE'
|
||||
</h2>
|
||||
<h2>
|
||||
%=l 'bac_RESTORE_CONF_FROM_TAPE'
|
||||
</h2>
|
||||
|
||||
%= $c->render_to_string(inline => (l 'bac_RESTORE_CONF_FROM_TAPE_DESC'))
|
||||
%= $c->render_to_string(inline => (l 'bac_RESTORE_CONF_FROM_TAPE_DESC'))
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
|
||||
%= submit_button $c->l('bac_RESTORE_FROM_TAPE'), class => ""
|
||||
%= submit_button $c->l('bac_RESTORE_FROM_TAPE'), class => ""
|
||||
|
||||
% end
|
||||
</div>
|
||||
|
||||
@ -1,50 +1,50 @@
|
||||
% layout 'default', title => "Sme server 2 - backup";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - backup";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
%= form_for '/backup' => (method => 'POST') => begin
|
||||
|
||||
<h2>
|
||||
%=l 'bac_CONFIGURE_WORKSTN_BACKUP'
|
||||
</h2>
|
||||
<h2>
|
||||
%=l 'bac_CONFIGURE_WORKSTN_BACKUP'
|
||||
</h2>
|
||||
|
||||
%= $c->render_to_string(inline => (l 'bac_WORKSTN_BACKUP_DESC'))
|
||||
%= $c->render_to_string(inline => (l 'bac_WORKSTN_BACKUP_DESC'))
|
||||
|
||||
%=l 'bac_WORKSTN_BACKUP_ENABLED'
|
||||
<span class="">
|
||||
%= $bac_datas->{status}
|
||||
</span><br>
|
||||
%=l 'bac_WORKSTN_BACKUP_ENABLED'
|
||||
<span class="">
|
||||
%= $bac_datas->{status}
|
||||
</span><br>
|
||||
|
||||
%= $c->render_to_string(inline => $c->workstnBackupConfig())
|
||||
%= $c->render_to_string(inline => $c->workstnBackupConfig())
|
||||
|
||||
<p><h3>
|
||||
%= l 'bac_WORKSTATION_BACKUP_SETCONF'
|
||||
</h3><br>
|
||||
<span class="">
|
||||
%=l 'bac_SELECT_VFS_TYPE'
|
||||
</span><span class="">
|
||||
% param 'VFSType' => $bac_datas->{vfstype} unless param 'VFSType';
|
||||
%= select_field 'VFSType' => $c->get_VFSType_options(), class => ""
|
||||
</span></p>
|
||||
<p><h3>
|
||||
%= l 'bac_WORKSTATION_BACKUP_SETCONF'
|
||||
</h3><br>
|
||||
<span class="">
|
||||
%=l 'bac_SELECT_VFS_TYPE'
|
||||
</span><span class="">
|
||||
% param 'VFSType' => $bac_datas->{vfstype} unless param 'VFSType';
|
||||
%= select_field 'VFSType' => $c->get_VFSType_options(), class => ""
|
||||
</span></p>
|
||||
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'} . '1'
|
||||
%= submit_button $c->l('NEXT'), class => ""
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'} . '1'
|
||||
%= submit_button $c->l('NEXT'), class => ""
|
||||
|
||||
% end
|
||||
|
||||
|
||||
@ -1,154 +1,154 @@
|
||||
% layout 'default', title => "Sme server 2 - backup - conf";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - backup - conf";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
<h2>
|
||||
%=l 'bac_CONFIGURE_WORKSTN_BACKUP'
|
||||
</h2>
|
||||
<h2>
|
||||
%=l 'bac_CONFIGURE_WORKSTN_BACKUP'
|
||||
</h2>
|
||||
|
||||
%= $c->render_to_string(inline => (l 'bac_CONFIGURE_WORKSTN_BACKUP_DESC'))
|
||||
%= $c->render_to_string(inline => (l 'bac_CONFIGURE_WORKSTN_BACKUP_DESC'))
|
||||
|
||||
%= form_for '/backupd' => (method => 'POST') => begin
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_ENABLE_WORKSTN_BACKUP'
|
||||
</span><span class="">
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_ENABLE_WORKSTN_BACKUP'
|
||||
</span><span class="">
|
||||
% if ( $bac_datas->{status} eq 'checked' ) {
|
||||
<input type='checkbox' name='Workstnbackup' checked >
|
||||
<input type='checkbox' name='Workstnbackup' checked >
|
||||
%} else {
|
||||
%= check_box 'Workstnbackup'
|
||||
%= check_box 'Workstnbackup'
|
||||
%}
|
||||
</span>
|
||||
</span>
|
||||
|
||||
</p>
|
||||
<p><h3>
|
||||
%= l 'bac_WORKSTATION_BACKUP_DEST'
|
||||
</h3><br>
|
||||
</p>
|
||||
<p><h3>
|
||||
%= l 'bac_WORKSTATION_BACKUP_DEST'
|
||||
</h3><br>
|
||||
|
||||
% if ( $bac_datas->{vfstype} =~ m/cifs|nfs/s ) {
|
||||
<span class="">
|
||||
%=l 'bac_WORKSTN_NAME'
|
||||
</span><span class="">
|
||||
% param 'BackupwkStation' => $bac_datas->{station} unless param 'BackupwkStation';
|
||||
%= text_field 'BackupwkStation', size => 20, class => ""
|
||||
</span><br>
|
||||
<span class="">
|
||||
%=l 'bac_WORKSTN_NAME'
|
||||
</span><span class="">
|
||||
% param 'BackupwkStation' => $bac_datas->{station} unless param 'BackupwkStation';
|
||||
%= text_field 'BackupwkStation', size => 20, class => ""
|
||||
</span><br>
|
||||
%}
|
||||
% if ( $bac_datas->{vfstype} eq 'usb' ) {
|
||||
<span class="">
|
||||
%=l 'bac_local removable disk'
|
||||
</span><span class="">
|
||||
% param 'BackupwkFolder' => $bac_datas->{mount} unless param 'BackupwkFolder';
|
||||
%= select_field 'BackupwkFolder' => $c->get_BackupwkDest_options( $bac_datas->{vfstype}), class => ""
|
||||
</span><br>
|
||||
<span class="">
|
||||
%=l 'bac_local removable disk'
|
||||
</span><span class="">
|
||||
% param 'BackupwkFolder' => $bac_datas->{mount} unless param 'BackupwkFolder';
|
||||
%= select_field 'BackupwkFolder' => $c->get_BackupwkDest_options( $bac_datas->{vfstype}), class => ""
|
||||
</span><br>
|
||||
% } elsif ( $bac_datas->{vfstype} eq 'mnt') {
|
||||
<span class="">
|
||||
%=l 'bac_Mounted disk'
|
||||
</span><span class="">
|
||||
% param 'BackupwkFolder' => $bac_datas->{folder} unless param 'BackupwkFolder';
|
||||
%= select_field 'BackupwkFolder' => $c->get_BackupwkDest_options( $bac_datas->{vfstype}), class => ""
|
||||
</span><br>
|
||||
<span class="">
|
||||
%=l 'bac_Mounted disk'
|
||||
</span><span class="">
|
||||
% param 'BackupwkFolder' => $bac_datas->{folder} unless param 'BackupwkFolder';
|
||||
%= select_field 'BackupwkFolder' => $c->get_BackupwkDest_options( $bac_datas->{vfstype}), class => ""
|
||||
</span><br>
|
||||
% } else {
|
||||
<span class="">
|
||||
%=l 'bac_SHARED_FOLDER_NAME'
|
||||
</span><span class="">
|
||||
% param 'BackupwkFolder' => $bac_datas->{folder} unless param 'BackupwkFolder';
|
||||
%= text_field 'BackupwkFolder', size => 20, class => ""
|
||||
</span><br>
|
||||
<span class="">
|
||||
%=l 'bac_SHARED_FOLDER_NAME'
|
||||
</span><span class="">
|
||||
% param 'BackupwkFolder' => $bac_datas->{folder} unless param 'BackupwkFolder';
|
||||
%= text_field 'BackupwkFolder', size => 20, class => ""
|
||||
</span><br>
|
||||
%}
|
||||
% if ( $bac_datas->{vfstype} eq 'cifs' ) {
|
||||
<span class="">
|
||||
%=l 'bac_WORKSTN_LOGIN'
|
||||
</span><span class="">
|
||||
% param 'BackupwkLogin' => $bac_datas->{login} unless param 'BackupwkLogin';
|
||||
%= text_field 'BackupwkLogin', size => 12, class => ""
|
||||
</span><br><span class="">
|
||||
%=l 'bac_PASSWORD'
|
||||
</span><span class="">
|
||||
% param 'BackupwkPassword' => $bac_datas->{password} unless param 'BackupwkPassword';
|
||||
%= password_field 'BackupwkPassword', size => 12, class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
%=l 'bac_WORKSTN_LOGIN'
|
||||
</span><span class="">
|
||||
% param 'BackupwkLogin' => $bac_datas->{login} unless param 'BackupwkLogin';
|
||||
%= text_field 'BackupwkLogin', size => 12, class => ""
|
||||
</span><br><span class="">
|
||||
%=l 'bac_PASSWORD'
|
||||
</span><span class="">
|
||||
% param 'BackupwkPassword' => $bac_datas->{password} unless param 'BackupwkPassword';
|
||||
%= password_field 'BackupwkPassword', size => 12, class => ""
|
||||
</span>
|
||||
%}
|
||||
</p><br><h3>
|
||||
%= l 'bac_WORKSTN_BACKUP_SETTINGS'
|
||||
</h3><br>
|
||||
</p><br><h3>
|
||||
%= l 'bac_WORKSTN_BACKUP_SETTINGS'
|
||||
</h3><br>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'bac_NUMBER_OF_SETS'
|
||||
</span><span class="">
|
||||
% param 'SetsNumber' => $bac_datas->{setsNumber} unless param 'SetsNumber';
|
||||
%= text_field 'SetsNumber', size => '3'
|
||||
</span>
|
||||
%=l 'bac_NUMBER_OF_FILES_IN_SET'
|
||||
<span class="">
|
||||
% param 'Filesinset' => $bac_datas->{filesinset} unless param 'Filesinset';
|
||||
%= text_field 'Filesinset', size => '3'
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'bac_NUMBER_OF_SETS'
|
||||
</span><span class="">
|
||||
% param 'SetsNumber' => $bac_datas->{setsNumber} unless param 'SetsNumber';
|
||||
%= text_field 'SetsNumber', size => '3'
|
||||
</span>
|
||||
%=l 'bac_NUMBER_OF_FILES_IN_SET'
|
||||
<span class="">
|
||||
% param 'Filesinset' => $bac_datas->{filesinset} unless param 'Filesinset';
|
||||
%= text_field 'Filesinset', size => '3'
|
||||
</span></p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_WORKSTN_BACKUP_TIME'
|
||||
</span><span class="">
|
||||
% param 'BackupwkHour' => $bac_datas->{hour} unless param 'BackupwkHour';
|
||||
%= text_field 'BackupwkHour', size => '2'
|
||||
% param 'BackupwkMin' => $bac_datas->{min} unless param 'BackupwkMin';
|
||||
%= text_field 'BackupwkMin', size => '2'
|
||||
</span>
|
||||
%=l 'AM/PM:'
|
||||
<span class="">
|
||||
% param 'BackupwkAMPM' => $bac_datas->{ampm} unless param 'BackupwkAMPM';
|
||||
%= select_field 'BackupwkAMPM' => ['AM', 'PM'], class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_WORKSTN_BACKUP_TIME'
|
||||
</span><span class="">
|
||||
% param 'BackupwkHour' => $bac_datas->{hour} unless param 'BackupwkHour';
|
||||
%= text_field 'BackupwkHour', size => '2'
|
||||
% param 'BackupwkMin' => $bac_datas->{min} unless param 'BackupwkMin';
|
||||
%= text_field 'BackupwkMin', size => '2'
|
||||
</span>
|
||||
%=l 'AM/PM:'
|
||||
<span class="">
|
||||
% param 'BackupwkAMPM' => $bac_datas->{ampm} unless param 'BackupwkAMPM';
|
||||
%= select_field 'BackupwkAMPM' => ['AM', 'PM'], class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'bac_WORKSTN_TIMEOUT'
|
||||
</span><span class="">
|
||||
% param 'BackupwkTimeout' => $bac_datas->{timeout} unless param 'BackupwkTimeout';
|
||||
%= text_field 'BackupwkTimeout', size => '2'
|
||||
</span>
|
||||
%=l 'bac_INC_ONLY_TIMEOUT'
|
||||
<span class="">
|
||||
<p><span class="">
|
||||
%=l 'bac_WORKSTN_TIMEOUT'
|
||||
</span><span class="">
|
||||
% param 'BackupwkTimeout' => $bac_datas->{timeout} unless param 'BackupwkTimeout';
|
||||
%= text_field 'BackupwkTimeout', size => '2'
|
||||
</span>
|
||||
%=l 'bac_INC_ONLY_TIMEOUT'
|
||||
<span class="">
|
||||
% if ( $bac_datas->{incOnlyTimeout} eq 'checked' ) {
|
||||
<input type='checkbox' name='IncOnlyTimeout' checked >
|
||||
<input type='checkbox' name='IncOnlyTimeout' checked >
|
||||
%} else {
|
||||
%= check_box 'IncOnlyTimeout'
|
||||
%= check_box 'IncOnlyTimeout'
|
||||
%}
|
||||
</span></p>
|
||||
</span></p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_COMPRESSION_LEVEL'
|
||||
</span><span class="">
|
||||
% param 'Compression' => $bac_datas->{compression} unless param 'Compression';
|
||||
%= text_field 'Compression', size => '1'
|
||||
</span>
|
||||
%=l 'bac_FULL_ONLY_ON'
|
||||
<span class="">
|
||||
% param 'Dof' => $bac_datas->{dof} unless param 'Dof';
|
||||
%= select_field 'Dof' => $c->get_dow_list(), class => ""
|
||||
</p><br>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'bac_COMPRESSION_LEVEL'
|
||||
</span><span class="">
|
||||
% param 'Compression' => $bac_datas->{compression} unless param 'Compression';
|
||||
%= text_field 'Compression', size => '1'
|
||||
</span>
|
||||
%=l 'bac_FULL_ONLY_ON'
|
||||
<span class="">
|
||||
% param 'Dof' => $bac_datas->{dof} unless param 'Dof';
|
||||
%= select_field 'Dof' => $c->get_dow_list(), class => ""
|
||||
</p><br>
|
||||
|
||||
|
||||
%= hidden_field 'Function' => $bac_datas->{function}
|
||||
%= hidden_field 'VFSType' => $bac_datas->{vfstype}
|
||||
%= submit_button $c->l('bac_UPDATE_CONF'), class => ""
|
||||
%= hidden_field 'Function' => $bac_datas->{function}
|
||||
%= hidden_field 'VFSType' => $bac_datas->{vfstype}
|
||||
%= submit_button $c->l('bac_UPDATE_CONF'), class => ""
|
||||
% end
|
||||
</div>
|
||||
% end
|
||||
@ -1,44 +1,44 @@
|
||||
% layout 'default', title => "Sme server 2 - restore";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - restore";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
%= form_for '/backupd' => (method => 'POST') => begin
|
||||
|
||||
<h2>
|
||||
%=l 'bac_WORKSTN_RESTORE'
|
||||
</h2>
|
||||
<h2>
|
||||
%=l 'bac_WORKSTN_RESTORE'
|
||||
</h2>
|
||||
|
||||
<br><br>
|
||||
<br><br>
|
||||
% if ($bac_datas->{status} ne 'enabled') {
|
||||
%= $c->render_to_string(inline => (l 'bac_CONFIGURATION_TO_BE_DONE'))
|
||||
%= $c->render_to_string(inline => (l 'bac_CONFIGURATION_TO_BE_DONE'))
|
||||
% } else {
|
||||
%= $c->render_to_string(inline => (l 'bac_RESTORE_CONF_FROM_WORKSTN_DESC') . ' ' . $c->get_shared_folder_to_verify())
|
||||
%= $c->render_to_string(inline => (l 'bac_RESTORE_CONF_FROM_WORKSTN_DESC') . ' ' . $c->get_shared_folder_to_verify())
|
||||
%}
|
||||
|
||||
<br><br><span class="">
|
||||
%=l 'bac_SELECT_BACKUP_FILE'
|
||||
</span><span class="">
|
||||
%= select_field 'Backupset' => $c->get_Backupset_options(), class => ""
|
||||
</span><br><br>
|
||||
<br><br><span class="">
|
||||
%=l 'bac_SELECT_BACKUP_FILE'
|
||||
</span><span class="">
|
||||
%= select_field 'Backupset' => $c->get_Backupset_options(), class => ""
|
||||
</span><br><br>
|
||||
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= submit_button $c->l('bac_RESTORE_FROM_WORKSTN'), class => ""
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= submit_button $c->l('bac_RESTORE_FROM_WORKSTN'), class => ""
|
||||
% end
|
||||
</div>
|
||||
% end
|
||||
@ -1,35 +1,35 @@
|
||||
% layout 'default', title => "Sme server 2 - restore";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - restore";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
%= form_for '/backupd' => (method => 'POST') => begin
|
||||
|
||||
<h2>
|
||||
%=l 'bac_WORKSTN_RESTORE'
|
||||
</h2>
|
||||
<p>
|
||||
%= $c->render_to_string(inline => $bac_datas->{restore_log})
|
||||
</p><p>
|
||||
%=l 'bac_YOU_MUST_REBOOT'
|
||||
</p>
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= submit_button $c->l('bac_REBOOT'), class => ""
|
||||
<h2>
|
||||
%=l 'bac_WORKSTN_RESTORE'
|
||||
</h2>
|
||||
<p>
|
||||
%= $c->render_to_string(inline => $bac_datas->{restore_log})
|
||||
</p><p>
|
||||
%=l 'bac_YOU_MUST_REBOOT'
|
||||
</p>
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= submit_button $c->l('bac_REBOOT'), class => ""
|
||||
% end
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
% layout 'default', title => "Sme server 2 - backup";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - backup";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
@ -26,20 +26,20 @@
|
||||
|
||||
<h3><%=l 'bac_BACKUP_CHOICE' %></h3>
|
||||
|
||||
<br><span class="">
|
||||
%=l 'bac_SELECT_BACKUP_FILE'
|
||||
</span><span class="">
|
||||
%= select_field 'Backupset' => $c->get_Restoreset_options(), class => ""
|
||||
</span><br>
|
||||
<br><span class="">
|
||||
%=l 'bac_SELECT_BACKUP_FILE'
|
||||
</span><span class="">
|
||||
%= select_field 'Backupset' => $c->get_Restoreset_options(), class => ""
|
||||
</span><br>
|
||||
|
||||
<br><span class="">
|
||||
%=l 'bac_FILTER_EXPRESSION'
|
||||
</span><span class="">
|
||||
%= text_field 'Filterexp', size => 32, class => ""
|
||||
</span><br>
|
||||
<br>
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= submit_button $c->l('PERFORM'), class => ""
|
||||
<br><span class="">
|
||||
%=l 'bac_FILTER_EXPRESSION'
|
||||
</span><span class="">
|
||||
%= text_field 'Filterexp', size => 32, class => ""
|
||||
</span><br>
|
||||
<br>
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= submit_button $c->l('PERFORM'), class => ""
|
||||
|
||||
% end
|
||||
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
% layout 'default', title => "Sme server 2 - backup";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - backup";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
@ -25,23 +25,23 @@
|
||||
|
||||
%= form_for '/backupd' => (method => 'POST') => begin
|
||||
|
||||
<br><span class="">
|
||||
%=l 'bac_SELECT_FILES_TO_RESTORE'
|
||||
</span><span class="">
|
||||
%= select_field 'Restorefiles' => $c->get_Restorefiles_options($bac_datas->{'filterexp'},$bac_datas->{'backupset'}), class => "", multiple => 1, size => 15
|
||||
</span><br>
|
||||
<br><span class="">
|
||||
%=l 'bac_SELECT_FILES_TO_RESTORE'
|
||||
</span><span class="">
|
||||
%= select_field 'Restorefiles' => $c->get_Restorefiles_options($bac_datas->{'filterexp'},$bac_datas->{'backupset'}), class => "", multiple => 1, size => 15
|
||||
</span><br>
|
||||
|
||||
<br><span class="">
|
||||
%=l 'bac_SELECT_DATE_BEFORE'
|
||||
</span><span class="">
|
||||
%= text_field 'Seldatebefore', size => 32, class => ""
|
||||
</span><br>
|
||||
<br>
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= hidden_field 'Backupset' => $bac_datas->{'backupset'}
|
||||
%= hidden_field 'Filterexp' => $bac_datas->{'filterexp'}
|
||||
<br><span class="">
|
||||
%=l 'bac_SELECT_DATE_BEFORE'
|
||||
</span><span class="">
|
||||
%= text_field 'Seldatebefore', size => 32, class => ""
|
||||
</span><br>
|
||||
<br>
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= hidden_field 'Backupset' => $bac_datas->{'backupset'}
|
||||
%= hidden_field 'Filterexp' => $bac_datas->{'filterexp'}
|
||||
|
||||
%= submit_button $c->l('PERFORM'), class => ""
|
||||
%= submit_button $c->l('PERFORM'), class => ""
|
||||
|
||||
% end
|
||||
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
% layout 'default', title => "Sme server 2 - backup";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - backup";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
@ -23,8 +23,8 @@
|
||||
<br>
|
||||
|
||||
%= form_for '/backupd' => (method => 'POST') => begin
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= submit_button $c->l('NEXT'), class => ""
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'}
|
||||
%= submit_button $c->l('NEXT'), class => ""
|
||||
|
||||
% end
|
||||
|
||||
|
||||
@ -1,50 +1,50 @@
|
||||
% layout 'default', title => "Sme server 2 - backup - verify";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - backup - verify";
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
<h2>
|
||||
%=l 'bac_VERIFY_WORKSTN_BACKUP_FILE'
|
||||
</h2>
|
||||
<h2>
|
||||
%=l 'bac_VERIFY_WORKSTN_BACKUP_FILE'
|
||||
</h2>
|
||||
|
||||
%= form_for '/backup' => (method => 'POST') => begin
|
||||
|
||||
% if ($bac_datas->{status} ne 'enabled') {
|
||||
%= $c->render_to_string(inline => (l 'bac_CONFIGURATION_TO_BE_DONE'))
|
||||
%= $c->render_to_string(inline => (l 'bac_CONFIGURATION_TO_BE_DONE'))
|
||||
% } else {
|
||||
%= $c->render_to_string(inline => (l 'bac_VERIFY_WORKSTN_BACKUP_DESC') . ' ' . $c->get_shared_folder_to_verify())
|
||||
%= $c->render_to_string(inline => (l 'bac_VERIFY_WORKSTN_BACKUP_DESC') . ' ' . $c->get_shared_folder_to_verify())
|
||||
%}
|
||||
<br><br><span class="">
|
||||
%=l 'bac_SELECT_BACKUP_FILE'
|
||||
</span><span class="">
|
||||
%= select_field 'Backupset' => $c->get_Backupset_options(), class => ""
|
||||
</span><br>
|
||||
<br><br><span class="">
|
||||
%=l 'bac_SELECT_BACKUP_FILE'
|
||||
</span><span class="">
|
||||
%= select_field 'Backupset' => $c->get_Backupset_options(), class => ""
|
||||
</span><br>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'bac_CHECK_TO_VERIFY_FULL_RESTORE'
|
||||
</span><span class="">
|
||||
%= check_box 'Verifyall'
|
||||
</span></p><br>
|
||||
<p><span class="">
|
||||
%=l 'bac_CHECK_TO_VERIFY_FULL_RESTORE'
|
||||
</span><span class="">
|
||||
%= check_box 'Verifyall'
|
||||
</span></p><br>
|
||||
|
||||
%=l 'bac_CHECK_INTEGRITY_WARNING'
|
||||
%=l 'bac_CHECK_INTEGRITY_WARNING'
|
||||
|
||||
<br><br>
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'} . '1'
|
||||
%= submit_button $c->l('bac_VERIFY'), class => ""
|
||||
<br><br>
|
||||
%= hidden_field 'Function' => $bac_datas->{'function'} . '1'
|
||||
%= submit_button $c->l('bac_VERIFY'), class => ""
|
||||
|
||||
% end
|
||||
</div>
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
% layout 'default', title => "Sme server 2 - backup - verify";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - backup - verify";
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas->{function}
|
||||
<!-- dumper $bac_datas->{'files_list'} -->
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas->{function}
|
||||
<!-- dumper $bac_datas->{'files_list'} -->
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
@ -3,16 +3,16 @@
|
||||
my $backups = esmith::BackupHistoryDB->open;
|
||||
my $now = time();
|
||||
my $backup_rec = $backups->new_record($now, {
|
||||
type => 'backup_record', BackupType => 'desktop',
|
||||
StartEpochTime => $now,
|
||||
});
|
||||
type => 'backup_record', BackupType => 'desktop',
|
||||
StartEpochTime => $now,
|
||||
});
|
||||
|
||||
# Dump the current mysql tables so that they are part of the image.
|
||||
# The events handle cases where mysqld is not enabled, and/or is not running.
|
||||
my $status = system("/sbin/e-smith/signal-event", "pre-backup", "desktop");
|
||||
if ($status) {
|
||||
$c->desktopBackupRecordStatus($backup_rec, 'pre-backup', $status);
|
||||
return ($c->l('bac_OPERATION_STATUS_REPORT').$c->l('bac_ERR_PRE_BACKUP'));
|
||||
$c->desktopBackupRecordStatus($backup_rec, 'pre-backup', $status);
|
||||
return ($c->l('bac_OPERATION_STATUS_REPORT').$c->l('bac_ERR_PRE_BACKUP'));
|
||||
}
|
||||
|
||||
my $clvl = $c->stash('compressionlevel');
|
||||
@ -22,41 +22,41 @@
|
||||
my $success = open my $fh, '-|', $cmd;
|
||||
#unless ($success) { return "Error download command."; };
|
||||
if ($success) {
|
||||
# Try with download plugin - seems to fail to complete download and also
|
||||
# name of file deposited is not as required.
|
||||
#my $output = do { local $/; <$fh> };
|
||||
#close $fh;
|
||||
#$c->render_file(
|
||||
#data => $output,
|
||||
#filename => 'output.txt',
|
||||
#content_type => 'text/plain'
|
||||
#);
|
||||
# So organise it ourselves.
|
||||
$c->res->headers->content_type('application/x-tar');
|
||||
$c->res->headers->content_disposition(qq/attachment; filename="smeserver.tgz"/);
|
||||
my $cb;
|
||||
$cb = sub {
|
||||
my $c = shift;
|
||||
my $size = 500 * 1024;
|
||||
my $length = sysread($fh, my $buffer, $size);
|
||||
unless ($length) {
|
||||
close $fh;
|
||||
undef $cb;
|
||||
$c->finish;
|
||||
return;
|
||||
}
|
||||
$c->write_chunk($buffer, $cb);
|
||||
};
|
||||
$c->$cb;
|
||||
} else {
|
||||
$c->render(text => "Failed to execute command: $!", status => 500);
|
||||
}
|
||||
# Try with download plugin - seems to fail to complete download and also
|
||||
# name of file deposited is not as required.
|
||||
#my $output = do { local $/; <$fh> };
|
||||
#close $fh;
|
||||
#$c->render_file(
|
||||
#data => $output,
|
||||
#filename => 'output.txt',
|
||||
#content_type => 'text/plain'
|
||||
#);
|
||||
# So organise it ourselves.
|
||||
$c->res->headers->content_type('application/x-tar');
|
||||
$c->res->headers->content_disposition(qq/attachment; filename="smeserver.tgz"/);
|
||||
my $cb;
|
||||
$cb = sub {
|
||||
my $c = shift;
|
||||
my $size = 500 * 1024;
|
||||
my $length = sysread($fh, my $buffer, $size);
|
||||
unless ($length) {
|
||||
close $fh;
|
||||
undef $cb;
|
||||
$c->finish;
|
||||
return;
|
||||
}
|
||||
$c->write_chunk($buffer, $cb);
|
||||
};
|
||||
$c->$cb;
|
||||
} else {
|
||||
$c->render(text => "Failed to execute command: $!", status => 500);
|
||||
}
|
||||
|
||||
# Remove the dumped tables.
|
||||
$status = system("/sbin/e-smith/signal-event", "post-backup", "desktop");
|
||||
if ($status) {
|
||||
$c->desktopBackupRecordStatus($backup_rec, 'post-backup', $status);
|
||||
die ($c->l('bac_ERR_POST_BACKUP'),"\n");
|
||||
$c->desktopBackupRecordStatus($backup_rec, 'post-backup', $status);
|
||||
die ($c->l('bac_ERR_POST_BACKUP'),"\n");
|
||||
}
|
||||
|
||||
$now = time();
|
||||
|
||||
@ -1,76 +1,76 @@
|
||||
% layout 'default', title => "Sme server 2 - backup";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - backup";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $bac_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'warning' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'warning')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'warning')
|
||||
</div>
|
||||
%}
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
<!--br>Still incomplete click here for previous version
|
||||
<a href="/server-manager/cgi-bin/backup" target='_blank'><b>(Previous Backup version)</b></a>
|
||||
<a href="/server-manager/cgi-bin/backup" target='_blank'><b>(Previous Backup version)</b></a>
|
||||
<br-->
|
||||
|
||||
<%= $c->render_to_string(inline => (l 'bac_BACKUP_DESC_DAR', $bac_datas->{module},
|
||||
$bac_datas->{dumpsize}, $bac_datas->{tarsize})) %>
|
||||
<%= $c->render_to_string(inline => (l 'bac_BACKUP_DESC_DAR', $bac_datas->{module},
|
||||
$bac_datas->{dumpsize}, $bac_datas->{tarsize})) %>
|
||||
|
||||
%= form_for '/backup' => (method => 'POST') => begin
|
||||
|
||||
<h2>
|
||||
%=l 'bac_BACKUP_CONFIG_STATUS'
|
||||
</h2>
|
||||
<h2>
|
||||
%=l 'bac_BACKUP_CONFIG_STATUS'
|
||||
</h2>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'bac_TAPE_BACKUPS',
|
||||
</span><span class="">
|
||||
%= $c->l(uc($bac_datas->{'backupStatus'})).'.'
|
||||
</span>
|
||||
<p><span class="">
|
||||
%=l 'bac_TAPE_BACKUPS',
|
||||
</span><span class="">
|
||||
%= $c->l(uc($bac_datas->{'backupStatus'})).'.'
|
||||
</span>
|
||||
% if ( $bac_datas->{'backupStatus'} eq 'enabled' ) {
|
||||
%= $c->l('bac_BACKUPS_RUN_AT')
|
||||
<span class="">
|
||||
%= $bac_datas->{'backupTime'}
|
||||
</span>
|
||||
%= $c->l('bac_REMINDER_MESSAGE_AT')
|
||||
<span class="">
|
||||
%= $bac_datas->{'reminderTime'}
|
||||
</span>
|
||||
%= $c->l('bac_BACKUPS_RUN_AT')
|
||||
<span class="">
|
||||
%= $bac_datas->{'backupTime'}
|
||||
</span>
|
||||
%= $c->l('bac_REMINDER_MESSAGE_AT')
|
||||
<span class="">
|
||||
%= $bac_datas->{'reminderTime'}
|
||||
</span>
|
||||
%}
|
||||
<p><span class="">
|
||||
%=l 'bac_WORKSTN_BACKUPS',
|
||||
</span><span class="">
|
||||
%= $c->l(uc($bac_datas->{'backupwkStatus'})).'.'
|
||||
</span>
|
||||
<p><span class="">
|
||||
%=l 'bac_WORKSTN_BACKUPS',
|
||||
</span><span class="">
|
||||
%= $c->l(uc($bac_datas->{'backupwkStatus'})).'.'
|
||||
</span>
|
||||
% if ( $bac_datas->{'backupwkStatus'} eq 'enabled' ) {
|
||||
%= $c->l('bac_WKBACKUPS_RUN_AT')
|
||||
<b>
|
||||
%= $bac_datas->{'backupwkTime'}
|
||||
</b>
|
||||
%= $c->l('bac_WKBACKUPS_RUN_AT')
|
||||
<b>
|
||||
%= $bac_datas->{'backupwkTime'}
|
||||
</b>
|
||||
%}
|
||||
|
||||
<p><span class="">
|
||||
%=l 'bac_SELECT_AN_ACTION'
|
||||
</span><span class="">
|
||||
% param 'Function' => $bac_datas->{function} unless param 'Function';
|
||||
%= select_field 'Function' => $c->get_function_options(), class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'bac_SELECT_AN_ACTION'
|
||||
</span><span class="">
|
||||
% param 'Function' => $bac_datas->{function} unless param 'Function';
|
||||
%= select_field 'Function' => $c->get_function_options(), class => ""
|
||||
</span></p>
|
||||
|
||||
<br>
|
||||
%= submit_button $c->l('PERFORM'), class => ""
|
||||
<br>
|
||||
%= submit_button $c->l('PERFORM'), class => ""
|
||||
|
||||
% end
|
||||
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
% layout 'default', title => 'Sme server 2 - Bug report';
|
||||
% layout 'AdminLTE', title => 'Sme server 2 - Bug report';
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
(DBG)route: <%= $c->current_route %><br>
|
||||
(DBG)trt: <%= $bugr_datas->{trt} %><br>
|
||||
</p>
|
||||
<p>
|
||||
(DBG)route: <%= $c->current_route %><br>
|
||||
(DBG)trt: <%= $bugr_datas->{trt} %><br>
|
||||
</p>
|
||||
% }
|
||||
|
||||
<h1><%= $title %></h1>
|
||||
@ -68,7 +68,7 @@
|
||||
</p>
|
||||
|
||||
%= link_to 'https://wiki.koozali.org/Donate' => begin
|
||||
%= image '/images/btn_donateCC_LG.gif'
|
||||
%= image '/images/btn_donateCC_LG.gif'
|
||||
|
||||
%= hidden_field 'trt' => $bugr_datas->{trt}
|
||||
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
% layout 'default', title => 'Sme server 2 - Bug report 2';
|
||||
% layout 'AdminLTE', title => 'Sme server 2 - Bug report 2';
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
(DBG)route: <%= $c->current_route %><br>
|
||||
(DBG)trt: <%= $bugr_datas->{trt} %><br>
|
||||
</p>
|
||||
<p>
|
||||
(DBG)route: <%= $c->current_route %><br>
|
||||
(DBG)trt: <%= $bugr_datas->{trt} %><br>
|
||||
</p>
|
||||
% }
|
||||
|
||||
<h1><%= $title %></h1>
|
||||
@ -18,8 +18,8 @@
|
||||
<% my $btn = l('bugr_Download this report'); %>
|
||||
|
||||
%= form_for 'bugreportD' => (method => 'POST') => begin
|
||||
%= submit_button "$btn", class => ""
|
||||
%= hidden_field 'trt' => $bugr_datas->{trt}
|
||||
%= submit_button "$btn", class => ""
|
||||
%= hidden_field 'trt' => $bugr_datas->{trt}
|
||||
% end
|
||||
|
||||
% my $out = "================== <br />";
|
||||
|
||||
@ -1,45 +1,45 @@
|
||||
% layout 'default', title => "Sme server 2 - clamav";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - clamav";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
%if (config->{debug} == 1) {
|
||||
<p>(DBG)route: <%= $c->current_route %><br>
|
||||
(DBG)FsS stat: <%= $clm_datas->{FilesystemScan}%> <br>
|
||||
(DBG)Quar stat: <%=$clm_datas->{Quarantine} %>
|
||||
</p>
|
||||
<p>(DBG)route: <%= $c->current_route %><br>
|
||||
(DBG)FsS stat: <%= $clm_datas->{FilesystemScan}%> <br>
|
||||
(DBG)Quar stat: <%=$clm_datas->{Quarantine} %>
|
||||
</p>
|
||||
%}
|
||||
<h1><%= $title %></h1>
|
||||
<br>
|
||||
<%= $modul %>
|
||||
<% my $btn = l('SAVE'); %>
|
||||
<% my $btn = l('SAVE'); %>
|
||||
|
||||
%= form_for 'clamav' => (method => 'POST') => begin
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'clm_LABEL_FILESYSTEM_SCAN_PERIOD'
|
||||
</span><span class="">
|
||||
% param 'FilesystemScan' => $clm_datas->{FilesystemScan} unless param 'FilesystemScan';
|
||||
%= select_field 'FilesystemScan' => [[ (l 'clm_DAILY') => 'daily'], [ (l 'clm_NEVER') => 'disabled'], [ (l 'clm_WEEKLY') => 'weekly']], class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'clm_LABEL_QUARANTINE'
|
||||
</span><span class="">
|
||||
% param 'Quarantine' => $clm_datas->{Quarantine} unless param 'Quarantine';
|
||||
%= select_field 'Quarantine' => [[ (l 'ENABLED') => 'enabled'], [ (l 'DISABLED') => 'disabled']], class => ""
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'clm_LABEL_CLAM_VERSIONS'
|
||||
</span><span class="">
|
||||
%= $clm_datas->{clam_versions}
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
%= submit_button "$btn", class => ""
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'clm_LABEL_FILESYSTEM_SCAN_PERIOD'
|
||||
</span><span class="">
|
||||
% param 'FilesystemScan' => $clm_datas->{FilesystemScan} unless param 'FilesystemScan';
|
||||
%= select_field 'FilesystemScan' => [[ (l 'clm_DAILY') => 'daily'], [ (l 'clm_NEVER') => 'disabled'], [ (l 'clm_WEEKLY') => 'weekly']], class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'clm_LABEL_QUARANTINE'
|
||||
</span><span class="">
|
||||
% param 'Quarantine' => $clm_datas->{Quarantine} unless param 'Quarantine';
|
||||
%= select_field 'Quarantine' => [[ (l 'ENABLED') => 'enabled'], [ (l 'DISABLED') => 'disabled']], class => ""
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'clm_LABEL_CLAM_VERSIONS'
|
||||
</span><span class="">
|
||||
%= $clm_datas->{clam_versions}
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
%= submit_button "$btn", class => ""
|
||||
% end
|
||||
</div>
|
||||
%end
|
||||
|
||||
@ -1 +1,6 @@
|
||||
<script src='js/jquery.min.js' type='text/javascript'></script>
|
||||
<!-- Include files across the whole site -->
|
||||
%= javascript 'js/jquery.min.js'
|
||||
%= javascript 'dist/js/adminlte.min.js'
|
||||
|
||||
%= javascript '/js/flag-by-locale.js'
|
||||
%= javascript '/js/sme-password.js'
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
% layout 'default', title => "Sme server 2 - err 400";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - err 400";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
% layout 'default', title => "Sme server 2 - datetime";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - datetime";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $dat_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $dat_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title %></h1><br>
|
||||
@ -21,103 +21,103 @@
|
||||
<% my $btn = l('SAVE'); %>
|
||||
|
||||
%= form_for '/datetime' => (method => 'POST') => begin
|
||||
<p>
|
||||
%= hidden_field 'Old_ntpstatus' => $dat_datas->{ntpstatus};
|
||||
<p>
|
||||
%= hidden_field 'Old_ntpstatus' => $dat_datas->{ntpstatus};
|
||||
|
||||
% param 'Ntpstatus' => $dat_datas->{ntpstatus} unless param 'Ntpstatus';
|
||||
%= radio_button Ntpstatus => 'enabled'
|
||||
<span class="">
|
||||
%=l 'dat_NTP_CONFIGURE_TITLE'
|
||||
</span>
|
||||
<br>
|
||||
% param 'Ntpstatus' => $dat_datas->{ntpstatus} unless param 'Ntpstatus';
|
||||
%= radio_button Ntpstatus => 'enabled'
|
||||
<span class="">
|
||||
%=l 'dat_NTP_CONFIGURE_TITLE'
|
||||
</span>
|
||||
<br>
|
||||
% if ($dat_datas->{ntpstatus} eq 'disabled') {
|
||||
<div class="">
|
||||
%=l 'dat_NTP_ENABLE_DESC'
|
||||
<br>
|
||||
</div>
|
||||
<div class="">
|
||||
%=l 'dat_NTP_ENABLE_DESC'
|
||||
<br>
|
||||
</div>
|
||||
% } else {
|
||||
<div class="">
|
||||
%=l 'dat_NTP_CONFIGURE_DESC'
|
||||
<br><br>
|
||||
<p>
|
||||
%=l 'dat_CURRENT_SETTING'
|
||||
<b>
|
||||
%= $dat_datas->{now_string}
|
||||
</b>
|
||||
</p>
|
||||
<p>
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dat_NTP_SERVER'
|
||||
</span><span class="">
|
||||
%= text_field 'Ntpserver' => $dat_datas->{ntpserver}, class => ""
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
% }
|
||||
%= radio_button Ntpstatus => 'disabled'
|
||||
<span class="">
|
||||
%=l 'dat_NTP_DISABLE_TITLE'
|
||||
</span>
|
||||
<div class="">
|
||||
%=l 'dat_NTP_CONFIGURE_DESC'
|
||||
<br><br>
|
||||
<p>
|
||||
%=l 'dat_CURRENT_SETTING'
|
||||
<b>
|
||||
%= $dat_datas->{now_string}
|
||||
</b>
|
||||
</p>
|
||||
<p>
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dat_NTP_SERVER'
|
||||
</span><span class="">
|
||||
%= text_field 'Ntpserver' => $dat_datas->{ntpserver}, class => ""
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
% }
|
||||
%= radio_button Ntpstatus => 'disabled'
|
||||
<span class="">
|
||||
%=l 'dat_NTP_DISABLE_TITLE'
|
||||
</span>
|
||||
|
||||
% if ($dat_datas->{ntpstatus} eq 'enabled') {
|
||||
|
||||
<br><BR>
|
||||
<div class="">
|
||||
%=l 'dat_NTP_DISABLE_DESC'
|
||||
</div>
|
||||
% } else {
|
||||
<div class="">
|
||||
<br>
|
||||
</p>
|
||||
<p>
|
||||
%=l 'dat_CURRENT_SETTING'
|
||||
<b>
|
||||
%= $dat_datas->{now_string}
|
||||
</b>
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dat_NEW_M/D/Y'
|
||||
</span><span class="">
|
||||
% param 'Month' => $dat_datas->{month} unless param 'Month';
|
||||
%= select_field 'Month' => $c->getMonth_list(), class => ""
|
||||
</span><span class="">
|
||||
% param 'Day' => $dat_datas->{day} unless param 'Day';
|
||||
%= text_field 'Day', size => '2', class => ""
|
||||
</span><span class="">
|
||||
% param 'Year' => $dat_datas->{year} unless param 'Year';
|
||||
%= text_field 'Year', size => '4', class => ""
|
||||
</span>
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dat_NEW_H/M/S'
|
||||
</span><span class="">
|
||||
% param 'Hour' => $dat_datas->{hour} unless param 'Hour';
|
||||
%= text_field 'Hour', size => '2', class => ""
|
||||
</span><span class="">
|
||||
% param 'Minute' => $dat_datas->{minute} unless param 'Minute';
|
||||
%= text_field 'Minute', size => '2', class => ""
|
||||
</span><span class="">
|
||||
% param 'Second' => $dat_datas->{second} unless param 'Second';
|
||||
%= text_field 'Second', size => '2', class => ""
|
||||
</span>
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dat_AM/PM_AND_TZ'
|
||||
</span><span class="">
|
||||
% param 'Ampm' => $dat_datas->{ampm} unless param 'Ampm';
|
||||
%= select_field 'Ampm' => ['AM', 'PM'], class => ""
|
||||
</span><span class="">
|
||||
% param 'Timezone' => $c->getTimezone() unless param 'Timezone';
|
||||
%= select_field 'Timezone' => $c->getZone_list(), class => ""
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<br><BR>
|
||||
<div class="">
|
||||
%=l 'dat_NTP_DISABLE_DESC'
|
||||
</div>
|
||||
% } else {
|
||||
<div class="">
|
||||
<br>
|
||||
</p>
|
||||
<p>
|
||||
%=l 'dat_CURRENT_SETTING'
|
||||
<b>
|
||||
%= $dat_datas->{now_string}
|
||||
</b>
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dat_NEW_M/D/Y'
|
||||
</span><span class="">
|
||||
% param 'Month' => $dat_datas->{month} unless param 'Month';
|
||||
%= select_field 'Month' => $c->getMonth_list(), class => ""
|
||||
</span><span class="">
|
||||
% param 'Day' => $dat_datas->{day} unless param 'Day';
|
||||
%= text_field 'Day', size => '2', class => ""
|
||||
</span><span class="">
|
||||
% param 'Year' => $dat_datas->{year} unless param 'Year';
|
||||
%= text_field 'Year', size => '4', class => ""
|
||||
</span>
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dat_NEW_H/M/S'
|
||||
</span><span class="">
|
||||
% param 'Hour' => $dat_datas->{hour} unless param 'Hour';
|
||||
%= text_field 'Hour', size => '2', class => ""
|
||||
</span><span class="">
|
||||
% param 'Minute' => $dat_datas->{minute} unless param 'Minute';
|
||||
%= text_field 'Minute', size => '2', class => ""
|
||||
</span><span class="">
|
||||
% param 'Second' => $dat_datas->{second} unless param 'Second';
|
||||
%= text_field 'Second', size => '2', class => ""
|
||||
</span>
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dat_AM/PM_AND_TZ'
|
||||
</span><span class="">
|
||||
% param 'Ampm' => $dat_datas->{ampm} unless param 'Ampm';
|
||||
%= select_field 'Ampm' => ['AM', 'PM'], class => ""
|
||||
</span><span class="">
|
||||
% param 'Timezone' => $c->getTimezone() unless param 'Timezone';
|
||||
%= select_field 'Timezone' => $c->getZone_list(), class => ""
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
% }
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
|
||||
% end
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
% layout 'default', title => 'Sme server 2 - Support';
|
||||
% layout 'AdminLTE', title => 'Sme server 2 - Support';
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<p><%= $title %></p>
|
||||
<%= $modul %>
|
||||
<p>
|
||||
%= link_to Initial => '/'
|
||||
%= link_to Initial => '/'
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,87 +1,89 @@
|
||||
% layout 'default', title => "Sme server 2 - directory";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - directory";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
<div>
|
||||
|
||||
%if (config->{debug} == 1) {
|
||||
<p>
|
||||
(DBG)route: <%= $c->current_route %><br>
|
||||
(DBG)dir. access: <%= $dir_datas->{access}%><br>
|
||||
</p>
|
||||
<p>
|
||||
(DBG)route: <%= $c->current_route %><br>
|
||||
(DBG)dir. access: <%= $dir_datas->{access}%><br>
|
||||
</p>
|
||||
%}
|
||||
|
||||
<h1><%= $title %></h1>
|
||||
<br>
|
||||
<%= $modul %>
|
||||
<% my $btn = l('SAVE');
|
||||
<% my $btn = l('SAVE');
|
||||
%>
|
||||
|
||||
|
||||
%= form_for 'directory' => (method => 'POST') => begin
|
||||
<br>
|
||||
<p>
|
||||
<span class="">
|
||||
%= l('dir_LABEL_ROOT'), class => ""
|
||||
</span> <span class="">
|
||||
%= $dir_datas->{root}, class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
%=l 'dir_DESC_DIRECTORY_ACCESS', class => ""
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dir_DIRECTORY_ACCESS', class => ""
|
||||
</span><span class="">
|
||||
% param 'access' => $dir_datas->{access} unless param 'access';
|
||||
%= select_field 'access' => [[ (l 'NETWORKS_ALLOW_LOCAL') => 'private'], [ (l 'NETWORKS_ALLOW_PUBLIC') => 'public']], class => "", id => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
%=l 'dir_DESC_DEPARTMENT', class => ""
|
||||
<br><br>
|
||||
<span class="">
|
||||
%=l 'dir_DEPARTMENT', class => ""
|
||||
</span><span class="">
|
||||
%= text_field 'department' => $dir_datas->{department}, class => ""
|
||||
</span>
|
||||
</p><p>
|
||||
<span class="">
|
||||
%=l 'dir_COMPANY', class => ""
|
||||
</span><span class="">
|
||||
%= text_field 'company', $dir_datas->{company}, class => ""
|
||||
</span>
|
||||
</p><p>
|
||||
<span class="">
|
||||
%=l 'dir_STREET', class => ""
|
||||
</span><span class="">
|
||||
%= text_field 'street' => $dir_datas->{street}, class => ""
|
||||
</span>
|
||||
</p><p>
|
||||
<span class="">
|
||||
%=l 'dir_CITY', class => ""
|
||||
</span><span class="">
|
||||
%= text_field 'city', $dir_datas->{city}, class => ""
|
||||
</span>
|
||||
</p><p>
|
||||
<span class="">
|
||||
%=l 'dir_PHONENUMBER', class => ""
|
||||
</span><span class="">
|
||||
%= text_field 'phonenumber', $dir_datas->{phonenumber}, class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
%=l 'dir_DESC_EXISTING', class => ""
|
||||
<br><br>
|
||||
<span class="">
|
||||
%=l 'dir_EXISTING', class => ""
|
||||
</span><span class="">
|
||||
%= select_field 'existing'=> [[ (l 'dir_LEAVE') => 'leave'], [ (l 'dir_UPDATE') => 'update' ]], class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<br>
|
||||
<p>
|
||||
<span class="">
|
||||
%= l('dir_LABEL_ROOT'), class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
%= $dir_datas->{root}, class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
%=l 'dir_DESC_DIRECTORY_ACCESS', class => ""
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dir_DIRECTORY_ACCESS', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'access' => $dir_datas->{access} unless param 'access';
|
||||
%= select_field 'access' => [[ (l 'NETWORKS_ALLOW_LOCAL') => 'private'], [ (l 'NETWORKS_ALLOW_PUBLIC') => 'public']], class => "", id => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
%=l 'dir_DESC_DEPARTMENT', class => ""
|
||||
<br><br>
|
||||
<span class="">
|
||||
%=l 'dir_DEPARTMENT', class => ""
|
||||
</span><span class="">
|
||||
%= text_field 'department' => $dir_datas->{department}, class => ""
|
||||
</span>
|
||||
</p><p>
|
||||
<span class="">
|
||||
%=l 'dir_COMPANY', class => ""
|
||||
</span><span class="">
|
||||
%= text_field 'company', $dir_datas->{company}, class => ""
|
||||
</span>
|
||||
</p><p>
|
||||
<span class="">
|
||||
%=l 'dir_STREET', class => ""
|
||||
</span><span class="">
|
||||
%= text_field 'street' => $dir_datas->{street}, class => ""
|
||||
</span>
|
||||
</p><p>
|
||||
<span class="">
|
||||
%=l 'dir_CITY', class => ""
|
||||
</span><span class="">
|
||||
%= text_field 'city', $dir_datas->{city}, class => ""
|
||||
</span>
|
||||
</p><p>
|
||||
<span class="">
|
||||
%=l 'dir_PHONENUMBER', class => ""
|
||||
</span><span class="">
|
||||
%= text_field 'phonenumber', $dir_datas->{phonenumber}, class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
%=l 'dir_DESC_EXISTING', class => ""
|
||||
<br><br>
|
||||
<span class="">
|
||||
%=l 'dir_EXISTING', class => ""
|
||||
</span><span class="">
|
||||
%= select_field 'existing'=> [[ (l 'dir_LEAVE') => 'leave'], [ (l 'dir_UPDATE') => 'update' ]], class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
% end
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,29 +1,29 @@
|
||||
% layout 'default', title => "Sme server 2 - domains";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - domains";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
<div>
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $dom_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $dom_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
% if ($dom_datas->{trt} eq 'ADD' or $dom_datas->{trt} eq 'UPD') {
|
||||
%= include 'partials/_dom_upd'
|
||||
%= include 'partials/_dom_upd'
|
||||
%} elsif ($dom_datas->{trt} eq 'DEL') {
|
||||
%= include 'partials/_dom_del'
|
||||
%= include 'partials/_dom_del'
|
||||
%} elsif ($dom_datas->{trt} eq 'UP2') {
|
||||
%= include 'partials/_dom_up2'
|
||||
%= include 'partials/_dom_up2'
|
||||
%} else {
|
||||
%= include 'partials/_dom_list'
|
||||
%}
|
||||
|
||||
@ -1,56 +1,56 @@
|
||||
% layout 'default', title => "Sme server 2 - emailaccess";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - emailaccess";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $mai_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $mai_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
%= form_for '/emailsettingd' => (method => 'POST') => begin
|
||||
|
||||
%=l 'mai_DESC_POP_ACCESS_CONTROL'
|
||||
%=l 'mai_DESC_POP_ACCESS_CONTROL'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_POP_ACCESS_CONTROL'
|
||||
</span><span class="">
|
||||
% param 'POPAccess' => $c->get_current_pop3_access() unless param 'POPAccess';
|
||||
%= select_field 'POPAccess' => $c->get_pop_opt(), class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_POP_ACCESS_CONTROL'
|
||||
</span><span class="">
|
||||
% param 'POPAccess' => $c->get_current_pop3_access() unless param 'POPAccess';
|
||||
%= select_field 'POPAccess' => $c->get_pop_opt(), class => ""
|
||||
</span></p>
|
||||
|
||||
%=l 'mai_DESC_IMAP_ACCESS_CONTROL'
|
||||
%=l 'mai_DESC_IMAP_ACCESS_CONTROL'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_IMAP_ACCESS_CONTROL'
|
||||
</span><span class="">
|
||||
% param 'IMAPAccess' => $c->get_current_imap_access() unless param 'IMAPAccess';
|
||||
%= select_field 'IMAPAccess' => $c->get_imap_opt(), class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_IMAP_ACCESS_CONTROL'
|
||||
</span><span class="">
|
||||
% param 'IMAPAccess' => $c->get_current_imap_access() unless param 'IMAPAccess';
|
||||
%= select_field 'IMAPAccess' => $c->get_imap_opt(), class => ""
|
||||
</span></p>
|
||||
|
||||
%=l 'mai_DESC_WEBMAIL'
|
||||
%=l 'mai_DESC_WEBMAIL'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_WEBMAIL'
|
||||
</span><span class="">
|
||||
% param 'WebMail' => $c->get_current_webmail_status() unless param 'WebMail';
|
||||
%= select_field 'WebMail' => $c->get_webmail_opt(), class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_WEBMAIL'
|
||||
</span><span class="">
|
||||
% param 'WebMail' => $c->get_current_webmail_status() unless param 'WebMail';
|
||||
%= select_field 'WebMail' => $c->get_webmail_opt(), class => ""
|
||||
</span></p>
|
||||
|
||||
% my $btn = l('SAVE');
|
||||
%= submit_button "$btn", class => ""
|
||||
% my $btn = l('SAVE');
|
||||
%= submit_button "$btn", class => ""
|
||||
|
||||
%= hidden_field 'trt' => 'ACC'
|
||||
%= hidden_field 'trt' => 'ACC'
|
||||
% end
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,91 +1,91 @@
|
||||
% layout 'default', title => "Sme server 2 - emaildeliver";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - emaildeliver";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $mai_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $mai_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
%= form_for '/emailsettingd' => (method => 'POST') => begin
|
||||
|
||||
<h2>
|
||||
%=l 'mai_TITLE_UNKNOWN'
|
||||
</h2>
|
||||
<h2>
|
||||
%=l 'mai_TITLE_UNKNOWN'
|
||||
</h2>
|
||||
|
||||
%=l 'mai_DESC_UNKNOWN'
|
||||
%=l 'mai_DESC_UNKNOWN'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_UNKNOWN'
|
||||
</span><span class="">
|
||||
% param 'EmailUnknownUser' => $mai_datas->{emailunknownuser} unless param 'EmailUnknownUser';
|
||||
%= select_field 'EmailUnknownUser' => $c->get_emailunknownuser_opt(), class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_UNKNOWN'
|
||||
</span><span class="">
|
||||
% param 'EmailUnknownUser' => $mai_datas->{emailunknownuser} unless param 'EmailUnknownUser';
|
||||
%= select_field 'EmailUnknownUser' => $c->get_emailunknownuser_opt(), class => ""
|
||||
</span></p>
|
||||
|
||||
<!--<hr class="" />-->
|
||||
<h2>
|
||||
%=l 'mai_TITLE_DELEGATE'
|
||||
</h2>
|
||||
<!--<hr class="" />-->
|
||||
<h2>
|
||||
%=l 'mai_TITLE_DELEGATE'
|
||||
</h2>
|
||||
|
||||
%=l 'mai_DESC_DELEGATE'
|
||||
%=l 'mai_DESC_DELEGATE'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_DELEGATE'
|
||||
</span><span class="">
|
||||
% param 'DelegateMailServer' => $mai_datas->{delegatemailserver} unless param 'DelegateMailServer';
|
||||
%= text_field 'DelegateMailServer', class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_DELEGATE'
|
||||
</span><span class="">
|
||||
% param 'DelegateMailServer' => $mai_datas->{delegatemailserver} unless param 'DelegateMailServer';
|
||||
%= text_field 'DelegateMailServer', class => ""
|
||||
</span></p>
|
||||
|
||||
<!--<hr class="" />-->
|
||||
<h2>
|
||||
%=l 'mai_TITLE_SMARTHOST'
|
||||
</h2>
|
||||
<!--<hr class="" />-->
|
||||
<h2>
|
||||
%=l 'mai_TITLE_SMARTHOST'
|
||||
</h2>
|
||||
|
||||
%=l 'mai_DESC_SMARTHOST'
|
||||
%=l 'mai_DESC_SMARTHOST'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SMARTHOST'
|
||||
</span><span class="">
|
||||
% param 'SMTPSmartHost' => $mai_datas->{smtpsmarthost} unless param 'SMTPSmartHost';
|
||||
%= text_field 'SMTPSmartHost', class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SMARTHOST'
|
||||
</span><span class="">
|
||||
% param 'SMTPSmartHost' => $mai_datas->{smtpsmarthost} unless param 'SMTPSmartHost';
|
||||
%= text_field 'SMTPSmartHost', class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SMARTHOST_SMTPAUTH_STATUS'
|
||||
</span><span class="">
|
||||
% param 'SMTPAUTHPROXY_status' => $mai_datas->{smtpauthproxystatus} unless param 'SMTPAUTHPROXY_status';
|
||||
%= select_field 'SMTPAUTHPROXY_status' => [[(l 'DISABLED') => 'disabled'], [(l 'ENABLED') => 'enabled']], class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SMARTHOST_SMTPAUTH_STATUS'
|
||||
</span><span class="">
|
||||
% param 'SMTPAUTHPROXY_status' => $mai_datas->{smtpauthproxystatus} unless param 'SMTPAUTHPROXY_status';
|
||||
%= select_field 'SMTPAUTHPROXY_status' => [[(l 'DISABLED') => 'disabled'], [(l 'ENABLED') => 'enabled']], class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SMARTHOST_SMTPAUTH_USERID'
|
||||
</span><span class="">
|
||||
% param 'SMTPAUTHPROXY_Userid' => $mai_datas->{smtpauthproxyuserid} unless param 'SMTPAUTHPROXY_Userid';
|
||||
%= text_field 'SMTPAUTHPROXY_Userid', class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SMARTHOST_SMTPAUTH_USERID'
|
||||
</span><span class="">
|
||||
% param 'SMTPAUTHPROXY_Userid' => $mai_datas->{smtpauthproxyuserid} unless param 'SMTPAUTHPROXY_Userid';
|
||||
%= text_field 'SMTPAUTHPROXY_Userid', class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SMARTHOST_SMTPAUTH_PASSWD'
|
||||
</span><span class="">
|
||||
% param 'SMTPAUTHPROXY_Passwd' => $mai_datas->{smtpauthproxypassword} unless param 'SMTPAUTHPROXY_Passwd';
|
||||
%= password_field 'SMTPAUTHPROXY_Passwd', class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SMARTHOST_SMTPAUTH_PASSWD'
|
||||
</span><span class="">
|
||||
% param 'SMTPAUTHPROXY_Passwd' => $mai_datas->{smtpauthproxypassword} unless param 'SMTPAUTHPROXY_Passwd';
|
||||
%= password_field 'SMTPAUTHPROXY_Passwd', class => ""
|
||||
</span></p>
|
||||
|
||||
% my $btn = l('SAVE');
|
||||
%= submit_button "$btn", class => ""
|
||||
% my $btn = l('SAVE');
|
||||
%= submit_button "$btn", class => ""
|
||||
|
||||
%= hidden_field 'trt' => 'DEL'
|
||||
%= hidden_field 'trt' => 'DEL'
|
||||
% end
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,100 +1,100 @@
|
||||
% layout 'default', title => "Sme server 2 - emailfilter";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - emailfilter";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $mai_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $mai_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
%= form_for '/emailsettingd' => (method => 'POST') => begin
|
||||
|
||||
%=l 'mai_DESC_VIRUS_SCAN'
|
||||
%=l 'mai_DESC_VIRUS_SCAN'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_VIRUS_SCAN'
|
||||
</span><span class="">
|
||||
% param 'VirusStatus' => $mai_datas->{virusstatus} unless param 'VirusStatus';
|
||||
%= select_field 'VirusStatus' => [[(l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
</span><br></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_VIRUS_SCAN'
|
||||
</span><span class="">
|
||||
% param 'VirusStatus' => $mai_datas->{virusstatus} unless param 'VirusStatus';
|
||||
%= select_field 'VirusStatus' => [[(l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
</span><br></p>
|
||||
|
||||
%=l 'mai_DESC_SPAM_SCAN'
|
||||
%=l 'mai_DESC_SPAM_SCAN'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_SCAN'
|
||||
</span><span class="">
|
||||
% param 'Spamstatus' => $mai_datas->{spamstatus} unless param 'Spamstatus';
|
||||
%= select_field 'Spamstatus' => [[(l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_SCAN'
|
||||
</span><span class="">
|
||||
% param 'Spamstatus' => $mai_datas->{spamstatus} unless param 'Spamstatus';
|
||||
%= select_field 'Spamstatus' => [[(l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_SENSITIVITY'
|
||||
</span><span class="">
|
||||
% param 'SpamSensitivity' => $mai_datas->{spamsensitivity} unless param 'SpamSensitivity';
|
||||
%= select_field 'SpamSensitivity' => $c->get_spam_sensitivity_opt(), class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_SENSITIVITY'
|
||||
</span><span class="">
|
||||
% param 'SpamSensitivity' => $mai_datas->{spamsensitivity} unless param 'SpamSensitivity';
|
||||
%= select_field 'SpamSensitivity' => $c->get_spam_sensitivity_opt(), class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_TAGLEVEL'
|
||||
</span><span class="">
|
||||
% param 'SpamTagLevel' => $mai_datas->{spamtaglevel} unless param 'SpamTagLevel';
|
||||
%= select_field 'SpamTagLevel' => $c->get_spam_level_options(), class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_TAGLEVEL'
|
||||
</span><span class="">
|
||||
% param 'SpamTagLevel' => $mai_datas->{spamtaglevel} unless param 'SpamTagLevel';
|
||||
%= select_field 'SpamTagLevel' => $c->get_spam_level_options(), class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_REJECTLEVEL'
|
||||
</span><span class="">
|
||||
% param 'SpamRejectLevel' => $mai_datas->{spamrejectlevel} unless param 'SpamRejectLevel';
|
||||
%= select_field 'SpamRejectLevel' => $c->get_spam_level_options(), class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_REJECTLEVEL'
|
||||
</span><span class="">
|
||||
% param 'SpamRejectLevel' => $mai_datas->{spamrejectlevel} unless param 'SpamRejectLevel';
|
||||
%= select_field 'SpamRejectLevel' => $c->get_spam_level_options(), class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SORTSPAM'
|
||||
</span><span class="">
|
||||
% param 'SpamSortSpam' => $mai_datas->{spamsortspam} unless param 'SpamSortSpam';
|
||||
%= select_field 'SpamSortSpam' => [[(l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SORTSPAM'
|
||||
</span><span class="">
|
||||
% param 'SpamSortSpam' => $mai_datas->{spamsortspam} unless param 'SpamSortSpam';
|
||||
%= select_field 'SpamSortSpam' => [[(l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
</span></p>
|
||||
|
||||
%=l 'mai_DESC_SPAM_SUBJECT'
|
||||
%=l 'mai_DESC_SPAM_SUBJECT'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_SUBJECTTAG'
|
||||
</span><span class="">
|
||||
% param 'SpamSubjectTag' => $mai_datas->{spamsubjecttag} unless param 'SpamSubjectTag';
|
||||
%= select_field 'SpamSubjectTag' => [[(l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_SUBJECTTAG'
|
||||
</span><span class="">
|
||||
% param 'SpamSubjectTag' => $mai_datas->{spamsubjecttag} unless param 'SpamSubjectTag';
|
||||
%= select_field 'SpamSubjectTag' => [[(l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_SUBJECT'
|
||||
</span><span class="">
|
||||
% param 'SpamSubject' => $mai_datas->{spamsubject} unless param 'SpamSubject';
|
||||
%= text_field 'SpamSubject' => class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_SUBJECT'
|
||||
</span><span class="">
|
||||
% param 'SpamSubject' => $mai_datas->{spamsubject} unless param 'SpamSubject';
|
||||
%= text_field 'SpamSubject' => class => ""
|
||||
</span></p>
|
||||
|
||||
%=l 'mai_DESC_BLOCK_EXECUTABLE_CONTENT'
|
||||
%=l 'mai_DESC_BLOCK_EXECUTABLE_CONTENT'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_CONTENT_TO_BLOCK'
|
||||
</span><span class="">
|
||||
% param 'BlockExecutableContent' => $c->get_patterns_current_opt() unless param 'BlockExecutableContent';
|
||||
%= select_field 'BlockExecutableContent' => $c->get_patterns_opt(), class => "", multiple => "1"
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_CONTENT_TO_BLOCK'
|
||||
</span><span class="">
|
||||
% param 'BlockExecutableContent' => $c->get_patterns_current_opt() unless param 'BlockExecutableContent';
|
||||
%= select_field 'BlockExecutableContent' => $c->get_patterns_opt(), class => "", multiple => "1"
|
||||
</span></p>
|
||||
|
||||
% my $btn = l('SAVE');
|
||||
%= submit_button "$btn", class => ""
|
||||
% my $btn = l('SAVE');
|
||||
%= submit_button "$btn", class => ""
|
||||
|
||||
%= hidden_field 'trt' => 'FIL'
|
||||
%= hidden_field 'trt' => 'FIL'
|
||||
% end
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
% layout 'default', title => "Sme server 2 - emailreceive";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - emailreceive";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
@ -8,159 +8,159 @@
|
||||
<div id="" class="">
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $mai_datas
|
||||
%= dumper $c->param('SMTPAuth')
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $mai_datas
|
||||
%= dumper $c->param('SMTPAuth')
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
%= form_for '/emailsettingd' => (method => 'POST') => begin
|
||||
|
||||
%=l 'mai_DESC_MODE'
|
||||
%=l 'mai_DESC_MODE'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_MODE'
|
||||
</span><span class="">
|
||||
% param 'FetchmailMethod' => $mai_datas->{fetchmailmethod} unless param 'FetchmailMethod';
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_MODE'
|
||||
</span><span class="">
|
||||
% param 'FetchmailMethod' => $mai_datas->{fetchmailmethod} unless param 'FetchmailMethod';
|
||||
<!--
|
||||
<pre>
|
||||
%= dumper $mai_datas->{fetchmailmethod}
|
||||
%= dumper $c->get_retrieval_opt()
|
||||
%= param 'FetchmailMethod'
|
||||
</pre>
|
||||
<pre>
|
||||
%= dumper $mai_datas->{fetchmailmethod}
|
||||
%= dumper $c->get_retrieval_opt()
|
||||
%= param 'FetchmailMethod'
|
||||
</pre>
|
||||
-->
|
||||
%= select_field 'FetchmailMethod' => $c->get_retrieval_opt(), class => ""
|
||||
</span></p>
|
||||
%= select_field 'FetchmailMethod' => $c->get_retrieval_opt(), class => ""
|
||||
</span></p>
|
||||
|
||||
%#=l 'mai_DESC_SMTP_AUTH_CONTROL'
|
||||
<br />
|
||||
%= l "SMTP port (25) main purpose is to receive emails from another server, STARTTLS is always offered, but auth if offered is only if STARTTLS is also used by client."
|
||||
<br />
|
||||
%= l "SMTPS port (465) will require implicit SSL/TLS then authenticate to send."
|
||||
<br />
|
||||
%= l "SMTP Submission port (587) will require STARTTLS, then authenticate to send."
|
||||
<br />
|
||||
%#=l 'mai_DESC_SMTP_AUTH_CONTROL'
|
||||
<br />
|
||||
%= l "SMTP port (25) main purpose is to receive emails from another server, STARTTLS is always offered, but auth if offered is only if STARTTLS is also used by client."
|
||||
<br />
|
||||
%= l "SMTPS port (465) will require implicit SSL/TLS then authenticate to send."
|
||||
<br />
|
||||
%= l "SMTP Submission port (587) will require STARTTLS, then authenticate to send."
|
||||
<br />
|
||||
|
||||
% my $smtp_mesg=l('SMTP port %u allow client to authenticate:');
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('qpsmtpd','TCPPort',25));
|
||||
</span><span class="">
|
||||
% param 'SMTPAuth' => $c->get_current_smtp_auth( FALSE ) unless param 'SMTPAuth';
|
||||
% my $smtp_mesg=l('SMTP port %u allow client to authenticate:');
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('qpsmtpd','TCPPort',25));
|
||||
</span><span class="">
|
||||
% param 'SMTPAuth' => $c->get_current_smtp_auth( FALSE ) unless param 'SMTPAuth';
|
||||
<!--
|
||||
<pre>
|
||||
%= dumper $c->get_smtp_auth_opt()
|
||||
%= dumper $c->get_current_smtp_auth(FALSE)
|
||||
%= dumper $c->get_db_prop("qpsmtpd","Authentication")
|
||||
%= param 'SMTPAuth'
|
||||
</pre>
|
||||
<pre>
|
||||
%= dumper $c->get_smtp_auth_opt()
|
||||
%= dumper $c->get_current_smtp_auth(FALSE)
|
||||
%= dumper $c->get_db_prop("qpsmtpd","Authentication")
|
||||
%= param 'SMTPAuth'
|
||||
</pre>
|
||||
-->
|
||||
%= select_field 'SMTPAuth' => $c->get_smtp_auth_opt(), class => ""
|
||||
</span></p>
|
||||
%= select_field 'SMTPAuth' => $c->get_smtp_auth_opt(), class => ""
|
||||
</span></p>
|
||||
|
||||
% my $smtp_mesg=l('SMTPS SSL/TLS auth: port %u status:');
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('sqpsmtpd','TCPPort',465));
|
||||
</span><span class="">
|
||||
% param 'sSMTPAuth' => $c->get_current_smtp_ssl_auth(FALSE,'s', TRUE) unless param 'sSMTPAuth';
|
||||
|
||||
%= select_field 'sSMTPAuth' => $c->get_smtp_ssl_auth_opt(), class => ""
|
||||
</span></p>
|
||||
% my $smtp_mesg=l('SMTPS SSL/TLS auth: port %u status:');
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('sqpsmtpd','TCPPort',465));
|
||||
</span><span class="">
|
||||
% param 'sSMTPAuth' => $c->get_current_smtp_ssl_auth(FALSE,'s', TRUE) unless param 'sSMTPAuth';
|
||||
|
||||
%= select_field 'sSMTPAuth' => $c->get_smtp_ssl_auth_opt(), class => ""
|
||||
</span></p>
|
||||
|
||||
%my $smtp_mesg=l('Submission port %u status:');
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('uqpsmtpd','TCPPort',587));
|
||||
</span><span class="">
|
||||
% param 'uSMTPAuth' => $c->get_current_smtp_ssl_auth(FALSE,'u', TRUE) unless param 'uSMTPAuth';
|
||||
%my $smtp_mesg=l('Submission port %u status:');
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('uqpsmtpd','TCPPort',587));
|
||||
</span><span class="">
|
||||
% param 'uSMTPAuth' => $c->get_current_smtp_ssl_auth(FALSE,'u', TRUE) unless param 'uSMTPAuth';
|
||||
<!--
|
||||
<pre>
|
||||
%= dumper $c->get_smtp_ssl_auth_opt()
|
||||
%= dumper $c->get_current_smtp_ssl_auth(FALSE,'s', TRUE)
|
||||
%= dumper $c->get_current_smtp_ssl_auth(FALSE,'u', TRUE)
|
||||
%= dumper $c->get_db_prop("uqpsmtpd","access")
|
||||
%= param 'uSMTPAuth'
|
||||
</pre>
|
||||
<pre>
|
||||
%= dumper $c->get_smtp_ssl_auth_opt()
|
||||
%= dumper $c->get_current_smtp_ssl_auth(FALSE,'s', TRUE)
|
||||
%= dumper $c->get_current_smtp_ssl_auth(FALSE,'u', TRUE)
|
||||
%= dumper $c->get_db_prop("uqpsmtpd","access")
|
||||
%= param 'uSMTPAuth'
|
||||
</pre>
|
||||
-->
|
||||
%= select_field 'uSMTPAuth' => $c->get_smtp_ssl_auth_opt(), class => ""
|
||||
</span></p>
|
||||
%= select_field 'uSMTPAuth' => $c->get_smtp_ssl_auth_opt(), class => ""
|
||||
</span></p>
|
||||
|
||||
<!--<hr class="" />-->
|
||||
<h2>
|
||||
%=l 'mai_TITLE_SECONDARY'
|
||||
</h2>
|
||||
<!--<hr class="" />-->
|
||||
<h2>
|
||||
%=l 'mai_TITLE_SECONDARY'
|
||||
</h2>
|
||||
|
||||
%=l 'mai_DESC_SECONDARY'
|
||||
%=l 'mai_DESC_SECONDARY'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SECONDARY'
|
||||
</span><span class="">
|
||||
% param 'SecondaryMailServer' => $mai_datas->{secondarymailserver} unless param 'SecondaryMailServer';
|
||||
%= text_field 'SecondaryMailServer', class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SECONDARY'
|
||||
</span><span class="">
|
||||
% param 'SecondaryMailServer' => $mai_datas->{secondarymailserver} unless param 'SecondaryMailServer';
|
||||
%= text_field 'SecondaryMailServer', class => ""
|
||||
</span></p>
|
||||
|
||||
%=l 'mai_DESC_FETCH_PERIOD'
|
||||
%=l 'mai_DESC_FETCH_PERIOD'
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_FETCH_PERIOD'
|
||||
</span><span class="">
|
||||
% param 'FreqOffice' => $mai_datas->{freqoffice} unless param 'FreqOffice';
|
||||
%= select_field 'FreqOffice' => $c->fetchmail_freq(), class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_FETCH_PERIOD'
|
||||
</span><span class="">
|
||||
% param 'FreqOffice' => $mai_datas->{freqoffice} unless param 'FreqOffice';
|
||||
%= select_field 'FreqOffice' => $c->fetchmail_freq(), class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_FETCH_PERIOD_NIGHTS'
|
||||
</span><span class="">
|
||||
% param 'FreqOutside' => $mai_datas->{freqoutside} unless param 'FreqOutside';
|
||||
%= select_field 'FreqOutside' => $c->fetchmail_freq(), class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_FETCH_PERIOD_NIGHTS'
|
||||
</span><span class="">
|
||||
% param 'FreqOutside' => $mai_datas->{freqoutside} unless param 'FreqOutside';
|
||||
%= select_field 'FreqOutside' => $c->fetchmail_freq(), class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_FETCH_PERIOD_WEEKENDS'
|
||||
</span><span class="">
|
||||
% param 'FreqWeekend' => $mai_datas->{freqweekend} unless param 'FreqWeekend';
|
||||
%= select_field 'FreqWeekend' => $c->fetchmail_freq(), class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_FETCH_PERIOD_WEEKENDS'
|
||||
</span><span class="">
|
||||
% param 'FreqWeekend' => $mai_datas->{freqweekend} unless param 'FreqWeekend';
|
||||
%= select_field 'FreqWeekend' => $c->fetchmail_freq(), class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_POP_ACCOUNT'
|
||||
</span><span class="">
|
||||
% param 'SecondaryMailAccount' => $mai_datas->{secondarymailaccount} unless param 'SecondaryMailAccount';
|
||||
%= text_field 'SecondaryMailAccount', class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_POP_ACCOUNT'
|
||||
</span><span class="">
|
||||
% param 'SecondaryMailAccount' => $mai_datas->{secondarymailaccount} unless param 'SecondaryMailAccount';
|
||||
%= text_field 'SecondaryMailAccount', class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_POP_PASS'
|
||||
</span><span class="">
|
||||
% param 'SecondaryMailPassword' => $mai_datas->{secondarymailpassword} unless param 'SecondaryMailPassword';
|
||||
%= password_field 'SecondaryMailPassword', class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_POP_PASS'
|
||||
</span><span class="">
|
||||
% param 'SecondaryMailPassword' => $mai_datas->{secondarymailpassword} unless param 'SecondaryMailPassword';
|
||||
%= password_field 'SecondaryMailPassword', class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SORT_METHOD'
|
||||
</span><span class="">
|
||||
% param 'SpecifyHeader' => $mai_datas->{specifyheader} unless param 'SpecifyHeader';
|
||||
%= select_field 'SpecifyHeader' => [[(l 'mai_DEFAULT') => 'off'], [(l 'mai_SPECIFY_BELOW') => 'on']], class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SORT_METHOD'
|
||||
</span><span class="">
|
||||
% param 'SpecifyHeader' => $mai_datas->{specifyheader} unless param 'SpecifyHeader';
|
||||
%= select_field 'SpecifyHeader' => [[(l 'mai_DEFAULT') => 'off'], [(l 'mai_SPECIFY_BELOW') => 'on']], class => ""
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SORT_HEADER'
|
||||
</span><span class="">
|
||||
% param 'SecondaryMailEnvelope' => $mai_datas->{secondarymailenvelope} unless param 'SecondaryMailEnvelope';
|
||||
%= text_field 'SecondaryMailEnvelope', class => ""
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SORT_HEADER'
|
||||
</span><span class="">
|
||||
% param 'SecondaryMailEnvelope' => $mai_datas->{secondarymailenvelope} unless param 'SecondaryMailEnvelope';
|
||||
%= text_field 'SecondaryMailEnvelope', class => ""
|
||||
</span></p>
|
||||
|
||||
% my $btn = l('SAVE');
|
||||
%= submit_button "$btn", class => ""
|
||||
% my $btn = l('SAVE');
|
||||
%= submit_button "$btn", class => ""
|
||||
|
||||
%= hidden_field 'trt' => 'REC'
|
||||
%= hidden_field 'trt' => 'REC'
|
||||
% end
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
% layout 'default', title => "Sme server 2 - emailsettings";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - emailsettings";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
@ -8,147 +8,147 @@
|
||||
<div id="" class="">
|
||||
|
||||
% if (config->{debug} == TRUE) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $mai_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $mai_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
%= form_for 'emailsettings' => (method => 'POST') => begin
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_POP_ACCESS_CONTROL'
|
||||
</span><span class="">
|
||||
%= $c->get_current_pop3_access( TRUE )
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_POP_ACCESS_CONTROL'
|
||||
</span><span class="">
|
||||
%= $c->get_current_pop3_access( TRUE )
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_IMAP_ACCESS_CONTROL'
|
||||
</span><span class="">
|
||||
%= $c->get_current_imap_access( TRUE )
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_IMAP_ACCESS_CONTROL'
|
||||
</span><span class="">
|
||||
%= $c->get_current_imap_access( TRUE )
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_WEBMAIL'
|
||||
</span><span class="">
|
||||
%= $c->get_current_webmail_status( TRUE )
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_WEBMAIL'
|
||||
</span><span class="">
|
||||
%= $c->get_current_webmail_status( TRUE )
|
||||
</span></p>
|
||||
|
||||
% my $btn = l('mai_DESC_STATE_ACCESS_BUTTON');
|
||||
% my $btn = l('mai_DESC_STATE_ACCESS_BUTTON');
|
||||
<div class="">
|
||||
%= submit_button "$btn", class => ""
|
||||
%= submit_button "$btn", class => ""
|
||||
</div>
|
||||
|
||||
%= hidden_field 'trt' => 'ACC'
|
||||
%= hidden_field 'trt' => 'ACC'
|
||||
% end
|
||||
<br>
|
||||
|
||||
<!--<hr class="" />-->
|
||||
|
||||
%= form_for 'emailsettings' => (method => 'POST') => begin
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_VIRUS_SCAN'
|
||||
</span><span class="">
|
||||
%= $c->get_virus_status(TRUE)
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_VIRUS_SCAN'
|
||||
</span><span class="">
|
||||
%= $c->get_virus_status(TRUE)
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_SCAN'
|
||||
</span><span class="">
|
||||
%= $c->get_spam_status(TRUE)
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SPAM_SCAN'
|
||||
</span><span class="">
|
||||
%= $c->get_spam_status(TRUE)
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_BLOCK_EXECUTABLE_CONTENT'
|
||||
</span><span class="">
|
||||
%= $c->get_patterns_status(TRUE)
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_BLOCK_EXECUTABLE_CONTENT'
|
||||
</span><span class="">
|
||||
%= $c->get_patterns_status(TRUE)
|
||||
</span></p>
|
||||
|
||||
% my $btn = l('mai_DESC_STATE_FILTERING_BUTTON');
|
||||
% my $btn = l('mai_DESC_STATE_FILTERING_BUTTON');
|
||||
<div class="">
|
||||
%= submit_button "$btn", class => ""
|
||||
%= submit_button "$btn", class => ""
|
||||
</div>
|
||||
|
||||
%= hidden_field 'trt' => 'FIL'
|
||||
%= hidden_field 'trt' => 'FIL'
|
||||
% end
|
||||
<br>
|
||||
|
||||
<!--<hr class="" />-->
|
||||
|
||||
%= form_for 'emailsettings' => (method => 'POST') => begin
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_MODE'
|
||||
</span><span class="">
|
||||
%= $mai_datas->{fetchmailmethod}
|
||||
</span></p>
|
||||
|
||||
% my $smtp_mesg;
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_MODE'
|
||||
</span><span class="">
|
||||
%= $mai_datas->{fetchmailmethod}
|
||||
</span></p>
|
||||
|
||||
% my $smtp_mesg;
|
||||
|
||||
% $smtp_mesg=l('SMTP port %u allow client to authenticate:');
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('qpsmtpd','TCPPort',25));
|
||||
</span><span class="">
|
||||
%= $c->get_current_smtp_auth( TRUE )
|
||||
</span></p>
|
||||
% $smtp_mesg=l('SMTP port %u allow client to authenticate:');
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('qpsmtpd','TCPPort',25));
|
||||
</span><span class="">
|
||||
%= $c->get_current_smtp_auth( TRUE )
|
||||
</span></p>
|
||||
|
||||
% $smtp_mesg=l('SMTPS SSL/TLS auth: port %u status:');
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('sqpsmtpd','TCPPort',465));
|
||||
</span><span class="">
|
||||
%= $c->get_current_smtp_ssl_auth( TRUE, 's', FALSE )
|
||||
</span></p>
|
||||
% $smtp_mesg=l('SMTPS SSL/TLS auth: port %u status:');
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('sqpsmtpd','TCPPort',465));
|
||||
</span><span class="">
|
||||
%= $c->get_current_smtp_ssl_auth( TRUE, 's', FALSE )
|
||||
</span></p>
|
||||
|
||||
% $smtp_mesg=l 'Submission port %u status:';
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('uqpsmtpd','TCPPort',587));
|
||||
</span><span class="">
|
||||
%= $c->get_current_smtp_ssl_auth( TRUE,'u', FALSE )
|
||||
</span></p>
|
||||
<br />
|
||||
% $smtp_mesg=l 'Submission port %u status:';
|
||||
<p><span class="">
|
||||
%= sprintf($smtp_mesg,$c->get_db_prop('uqpsmtpd','TCPPort',587));
|
||||
</span><span class="">
|
||||
%= $c->get_current_smtp_ssl_auth( TRUE,'u', FALSE )
|
||||
</span></p>
|
||||
<br />
|
||||
|
||||
% my $btn = l('mai_DESC_STATE_RECEPTION_BUTTON');
|
||||
<div class="">
|
||||
%= submit_button "$btn", class => ""
|
||||
%= submit_button "$btn", class => ""
|
||||
</div>
|
||||
|
||||
%= hidden_field 'trt' => 'REC'
|
||||
%= hidden_field 'trt' => 'REC'
|
||||
% end
|
||||
<br>
|
||||
|
||||
<!--<hr class="" />-->
|
||||
|
||||
%= form_for 'emailsettings' => (method => 'POST') => begin
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_UNKNOWN'
|
||||
</span><span class="">
|
||||
%= $c->get_emailunknownuser_status( TRUE )
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_UNKNOWN'
|
||||
</span><span class="">
|
||||
%= $c->get_emailunknownuser_status( TRUE )
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_DELEGATE'
|
||||
</span><span class="">
|
||||
%= $c->get_value('DelegateMailServer')
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_DELEGATE'
|
||||
</span><span class="">
|
||||
%= $c->get_value('DelegateMailServer')
|
||||
</span></p>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SMARTHOST'
|
||||
</span><span class="">
|
||||
%= $c->get_value('SMTPSmartHost')
|
||||
</span></p>
|
||||
<p><span class="">
|
||||
%=l 'mai_LABEL_SMARTHOST'
|
||||
</span><span class="">
|
||||
%= $c->get_value('SMTPSmartHost')
|
||||
</span></p>
|
||||
|
||||
% my $btn = l('mai_DESC_STATE_DELIVERY_BUTTON');
|
||||
% my $btn = l('mai_DESC_STATE_DELIVERY_BUTTON');
|
||||
<div class="">
|
||||
%= submit_button "$btn", class => ""
|
||||
%= submit_button "$btn", class => ""
|
||||
</div>
|
||||
|
||||
%= hidden_field 'trt' => 'DEL'
|
||||
%= hidden_field 'trt' => 'DEL'
|
||||
% end
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,23 +1,23 @@
|
||||
% layout 'default', title => "Sme server 2 - embedded";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - embedded";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
</p>
|
||||
% }
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
<h1> Embedded - <%=$title %></h1><br>
|
||||
<p>If the legacy panel does not appear, then you may not be logged into the original Server manager.<br />You can log in by clicking <a href="/server-manager" target='_blank'>here</a>. Or by clicking on the "Legacy SM" button at the top of the window.</p>
|
||||
% my $height = $c->stash('height') | '600px';
|
||||
% if ($height !~ /px$/) { $height = $height.'px';}
|
||||
<object id="" class="" data="<%=$c->stash('modul') %>" style="width:99%;height:<%= $height %>;" title="<%= $c->stash('title') %>" type="text/html" ><%= $c->stash('title') %> not found</object>
|
||||
<object id="" class="" data="<%=$c->stash('modul') %>" style="width:99%;height:<%= $height %>;" title="<%= $c->stash('title') %>" type="text/html" ><%= $c->stash('title') %> not found</object>
|
||||
</div>
|
||||
|
||||
%end
|
||||
|
||||
@ -1,16 +1,18 @@
|
||||
% layout 'default', title => 'Sme server 2 - Error D';
|
||||
% layout 'AdminLTE', title => 'Sme server 2 - Error D';
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
<p><br>dev<br> Oups !!!
|
||||
<div>
|
||||
<p>
|
||||
<br>dev<br>
|
||||
Oups !!!
|
||||
The page you were requesting
|
||||
"<%= $self->req->url->path || '/' %>"
|
||||
caused en exception !!
|
||||
<br>dev<br>
|
||||
</p>
|
||||
<p>
|
||||
%= link_to Back => '/'
|
||||
%= link_to Back => '/'
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,32 +1,32 @@
|
||||
% layout 'default', title => "Sme server 2 - groups";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - groups";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
<div>
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $grp_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $grp_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
% if ($grp_datas->{trt} eq 'ADD') {
|
||||
%= include 'partials/_grp_add'
|
||||
%= include 'partials/_grp_add'
|
||||
%} elsif ($grp_datas->{trt} eq 'DEL') {
|
||||
%= include 'partials/_grp_del'
|
||||
%} elsif ($grp_datas->{trt} eq 'UPD') {
|
||||
%= include 'partials/_grp_upd'
|
||||
%} else {
|
||||
%= include 'partials/_grp_list'
|
||||
%}
|
||||
%= include 'partials/_grp_del'
|
||||
%} elsif ($grp_datas->{trt} eq 'UPD') {
|
||||
%= include 'partials/_grp_upd'
|
||||
%} else {
|
||||
%= include 'partials/_grp_list'
|
||||
%}
|
||||
|
||||
</div>
|
||||
%end
|
||||
|
||||
@ -1,34 +1,34 @@
|
||||
% layout 'default', title => "Sme server 2 - hostentries";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - hostentries";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
<div>
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $hos_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $hos_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
% if ( $notif ) {
|
||||
<br>
|
||||
<span class="">
|
||||
<%= $c->render_to_string(inline => $notif) %>
|
||||
</span>
|
||||
<br>
|
||||
<span class="">
|
||||
<%= $c->render_to_string(inline => $notif) %>
|
||||
</span>
|
||||
%}
|
||||
|
||||
% if ($hos_datas->{trt} eq 'ADD' or $hos_datas->{trt} eq 'UPD') {
|
||||
%= include 'partials/_hos_upd'
|
||||
%= include 'partials/_hos_upd'
|
||||
%} elsif ($hos_datas->{trt} eq 'DEL') {
|
||||
%= include 'partials/_hos_del'
|
||||
%= include 'partials/_hos_del'
|
||||
%} elsif ( $hos_datas->{trt} eq 'ALC' or $hos_datas->{trt} eq 'ULC') {
|
||||
%= include 'partials/_hos_ulc'
|
||||
%= include 'partials/_hos_ulc'
|
||||
%} elsif ( $hos_datas->{trt} eq 'ARM' or $hos_datas->{trt} eq 'URM') {
|
||||
%= include 'partials/_hos_urm'
|
||||
%= include 'partials/_hos_urm'
|
||||
%} else {
|
||||
%= include 'partials/_hos_list'
|
||||
%= include 'partials/_hos_list'
|
||||
%}
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,38 +1,38 @@
|
||||
% layout 'default', title => "Sme server 2 - ibays";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - ibays";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
<div>
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $iba_datas
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $iba_datas
|
||||
</p>
|
||||
% }
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
|
||||
% if ( stash 'modul' ) {
|
||||
%= $c->render_to_string(inline => stash 'modul' );
|
||||
%= $c->render_to_string(inline => stash 'modul' );
|
||||
% }
|
||||
|
||||
% if ($iba_datas->{trt} eq 'ADD') {
|
||||
%= include 'partials/_iba_upd'
|
||||
%= include 'partials/_iba_upd'
|
||||
%} elsif ($iba_datas->{trt} eq 'DEL') {
|
||||
%= include 'partials/_iba_del'
|
||||
%} elsif ($iba_datas->{trt} eq 'UPD') {
|
||||
%= include 'partials/_iba_upd'
|
||||
%} elsif ($iba_datas->{trt} eq 'PWD') {
|
||||
%= include 'partials/_iba_pwd'
|
||||
%} else {
|
||||
%= include 'partials/_iba_list'
|
||||
%}
|
||||
%= include 'partials/_iba_del'
|
||||
%} elsif ($iba_datas->{trt} eq 'UPD') {
|
||||
%= include 'partials/_iba_upd'
|
||||
%} elsif ($iba_datas->{trt} eq 'PWD') {
|
||||
%= include 'partials/_iba_pwd'
|
||||
%} else {
|
||||
%= include 'partials/_iba_list'
|
||||
%}
|
||||
|
||||
</div>
|
||||
%end
|
||||
|
||||
@ -1,28 +1,29 @@
|
||||
% layout 'default', title => 'Sme server 2 - Initial';
|
||||
% layout 'AdminLTE', title => 'Sme server 2 - Initial';
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
</p>
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
</p>
|
||||
% }
|
||||
|
||||
<div id="" class="">
|
||||
<div>
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
<br>
|
||||
<div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
% }
|
||||
|
||||
<h3>
|
||||
%= $title
|
||||
</h3>
|
||||
<br>
|
||||
<h3><%= $title %> </h3>
|
||||
<!-- <h3>template: initial.html.ep</h3> -->
|
||||
<!-- <H1>Initial AdminLTE</H1> -->
|
||||
<p>
|
||||
%= $modul
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
% end
|
||||
@ -1,151 +0,0 @@
|
||||
<!DOCTYPE html
|
||||
PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||
"http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<!-- default +jquery -->
|
||||
<head>
|
||||
<title><%= $title %></title>
|
||||
<link rel="made" href="mailto:bugs%40koozali.org">
|
||||
<meta name="copyright" content="(head.tmpl)Copyright 2003-2004 Mitel Corporation">
|
||||
|
||||
%#= stylesheet '/css/new_sme.css'
|
||||
%#= stylesheet '/css/new-sme-main.css'
|
||||
|
||||
|
||||
<link rel="stylesheet" href="dist/css/adminlte.min.css">
|
||||
<script src="dist/js/adminlte.min.js"></script>
|
||||
|
||||
%= content_for 'head_contrib'
|
||||
% if (config 'hasJquery') {
|
||||
%= include 'partials/_js_imports'
|
||||
%= include 'common_js'
|
||||
% }
|
||||
%= content_for 'refresh'
|
||||
|
||||
%#= stylesheet '/js/datatables.min.css'
|
||||
%#= javascript '/js/datatables.min.js'
|
||||
%#= stylesheet '/js/jquery-ui.min.css'
|
||||
%#= javascript '/js/jquery-ui.min.js'
|
||||
%#= javascript '/js/dataTables.buttons.min.js'
|
||||
%#= javascript '/js/jszip.min.js'
|
||||
%#= javascript '/js/pdfmake.min.js'
|
||||
%#= javascript '/js/vfs_fonts.js'
|
||||
%#= javascript '/js/buttons.html5.min.js'
|
||||
%#= javascript '/js/buttons.print.min.js'
|
||||
|
||||
%= javascript '/js/flag-by-locale.js'
|
||||
%= javascript '/js/sme-password.js'
|
||||
|
||||
<link rel="stylesheet" href="/smanager/css/flag-icon.min.css">
|
||||
%= stylesheet '/css/sme-jquery-overrides.css'
|
||||
|
||||
<style>
|
||||
#busy-indicator {
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
font-weight: bold;
|
||||
color: red;
|
||||
}
|
||||
.busy {
|
||||
cursor: wait; /* Change the cursor to a 'wait' cursor */
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
% if ( not defined $c->session->{lang} ) {
|
||||
% SrvMngr::init_session ( $c );
|
||||
% }
|
||||
<div id="">
|
||||
%= include 'partials/_header'
|
||||
% if ($c->is_logged_in && scalar @{SrvMngr::theme_list( $c )} > 1) {
|
||||
%= include 'partials/_swt_theme'
|
||||
% }
|
||||
</div>
|
||||
|
||||
<div id="">
|
||||
|
||||
% if (config 'hasJquery') {
|
||||
%= content 'js_toggleMenu'
|
||||
% }
|
||||
|
||||
<div id="" class="">
|
||||
%= include 'partials/_nav_menu'
|
||||
% if ( $c->is_logged_in ) {
|
||||
%= include 'partials/_user_menu'
|
||||
% }
|
||||
% if ( $c->is_admin ) {
|
||||
%= include 'partials/_navig2'
|
||||
% }
|
||||
</div>
|
||||
<div id="" class="">
|
||||
|
||||
%= include 'partials/_info'
|
||||
|
||||
% if (flash 'success') {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => flash 'success')
|
||||
</div>
|
||||
% }
|
||||
% if ( flash 'warning' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => flash 'warning')
|
||||
</div>
|
||||
%}
|
||||
% if ( flash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => flash 'error')
|
||||
</div>
|
||||
%}
|
||||
%= content 'module'
|
||||
%= include 'partials/_footer'
|
||||
</div>
|
||||
</div>
|
||||
|
||||
% if (config 'hasJquery') {
|
||||
%= content 'js_swapClass'
|
||||
%= content 'js_togglePassword'
|
||||
% }
|
||||
|
||||
%= javascript '/js/sme-dataTable-setup.js'
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Handle form submission for any form
|
||||
$('form').on('submit', function(event) {
|
||||
// Disable the submit button
|
||||
$(this).find('button[type="submit"], input[type="submit"]').prop('disabled', true);
|
||||
// Show the busy indicator
|
||||
// $('#busy-indicator').show();
|
||||
|
||||
// Change the cursor to "wait"
|
||||
$('body').addClass('busy');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
var link = document.querySelector('link[href*="adminlte"]');
|
||||
if (link) {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open('GET', link.href, true);
|
||||
xhr.onload = function() {
|
||||
var match = xhr.responseText.match(/AdminLTE v(\d+\.\d+\.\d+)/);
|
||||
if (match) {
|
||||
var version = match[1];
|
||||
document.getElementById('adminlte-version').textContent = 'AdminLTE version: ' + version;
|
||||
}
|
||||
};
|
||||
xhr.send();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<div id="adminlte-version"></div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,68 +1,71 @@
|
||||
%#
|
||||
%# Generated by SM2Gen version:0.8 Chameleon version:4.5.4 On Python:3.12.3 at 2024-12-01 15:22:43
|
||||
%#
|
||||
% layout 'default', title => "Sme server 2 - Letsencrypt certificate", share_dir => './';
|
||||
% layout 'AdminLTE', title => "Sme server 2 - Letsencrypt certificate", share_dir => './';
|
||||
%# css specific to this panel:
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
%= stylesheet '/css/letsencrypt.css'
|
||||
<div id="" class="">
|
||||
|
||||
<div>
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<pre>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $lets_data->{trt}
|
||||
</pre>
|
||||
<pre>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $lets_data->{trt}
|
||||
</pre>
|
||||
% }
|
||||
|
||||
<h1><%=$title%></h1>
|
||||
|
||||
% if ( stash('modul')) {
|
||||
%= $c->render_to_string(inline => stash('modul') );
|
||||
%= $c->render_to_string(inline => stash('modul') );
|
||||
% }
|
||||
|
||||
%if ($c->stash('first')) {
|
||||
<br><p>
|
||||
%=$c->render_to_string(inline =>$c->l($c->stash('first')))
|
||||
</p>
|
||||
%if ($c->stash('first')) {
|
||||
<br><p>
|
||||
%=$c->render_to_string(inline =>$c->l($c->stash('first')))
|
||||
</p>
|
||||
|
||||
%} elsif ($c->stash('success')) {
|
||||
<div class="">
|
||||
<h2><%=$c->l('lets_Status_Report') %></h2><p>
|
||||
%= $c->l($c->stash('success'));
|
||||
</p>
|
||||
</div>
|
||||
%} elsif ($c->stash('success')) {
|
||||
<div class="">
|
||||
<h2><%=$c->l('lets_Status_Report') %></h2><p>
|
||||
%= $c->l($c->stash('success'));
|
||||
</p>
|
||||
</div>
|
||||
|
||||
%} elsif ($c->stash('error')) {
|
||||
<div class="">
|
||||
<h2><%=$c->l('lets_Error_Status_Report') %></h2><p>
|
||||
%= $c->l($c->stash('error'));
|
||||
</p>
|
||||
</div>
|
||||
%}
|
||||
%} elsif ($c->stash('error')) {
|
||||
<div class="">
|
||||
<h2><%=$c->l('lets_Error_Status_Report') %></h2><p>
|
||||
%= $c->l($c->stash('error'));
|
||||
</p>
|
||||
</div>
|
||||
%}
|
||||
|
||||
%#Routing to partials according to trt parameter.
|
||||
%#This ought to be cascading if/then/elsif, but is easier to just stack the if/then's rather like a case statement'
|
||||
|
||||
% if ($lets_data->{trt} eq "LIST") {
|
||||
%= include 'partials/_lets_LIST'
|
||||
%}
|
||||
|
||||
% if ($lets_data->{trt} eq "PARAMS") {
|
||||
%= include 'partials/_lets_PARAMS'
|
||||
%}
|
||||
|
||||
% if ($lets_data->{trt} eq "CHECKALLDOMAINS") {
|
||||
%= include 'partials/_lets_CHECKALLDOMAINS'
|
||||
%}
|
||||
|
||||
% if ($lets_data->{trt} eq "CHECKALLENABLEDDOMAINS") {
|
||||
%= include 'partials/_lets_CHECKALLENABLEDDOMAINS'
|
||||
%}
|
||||
|
||||
% if ($lets_data->{trt} eq "CHECKONEDOMAIN") {
|
||||
%= include 'partials/_lets_CHECKONEDOMAIN'
|
||||
%}
|
||||
|
||||
%#Routing to partials according to trt parameter.
|
||||
%#This ought to be cascading if/then/elsif, but is easier to just stack the if/then's rather like a case statement'
|
||||
|
||||
% if ($lets_data->{trt} eq "LIST") {
|
||||
%= include 'partials/_lets_LIST'
|
||||
%}
|
||||
|
||||
% if ($lets_data->{trt} eq "PARAMS") {
|
||||
%= include 'partials/_lets_PARAMS'
|
||||
%}
|
||||
|
||||
% if ($lets_data->{trt} eq "CHECKALLDOMAINS") {
|
||||
%= include 'partials/_lets_CHECKALLDOMAINS'
|
||||
%}
|
||||
|
||||
% if ($lets_data->{trt} eq "CHECKALLENABLEDDOMAINS") {
|
||||
%= include 'partials/_lets_CHECKALLENABLEDDOMAINS'
|
||||
%}
|
||||
|
||||
% if ($lets_data->{trt} eq "CHECKONEDOMAIN") {
|
||||
%= include 'partials/_lets_CHECKONEDOMAIN'
|
||||
%}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,32 +1,32 @@
|
||||
% layout 'default', title => "Sme server 2 - localnetworks";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - localnetworks";
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
<div>
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $c->stash("ret")
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $c->stash("ret")
|
||||
%= dumper $c->param("localnetwork");
|
||||
%= dumper $c->stash("ln_datas");
|
||||
%= dumper $c->param("deletehost");
|
||||
</p>
|
||||
</p>
|
||||
% }
|
||||
|
||||
<h1><%= $title%></h1>
|
||||
%= $modul
|
||||
|
||||
% if ($ln_datas->{trt} eq 'ADD') {
|
||||
%= include 'partials/_ln_add'
|
||||
%= include 'partials/_ln_add'
|
||||
%} elsif ($ln_datas->{trt} eq 'ADD1') {
|
||||
%= include 'partials/_ln_add'
|
||||
%= include 'partials/_ln_add'
|
||||
%} elsif ($ln_datas->{trt} eq 'DEL') {
|
||||
%= include 'partials/_ln_del'
|
||||
%} elsif ($ln_datas->{trt} eq 'DEL1'){
|
||||
%= include 'partials/_ln_list'
|
||||
%} else {
|
||||
%= include 'partials/_ln_list'
|
||||
%}
|
||||
%= include 'partials/_ln_del'
|
||||
%} elsif ($ln_datas->{trt} eq 'DEL1'){
|
||||
%= include 'partials/_ln_list'
|
||||
%} else {
|
||||
%= include 'partials/_ln_list'
|
||||
%}
|
||||
|
||||
</div>
|
||||
%end
|
||||
|
||||
@ -1,69 +1,95 @@
|
||||
% layout 'default', title => "Sme server 2 - login";
|
||||
% layout 'AdminLTE' , title => "Sme server 2 - login";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
<div id="" class="">
|
||||
|
||||
%if ( config 'debug' ) {
|
||||
<p>
|
||||
%= dumper $c->current_route
|
||||
%if ( stash 'trt' ) {
|
||||
%= dumper stash 'trt'
|
||||
%}
|
||||
</p>
|
||||
%if ( config 'debug' ) {
|
||||
<p>
|
||||
<!-- %= dumper $c->current_route -->
|
||||
%if ( stash 'trt' ) {
|
||||
%= dumper stash 'trt'
|
||||
%}
|
||||
</p>
|
||||
%}
|
||||
|
||||
% if ( stash 'error' ) {
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
<br><div class="">
|
||||
%= $c->render_to_string(inline => stash 'error')
|
||||
</div>
|
||||
%}
|
||||
|
||||
% my $btn = l('use_SIGNIN');
|
||||
% if ( $trt eq 'RESET' ) {
|
||||
<br><div class=""><h2>
|
||||
%= $c->render_to_string(inline => l 'use_DESC_RESET')
|
||||
</h2></div>
|
||||
% $btn = l('use_RESET');
|
||||
<br><div class=""><h2>
|
||||
%= $c->render_to_string(inline => l 'use_DESC_RESET')
|
||||
</h2></div>
|
||||
% $btn = l('use_RESET');
|
||||
%}
|
||||
|
||||
<h1>
|
||||
%=l 'use_TITLE'
|
||||
</h1>
|
||||
<div class="login-page bg-body-secondary-subtle app-loaded">
|
||||
<!-- /.login-logo -->
|
||||
|
||||
%= form_for '/login' => (method => 'POST') => begin
|
||||
<div class="login-box">
|
||||
<div class="card card-outline card-success">
|
||||
<div class="card-header">
|
||||
<div class="d-flex justify-content-center">
|
||||
<img class="img-fluid" src="images/KoozaliServerManager.png" alt="Koozali Logo">
|
||||
</div>
|
||||
<br>
|
||||
<a href="/smanager" class="link-dark text-center link-offset-2 link-opacity-100 link-opacity-50-hover">
|
||||
<h1 class="mb-0"><b>Koozali</b></h1><br><h3>Server Manager</h3>
|
||||
</a>
|
||||
<br>
|
||||
<h1 class="text-center">
|
||||
%=l 'use_TITLE'
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<p><span class="">
|
||||
%=l 'USER_NAME'
|
||||
</span><span class="">
|
||||
%= text_field 'Username'
|
||||
</span></p>
|
||||
|
||||
% if ( $trt ne 'RESET' ) {
|
||||
<p><span class="">
|
||||
%=l 'PASSWORD'
|
||||
</span><span class="">
|
||||
%= password_field 'Password', id => "", autocomplete => 'current-password', class=>""
|
||||
% if (config 'hasJquery') {
|
||||
%#<a href='#' id="" class=""> <img src="images/visible.png" height="16" alt="Visible"></a>
|
||||
% }
|
||||
</span></p>
|
||||
%}
|
||||
<div class="card-body login-card-body">
|
||||
<p class="login-box-msg">Sign in to start your session</p>
|
||||
<form action="/smanager/login" method="POST">
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input name='Username' id="Username" type="text" class="form-control" placeholder="<%=l 'USER_NAME'%>">
|
||||
<label for="Username">User</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-person-fill"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input name='Password' id="Password" type="password" class="form-control" placeholder="<%=l 'PASSWORD'%>">
|
||||
<label for="Password">Password</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
|
||||
</div>
|
||||
|
||||
%= hidden_field 'From' => $c->tx->req->url
|
||||
%= hidden_field 'Trt' => $trt
|
||||
%= hidden_field 'From' => $c->tx->req->url
|
||||
%= hidden_field 'Trt' => stash 'trt'
|
||||
|
||||
<br>
|
||||
<div class="">
|
||||
%= submit_button "$btn", class => ""
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-8 d-inline-flex align-items-center">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||
<label class="form-check-label" for="flexCheckDefault"> Remember Me </label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-4">
|
||||
<div class="d-grid gap-2">
|
||||
<button type="submit" class="btn btn-primary">Sign In</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</form>
|
||||
<p class="mb-1"><a href="login2">I forgot my password</a></p>
|
||||
</div>
|
||||
<!-- /.login-card-body -->
|
||||
</div>
|
||||
</div>
|
||||
%if ( config 'pwdreset' ) {
|
||||
<div class=""><a href='login2'>
|
||||
%=l 'use_FORGOT'
|
||||
</a></div>
|
||||
%}
|
||||
|
||||
% end
|
||||
|
||||
<!-- /.login-box -->
|
||||
</div>
|
||||
%end
|
||||
|
||||
% end
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
% layout 'default', title => 'Sme server 2 - Manual';
|
||||
% layout 'AdminLTE', title => 'Sme server 2 - Manual';
|
||||
|
||||
% content_for 'module' => begin
|
||||
<div id="" class="">
|
||||
|
||||
@ -1,7 +1,9 @@
|
||||
% layout 'default', title => "Sme server 2 - module";
|
||||
% layout 'AdminLTE', title => "Sme server 2 - module";
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
%= stylesheet '/css/module.css'
|
||||
|
||||
<div id="" class="">
|
||||
% if (config->{debug} == 1) {
|
||||
<p>
|
||||
@ -16,12 +18,12 @@
|
||||
<%= $c->render_to_string(inline => stash 'error') %>
|
||||
</div>
|
||||
% }
|
||||
|
||||
|
||||
<h1><%= $title %></h1>
|
||||
|
||||
|
||||
<div class="">
|
||||
<%= $c->render_to_string(inline => stash 'modul') %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
% end
|
||||
% end
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
% layout 'defaultlight', title => 'Sme server 2 - Error D';
|
||||
% layout 'AdminLTE', title => 'Sme server 2 - Error D';
|
||||
|
||||
% content_for 'module' => begin
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
"<%= $self->req->url->path || '/' %>"
|
||||
could not be found.
|
||||
<br>dev<br>
|
||||
%= link_to Initial => '/Initial'
|
||||
%= link_to Initial => '/Initial'
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
% layout 'defaultlight', title => 'Sme server 2 - Error P';
|
||||
% layout 'AdminLTE', title => 'Sme server 2 - Error P';
|
||||
<div id="" class="">
|
||||
<p><br><br>
|
||||
The page you were requesting
|
||||
"<%= $self->req->url->path || '/' %>"
|
||||
could not be found.
|
||||
<br><br>
|
||||
%= link_to Welcome => '/'
|
||||
%= link_to Welcome => '/'
|
||||
</p>
|
||||
</div>
|
||||
@ -1,59 +1,59 @@
|
||||
%#
|
||||
%# Generated by SM2Gen version:0.9(20Jan2025) Chameleon version:4.5.4 On Python:3.12.3 at 2025-01-20 16:21:33
|
||||
%#
|
||||
% layout 'default', title => "Sme server 2 - NutUPS configuration", share_dir => './';
|
||||
% layout 'AdminLTE', title => "Sme server 2 - NutUPS configuration", share_dir => './';
|
||||
%# css specific to this panel:
|
||||
|
||||
% content_for 'module' => begin
|
||||
%= stylesheet '/css/nutups.css'
|
||||
%= javascript '/js/nutups.js'
|
||||
<div id="" class="">
|
||||
|
||||
<div>
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<pre>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $nut_data->{trt}
|
||||
</pre>
|
||||
<pre>
|
||||
%= dumper $c->current_route
|
||||
%= dumper $nut_data->{trt}
|
||||
</pre>
|
||||
% }
|
||||
|
||||
<h1><%=$title%></h1>
|
||||
|
||||
% if ( stash('modul')) {
|
||||
%= $c->render_to_string(inline => stash('modul') );
|
||||
%= $c->render_to_string(inline => stash('modul') );
|
||||
% }
|
||||
|
||||
%if ($c->stash('first')) {
|
||||
<br><p>
|
||||
%=$c->render_to_string(inline =>$c->l($c->stash('first')))
|
||||
</p>
|
||||
%if ($c->stash('first')) {
|
||||
<br><p>
|
||||
%=$c->render_to_string(inline =>$c->l($c->stash('first')))
|
||||
</p>
|
||||
|
||||
%} elsif ($c->stash('success')) {
|
||||
<div class="">
|
||||
<h2><%=$c->l('nut_Status_Report') %></h2><p>
|
||||
%= $c->l($c->stash('success'));
|
||||
</p>
|
||||
</div>
|
||||
<br />
|
||||
%} elsif ($c->stash('success')) {
|
||||
<div class="">
|
||||
<h2><%=$c->l('nut_Status_Report') %></h2><p>
|
||||
%= $c->l($c->stash('success'));
|
||||
</p>
|
||||
</div>
|
||||
<br />
|
||||
|
||||
%} elsif ($c->stash('error')) {
|
||||
<div class="">
|
||||
<h2><%=$c->l('nut_Error_Status_Report') %></h2><p>
|
||||
%= $c->l($c->stash('error'));
|
||||
</p>
|
||||
</div>
|
||||
<br />
|
||||
%}
|
||||
%} elsif ($c->stash('error')) {
|
||||
<div class="">
|
||||
<h2><%=$c->l('nut_Error_Status_Report') %></h2><p>
|
||||
%= $c->l($c->stash('error'));
|
||||
</p>
|
||||
</div>
|
||||
<br />
|
||||
%}
|
||||
|
||||
%#Routing to partials according to trt parameter.
|
||||
%#This ought to be cascading if/then/elsif, but is easier to just stack the if/then's rather like a case statement'
|
||||
|
||||
% if ($nut_data->{trt} eq "STATUS") {
|
||||
%= include 'partials/_nut_STATUS'
|
||||
%}
|
||||
|
||||
% if ($nut_data->{trt} eq "CONFIG") {
|
||||
%= include 'partials/_nut_CONFIG'
|
||||
%}
|
||||
|
||||
%#Routing to partials according to trt parameter.
|
||||
%#This ought to be cascading if/then/elsif, but is easier to just stack the if/then's rather like a case statement'
|
||||
|
||||
% if ($nut_data->{trt} eq "STATUS") {
|
||||
%= include 'partials/_nut_STATUS'
|
||||
%}
|
||||
|
||||
% if ($nut_data->{trt} eq "CONFIG") {
|
||||
%= include 'partials/_nut_CONFIG'
|
||||
%}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,25 +1,25 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('REMOVE');
|
||||
% my $btn = l('REMOVE');
|
||||
%= form_for '/domains2' => (method => 'POST') => begin
|
||||
<p>
|
||||
<h2>
|
||||
%=l 'dom_REMOVE_TITLE'
|
||||
</h2>
|
||||
</p>
|
||||
<p>
|
||||
<h2>
|
||||
%=l 'dom_REMOVE_TITLE'
|
||||
</h2>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
%= $c->l('dom_REMOVE_DESCRIPTION', $dom_datas->{domain}, $dom_datas->{description});
|
||||
</p>
|
||||
|
||||
<p><b>
|
||||
%= l('dom_ABOUT_TO_REMOVE')
|
||||
<b></p>
|
||||
<p>
|
||||
%= $c->l('dom_REMOVE_DESCRIPTION', $dom_datas->{domain}, $dom_datas->{description});
|
||||
</p>
|
||||
|
||||
<p><b>
|
||||
%= l('dom_ABOUT_TO_REMOVE')
|
||||
<b></p>
|
||||
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
|
||||
%= hidden_field 'trt' => $dom_datas->{trt}
|
||||
%= hidden_field 'Domain' => $dom_datas->{domain}
|
||||
|
||||
@ -1,43 +1,45 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('dom_ADD_DOMAIN');
|
||||
|
||||
|
||||
%= form_for '/domains' => (method => 'POST') => begin
|
||||
|
||||
%= l('dom_FORM_DESCRIPTION');
|
||||
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
%= l('dom_FORM_DESCRIPTION');
|
||||
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
|
||||
%= hidden_field 'trt' => 'ADD'
|
||||
|
||||
%= hidden_field 'trt' => 'ADD'
|
||||
|
||||
% end
|
||||
|
||||
<h2>
|
||||
%=l 'dom_CURRENT_DOMAINS'
|
||||
</h2>
|
||||
<table class=""><thead>
|
||||
<tr>
|
||||
<th class="">
|
||||
%=l 'DOMAIN_NAME'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'DESCRIPTION_BRIEF'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'dom_CONTENT'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'dom_LABEL_NAMESERVERS'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'ACTION'
|
||||
</th>
|
||||
</tr>
|
||||
</thead><tbody>
|
||||
<h2>
|
||||
%=l 'dom_CURRENT_DOMAINS'
|
||||
</h2>
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="">
|
||||
%=l 'DOMAIN_NAME'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'DESCRIPTION_BRIEF'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'dom_CONTENT'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'dom_LABEL_NAMESERVERS'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'ACTION'
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
% foreach my $domain ( @$domains ) {
|
||||
<tr>
|
||||
@ -46,76 +48,78 @@
|
||||
%= t td => (class => "") => $domain->{'Content'}
|
||||
%= t td => (class => "") => l('dom_' . $domain->{'Nameservers'})
|
||||
|
||||
%# my $actionModify = "<a href='domains2?CsrfDef=TOKEN&trt=UPD&Domain=" . $domain->{Domain} . "'>" . "<button class="" title=".l('MODIFY').">".l('MODIFY')."</button>" . "</a>";
|
||||
%my $modify_text = l('MODIFY'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $domain_name = $domain->{Domain}; # Domain name extracted from the data structure
|
||||
%my $actionModify = qq{
|
||||
%# my $actionModify = "<a href='domains2?CsrfDef=TOKEN&trt=UPD&Domain=" . $domain->{Domain} . "'>" . "<button class="" title=".l('MODIFY').">".l('MODIFY')."</button>" . "</a>";
|
||||
%my $modify_text = l('MODIFY'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $domain_name = $domain->{Domain}; # Domain name extracted from the data structure
|
||||
%my $actionModify = qq{
|
||||
% <a href="domains2?CsrfDef=$csrf_token&trt=UPD&Domain=$domain_name">
|
||||
% <button type='button' class="" title='$modify_text' >
|
||||
% $modify_text
|
||||
% </button>
|
||||
% <button type='button' class="" title='$modify_text' >
|
||||
% $modify_text
|
||||
% </button>
|
||||
% </a>
|
||||
%};
|
||||
%my $removable = ($domain->{Removable} || 'yes');
|
||||
%my $actionRemove = ' ';
|
||||
%if ($removable eq 'yes') {
|
||||
%my $remove_text = l('REMOVE'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $domain_name = $domain->{Domain}; # Domain name extracted from the data structure
|
||||
%$actionRemove = qq{
|
||||
%};
|
||||
%my $removable = ($domain->{Removable} || 'yes');
|
||||
%my $actionRemove = ' ';
|
||||
%if ($removable eq 'yes') {
|
||||
%my $remove_text = l('REMOVE'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $domain_name = $domain->{Domain}; # Domain name extracted from the data structure
|
||||
%$actionRemove = qq{
|
||||
% <a href="domains2?CsrfDef=$csrf_token&trt=DEL&Domain=$domain_name">
|
||||
% <button type='button' class="" title='$remove_text' >
|
||||
% $remove_text
|
||||
% </button>
|
||||
% <button type='button' class="" title='$remove_text' >
|
||||
% $remove_text
|
||||
% </button>
|
||||
% </a>
|
||||
%};
|
||||
%# $actionRemove = "<a href='domains2?CsrfDef=TOKEN&trt=DEL&Domain=" . $domain->{Domain} . "'>" . "<button class="" title=".l('REMOVE').">".l('REMOVE')."</button>" . "</a>";
|
||||
%};
|
||||
<td class="" style="min-width:15em">
|
||||
<%= $c->render_to_string(inline => $actionModify) %> <%= $c->render_to_string(inline => $actionRemove) %>
|
||||
</td>
|
||||
</tr>
|
||||
% }
|
||||
%};
|
||||
%# $actionRemove = "<a href='domains2?CsrfDef=TOKEN&trt=DEL&Domain=" . $domain->{Domain} . "'>" . "<button class="" title=".l('REMOVE').">".l('REMOVE')."</button>" . "</a>";
|
||||
%};
|
||||
<td class="" style="min-width:15em">
|
||||
<%= $c->render_to_string(inline => $actionModify) %> <%= $c->render_to_string(inline => $actionRemove) %>
|
||||
</td>
|
||||
</tr>
|
||||
% }
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
%= hidden_field 'trt' => 'ADD'
|
||||
|
||||
%= form_for '/domains' => (method => 'POST') => begin
|
||||
|
||||
<!-- <HR class="">-->
|
||||
<br>
|
||||
<!-- <HR class="">-->
|
||||
<br>
|
||||
|
||||
% my $btn2 = l('dom_DOMAINS_PAGE_CORPORATE_DNS');
|
||||
% my $btn2 = l('dom_DOMAINS_PAGE_CORPORATE_DNS');
|
||||
|
||||
<h3>
|
||||
%= l 'dom_DESC_CORPORATE_DNS_CURRENT'
|
||||
</h3>
|
||||
<h3>
|
||||
%= l 'dom_DESC_CORPORATE_DNS_CURRENT'
|
||||
</h3>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'dom_LABEL_CORPORATE_DNS_PRIMARY'
|
||||
</span><span class="">
|
||||
%= $dom_datas->{forwarder}
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'dom_LABEL_CORPORATE_DNS_PRIMARY'
|
||||
</span>
|
||||
<span class="">
|
||||
%= $dom_datas->{forwarder}
|
||||
</span>
|
||||
</p>
|
||||
|
||||
% if ($dom_datas->{forwarder2}) {
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'dom_LABEL_CORPORATE_DNS_SECONDARY'
|
||||
</span><span class="">
|
||||
%= $dom_datas->{forwarder2}
|
||||
</span>
|
||||
</p>
|
||||
% }
|
||||
% if ($dom_datas->{forwarder2}) {
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'dom_LABEL_CORPORATE_DNS_SECONDARY'
|
||||
</span>
|
||||
<span class="">
|
||||
%= $dom_datas->{forwarder2}
|
||||
</span>
|
||||
</p>
|
||||
% }
|
||||
|
||||
<p>
|
||||
%= submit_button "$btn2", class => ""
|
||||
</p>
|
||||
%= hidden_field 'trt' => 'UP2'
|
||||
<p>
|
||||
%= submit_button "$btn2", class => ""
|
||||
</p>
|
||||
%= hidden_field 'trt' => 'UP2'
|
||||
% end
|
||||
|
||||
|
||||
|
||||
@ -1,37 +1,39 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('SAVE');
|
||||
% my $btn = l('SAVE');
|
||||
|
||||
%= form_for '/domains2' => (method => 'POST') => begin
|
||||
|
||||
<p><br>
|
||||
%=l 'dom_DESC_CORPORATE_DNS'
|
||||
</p>
|
||||
<p><br>
|
||||
%=l 'dom_DESC_CORPORATE_DNS'
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'dom_LABEL_CORPORATE_DNS_PRIMARY'
|
||||
</span><span class="">
|
||||
% param 'Forwarder' => $dom_datas->{forwarder} unless param 'Forwarder';
|
||||
%= text_field 'Forwarder', class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'dom_LABEL_CORPORATE_DNS_PRIMARY'
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'Forwarder' => $dom_datas->{forwarder} unless param 'Forwarder';
|
||||
%= text_field 'Forwarder', class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'dom_LABEL_CORPORATE_DNS_SECONDARY', class => ""
|
||||
</span><span class="">
|
||||
% param 'Forwarder2' => $dom_datas->{forwarder2} unless param 'Forwarder2';
|
||||
%= text_field 'Forwarder2', class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'dom_LABEL_CORPORATE_DNS_SECONDARY', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'Forwarder2' => $dom_datas->{forwarder2} unless param 'Forwarder2';
|
||||
%= text_field 'Forwarder2', class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<p>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
|
||||
%= hidden_field 'trt' => $dom_datas->{trt}
|
||||
|
||||
%= hidden_field 'trt' => $dom_datas->{trt}
|
||||
|
||||
%end
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,70 +1,74 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('ADD');
|
||||
% my $btn = l('ADD');
|
||||
|
||||
%= form_for '/domains2' => (method => 'POST') => begin
|
||||
<p>
|
||||
<h2>
|
||||
<p>
|
||||
<h2>
|
||||
% if ( $dom_datas->{trt} eq "ADD" ) {
|
||||
%=l 'dom_CREATE_TITLE'
|
||||
%=l 'dom_CREATE_TITLE'
|
||||
% } else {
|
||||
%=l 'dom_MODIFY_TITLE'
|
||||
% $btn = l('MODIFY');
|
||||
%=l 'dom_MODIFY_TITLE'
|
||||
% $btn = l('MODIFY');
|
||||
% }
|
||||
</h2>
|
||||
</p>
|
||||
</h2>
|
||||
</p>
|
||||
|
||||
<p><br>
|
||||
<span class="">
|
||||
%=l 'DOMAIN_NAME', class => ""
|
||||
</span><span class="">
|
||||
<p><br>
|
||||
<span class="">
|
||||
%=l 'DOMAIN_NAME', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% if ( $dom_datas->{trt} eq "ADD" ) {
|
||||
% param 'Domain' => $dom_datas->{domain} unless param 'Domain';
|
||||
%= text_field 'Domain', class => ""
|
||||
% param 'Domain' => $dom_datas->{domain} unless param 'Domain';
|
||||
%= text_field 'Domain', class => ""
|
||||
% } else {
|
||||
%= hidden_field 'Domain' => $dom_datas->{domain}
|
||||
%= $dom_datas->{domain}, class => ""
|
||||
%= $dom_datas->{domain}, class => ""
|
||||
% }
|
||||
</span>
|
||||
</p>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p><br>
|
||||
<span class="">
|
||||
%=l 'DESCRIPTION_BRIEF', class => ""
|
||||
</span><span class="">
|
||||
% param 'Description' => $dom_datas->{description} unless param 'Description';
|
||||
%= text_field 'Description', class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p><br>
|
||||
<span class="">
|
||||
%=l 'DESCRIPTION_BRIEF', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'Description' => $dom_datas->{description} unless param 'Description';
|
||||
%= text_field 'Description', class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p><br>
|
||||
%=l 'dom_CONTENT_FIELD_DESCRIPTION'
|
||||
<br>
|
||||
<span class="">
|
||||
%= $c->l('dom_CONTENT', '');
|
||||
</span><span class="">
|
||||
% param 'Content' => $dom_datas->{content} unless param 'Content';
|
||||
%= select_field 'Content', $c->content_options_list(), class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p><br>
|
||||
%=l 'dom_CONTENT_FIELD_DESCRIPTION'
|
||||
<br>
|
||||
<span class="">
|
||||
%= $c->l('dom_CONTENT', '');
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'Content' => $dom_datas->{content} unless param 'Content';
|
||||
%= select_field 'Content', $c->content_options_list(), class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p><br>
|
||||
%=l 'dom_DESC_NAMESERVERS'
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dom_LABEL_NAMESERVERS', class => ""
|
||||
</span><span class="">
|
||||
% param 'Nameservers' => $dom_datas->{nameservers} unless param 'Nameservers';
|
||||
%= select_field 'Nameservers', $c->nameserver_options_list(), class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p><br>
|
||||
%=l 'dom_DESC_NAMESERVERS'
|
||||
<br>
|
||||
<span class="">
|
||||
%=l 'dom_LABEL_NAMESERVERS', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'Nameservers' => $dom_datas->{nameservers} unless param 'Nameservers';
|
||||
%= select_field 'Nameservers', $c->nameserver_options_list(), class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p><br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<p><br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
|
||||
%= hidden_field 'trt' => $dom_datas->{trt}
|
||||
|
||||
%= hidden_field 'trt' => $dom_datas->{trt}
|
||||
|
||||
%end
|
||||
|
||||
</div>
|
||||
|
||||
@ -2,11 +2,11 @@
|
||||
<!--<HR class="">-->
|
||||
<a href="https://mojolicious.org" target="_blank"><img src="images/sme-mojo-logo-white.png" style="position:relative;"></a>
|
||||
<font class="">
|
||||
% if ( $c->is_logged_in && $c->is_admin) {
|
||||
SME Server <%= session 'releaseVersion' %>-<%= $c->app->VERSION %> Manager II
|
||||
% my $mode;
|
||||
% if (config->{mode} eq 'development'){ $mode = '-dev';} else { $mode = '';}
|
||||
(Mojo:<%= Mojolicious->VERSION %><%= $mode %>)
|
||||
% if ( $c->is_logged_in && $c->is_admin) {
|
||||
SME Server <%= session 'releaseVersion' %>-<%= $c->app->VERSION %> Manager II
|
||||
% my $mode;
|
||||
% if (config->{mode} eq 'development'){ $mode = '-dev';} else { $mode = '';}
|
||||
(Mojo:<%= Mojolicious->VERSION %><%= $mode %>)
|
||||
% }
|
||||
<br>Copyright 1999-2006 Mitel Corporation<br>
|
||||
%= session 'copyRight'
|
||||
|
||||
@ -1,18 +1,20 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('ADD');
|
||||
|
||||
%= form_for '/groups2' => (method => 'POST') => begin
|
||||
<p><h2>
|
||||
%=l 'CREATE_GROUP'
|
||||
</h2><br><br>
|
||||
</h2>
|
||||
<br><br>
|
||||
%=l 'grp_GROUP_NAMING'
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'GROUP_NAME', class => ""
|
||||
</span><span class="">
|
||||
</span>
|
||||
<span class="">
|
||||
%= text_field 'groupName', class => ""
|
||||
</span>
|
||||
</p>
|
||||
@ -22,7 +24,8 @@
|
||||
<br><br>
|
||||
<span class="">
|
||||
%=l 'grp_GROUP_DESC', class => ""
|
||||
</span><span class="">
|
||||
</span>
|
||||
<span class="">
|
||||
%= text_field 'groupDesc', class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('REMOVE');
|
||||
%= form_for '/groups2' => (method => 'POST') => begin
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('GROUP_ADD');
|
||||
|
||||
@ -19,7 +19,8 @@
|
||||
% if ($numGroups == 0){
|
||||
%=l 'ACCOUNT_GROUP_NONE'
|
||||
% } else {
|
||||
<table class=""><thead>
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="">
|
||||
%=l 'GROUP'
|
||||
@ -28,10 +29,11 @@
|
||||
%=l 'DESCRIPTION'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'ACTION'
|
||||
%=l 'ACTION'
|
||||
</th>
|
||||
</tr>
|
||||
</thead><tbody>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
% foreach my $group ( @$groups )
|
||||
% {
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('SAVE');
|
||||
|
||||
@ -11,7 +11,8 @@
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'GROUP_NAME', class => ""
|
||||
</span><span class="">
|
||||
</span>
|
||||
<span class="">
|
||||
%= $grp_datas->{group}, class => ""
|
||||
</span>
|
||||
</p>
|
||||
@ -21,7 +22,8 @@
|
||||
<br><br>
|
||||
<span class="">
|
||||
%=l 'grp_GROUP_DESC', class => ""
|
||||
</span><span class="">
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'groupDesc' => $grp_datas->{description} unless param 'groupDesc';
|
||||
%= text_field 'groupDesc', class => ""
|
||||
</span>
|
||||
|
||||
@ -1,12 +1,23 @@
|
||||
|
||||
<div id="" class="">
|
||||
<img src="images/KoozaliServerManager.png" alt="Koozali Logo" class="" >
|
||||
% if ( not defined $c->session->{username} ) {
|
||||
<button type='button' class=""><a class = "no-visited-state" target="_parent" href="login">Login</a></button>
|
||||
% } else {
|
||||
<button type='button' class=""><a class = "no-visited-state" target="_parent" href="logout">Logout <%= $c->session->{username} %></a></button>
|
||||
% }
|
||||
<div id="" class = "flag-style">
|
||||
<!-- The flag icon will be inserted here -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--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">
|
||||
<ol class="breadcrumb float-sm-start">
|
||||
<li class="breadcrumb-item"><a href="initial">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><%= $c->current_route %></li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,25 +1,25 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('REMOVE');
|
||||
% my $btn = l('REMOVE');
|
||||
%= form_for '/hostentriesd' => (method => 'POST') => begin
|
||||
<p>
|
||||
<h2>
|
||||
%=l 'hos_REMOVE_TITLE'
|
||||
</h2>
|
||||
</p>
|
||||
<p>
|
||||
<h2>
|
||||
%=l 'hos_REMOVE_TITLE'
|
||||
</h2>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
%= $c->l('hos_REMOVE_PAGE_DESCRIPTION', $hos_datas->{hostname});
|
||||
</p>
|
||||
|
||||
<p><b>
|
||||
%=l 'hos_ABOUT_TO_REMOVE'
|
||||
</b></p>
|
||||
<p>
|
||||
%= $c->l('hos_REMOVE_PAGE_DESCRIPTION', $hos_datas->{hostname});
|
||||
</p>
|
||||
|
||||
<p><b>
|
||||
%=l 'hos_ABOUT_TO_REMOVE'
|
||||
</b></p>
|
||||
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
|
||||
%= hidden_field 'trt' => $hos_datas->{trt}
|
||||
%= hidden_field 'Hostname' => $hos_datas->{hostname}
|
||||
|
||||
@ -1,46 +1,48 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('hos_ADD_HOSTNAME');
|
||||
|
||||
%= form_for '/hostentries' => (method => 'POST') => begin
|
||||
|
||||
<p>
|
||||
%= submit_button "$btn", class => ""
|
||||
<br></p>
|
||||
<p>
|
||||
%= submit_button "$btn", class => ""
|
||||
<br></p>
|
||||
|
||||
%= hidden_field 'trt' => $hos_datas->{trt}
|
||||
|
||||
% end
|
||||
|
||||
% my %dom_hos = %{$dom_hosts};
|
||||
% my %dom_hos = %{$dom_hosts};
|
||||
% foreach my $domain ( sort ( keys %dom_hos ) ) {
|
||||
|
||||
<p><br><b>
|
||||
%= $c->l('hos_CURRENT_HOSTNAMES_FOR_LOCAL_DOMAIN', $domain);
|
||||
</b><br></p>
|
||||
|
||||
<table class=""><thead>
|
||||
<tr>
|
||||
<th class="">
|
||||
%=l 'hos_HOSTNAME'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'hos_HOSTTYPE'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'IP_ADDRESS_OR_FQDN'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'hos_ETHERNET_ADDRESS'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'COMMENT'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'ACTION'
|
||||
</th>
|
||||
</tr>
|
||||
</thead><tbody>
|
||||
<p><br><b>
|
||||
%= $c->l('hos_CURRENT_HOSTNAMES_FOR_LOCAL_DOMAIN', $domain);
|
||||
</b><br></p>
|
||||
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="">
|
||||
%=l 'hos_HOSTNAME'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'hos_HOSTTYPE'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'IP_ADDRESS_OR_FQDN'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'hos_ETHERNET_ADDRESS'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'COMMENT'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'ACTION'
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
% foreach (@{$dom_hos{$domain}{'HOSTS'}}) {
|
||||
<tr>
|
||||
@ -49,36 +51,36 @@
|
||||
%= t td => (class => "") => $_->{'IP'};
|
||||
%= t td => (class => "") => $_->{'MACAddress'};
|
||||
%= t td => (class => "") => $_->{'Comment'};
|
||||
<td class="" style="min-width:15em">
|
||||
%my ($actionModify, $actionRemove) = ' ';
|
||||
%my $static = $_->{'static'} || "no";
|
||||
%if ($static ne 'yes') {
|
||||
%my $modify_text = l('MODIFY'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $hostentries_name = $_->{'HostName'}; # hostentries name extracted from the data structure
|
||||
%$actionModify = qq{
|
||||
<td class="" style="min-width:15em">
|
||||
%my ($actionModify, $actionRemove) = ' ';
|
||||
%my $static = $_->{'static'} || "no";
|
||||
%if ($static ne 'yes') {
|
||||
%my $modify_text = l('MODIFY'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $hostentries_name = $_->{'HostName'}; # hostentries name extracted from the data structure
|
||||
%$actionModify = qq{
|
||||
% <a href="hostentriesd?CsrfDef=$csrf_token&trt=UPD&Hostname=$hostentries_name">
|
||||
% <button type='button' class="" title='$modify_text' >
|
||||
% $modify_text
|
||||
% </button>
|
||||
% <button type='button' class="" title='$modify_text' >
|
||||
% $modify_text
|
||||
% </button>
|
||||
% </a>
|
||||
%};
|
||||
%my $remove_text = l('REMOVE'); # Localized text
|
||||
%$csrf_token = "TOKEN"; # CSRF token for security
|
||||
%#my $hostentries_name = $_->{'HostName'}; # hostentries name extracted from the data structure
|
||||
%$actionRemove = qq{
|
||||
%};
|
||||
%my $remove_text = l('REMOVE'); # Localized text
|
||||
%$csrf_token = "TOKEN"; # CSRF token for security
|
||||
%#my $hostentries_name = $_->{'HostName'}; # hostentries name extracted from the data structure
|
||||
%$actionRemove = qq{
|
||||
% <a href="hostentriesd?CsrfDef=$csrf_token&trt=DEL&Hostname=$hostentries_name">
|
||||
% <button type='button' class="" title='$remove_text' >
|
||||
% $remove_text
|
||||
% </button>
|
||||
% <button type='button' class="" title='$remove_text' >
|
||||
% $remove_text
|
||||
% </button>
|
||||
% </a>
|
||||
%};
|
||||
%}
|
||||
<%= $c->render_to_string(inline => $actionModify) %> <%= $c->render_to_string(inline => $actionRemove) %>
|
||||
</td>
|
||||
</tr>
|
||||
% }
|
||||
</tbody>
|
||||
</table>
|
||||
% }
|
||||
%};
|
||||
%}
|
||||
<%= $c->render_to_string(inline => $actionModify) %> <%= $c->render_to_string(inline => $actionRemove) %>
|
||||
</td>
|
||||
</tr>
|
||||
% }
|
||||
</tbody>
|
||||
</table>
|
||||
% }
|
||||
</div>
|
||||
|
||||
@ -1,60 +1,62 @@
|
||||
<div id="">
|
||||
<!-- UPDATE HOST TYPE -->
|
||||
<div>
|
||||
<!-- UPDATE HOST TYPE -->
|
||||
|
||||
% my $btn = l('NEXT');
|
||||
% my $btn = l('NEXT');
|
||||
|
||||
%= form_for '/hostentriesd' => (method => 'POST') => begin
|
||||
<p><h2>
|
||||
<p><h2>
|
||||
% if ( $hos_datas->{trt} eq "ALC" ) {
|
||||
%=l 'hos_CREATE_TYPE'
|
||||
%=l 'hos_CREATE_TYPE'
|
||||
% } else {
|
||||
%=l 'hos_MODIFY_TYPE'
|
||||
% $btn = l('MODIFY');
|
||||
%=l 'hos_MODIFY_TYPE'
|
||||
% $btn = l('MODIFY');
|
||||
% }
|
||||
</h2></p>
|
||||
</h2></p>
|
||||
|
||||
<p>
|
||||
%=l 'hos_LOCAL_PAGE_DESCRIPTION'
|
||||
</p>
|
||||
<p>
|
||||
%=l 'hos_LOCAL_PAGE_DESCRIPTION'
|
||||
</p>
|
||||
|
||||
<p>
|
||||
%=l 'hos_LOCAL_IP_DESCRIPTION'
|
||||
</p>
|
||||
<p>
|
||||
%=l 'hos_LOCAL_IP_DESCRIPTION'
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'hos_LOCAL_IP', class => ""
|
||||
</span><span class="">
|
||||
% param 'Internalip' => $hos_datas->{internalip} unless param 'Internalip';
|
||||
%= text_field 'Internalip', class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'hos_LOCAL_IP', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'Internalip' => $hos_datas->{internalip} unless param 'Internalip';
|
||||
%= text_field 'Internalip', class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
%=l 'hos_ETHERNET_ADDRESS_DESCRIPTION'
|
||||
</p>
|
||||
<p>
|
||||
%=l 'hos_ETHERNET_ADDRESS_DESCRIPTION'
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'hos_ETHERNET_ADDRESS', class => ""
|
||||
</span><span class="">
|
||||
% param 'Macaddress' => $hos_datas->{macaddress} unless param 'Macaddress';
|
||||
%= text_field 'Macaddress', class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'hos_ETHERNET_ADDRESS', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'Macaddress' => $hos_datas->{macaddress} unless param 'Macaddress';
|
||||
%= text_field 'Macaddress', class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p><br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<p><br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
|
||||
%= hidden_field 'trt' => $hos_datas->{trt}
|
||||
%= hidden_field 'Hostname' => $hos_datas->{hostname}
|
||||
%= hidden_field 'trt' => $hos_datas->{trt}
|
||||
%= hidden_field 'Hostname' => $hos_datas->{hostname}
|
||||
%= hidden_field 'Name' => $hos_datas->{name}
|
||||
%= hidden_field 'Domain' => $hos_datas->{domain}
|
||||
%= hidden_field 'Comment'=> $hos_datas->{comment}
|
||||
%= hidden_field 'Hosttype'=> $hos_datas->{hosttype}
|
||||
%= hidden_field 'Externalip' => $hos_datas->{externalip}
|
||||
|
||||
%= hidden_field 'Comment'=> $hos_datas->{comment}
|
||||
%= hidden_field 'Hosttype'=> $hos_datas->{hosttype}
|
||||
%= hidden_field 'Externalip' => $hos_datas->{externalip}
|
||||
|
||||
%end
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,76 +1,80 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('NEXT');
|
||||
% my $btn = l('NEXT');
|
||||
|
||||
%= form_for '/hostentriesd' => (method => 'POST') => begin
|
||||
<p><h2>
|
||||
<p><h2>
|
||||
% if ( $hos_datas->{trt} eq "ADD" ) {
|
||||
%=l 'hos_CREATE_TITLE'
|
||||
%=l 'hos_CREATE_TITLE'
|
||||
% } else {
|
||||
%=l 'hos_MODIFY_TITLE'
|
||||
% $btn = l('MODIFY');
|
||||
%=l 'hos_MODIFY_TITLE'
|
||||
% $btn = l('MODIFY');
|
||||
% }
|
||||
</h2></p>
|
||||
</h2></p>
|
||||
|
||||
<p>
|
||||
%=l 'hos_HOSTNAME_DESCRIPTION'
|
||||
</p>
|
||||
<p>
|
||||
%=l 'hos_HOSTNAME_DESCRIPTION'
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'hos_HOSTNAME', class => ""
|
||||
</span><span class="">
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'hos_HOSTNAME', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% if ( $hos_datas->{trt} eq "ADD" ) {
|
||||
% param 'Name' => $hos_datas->{name} unless param 'Name';
|
||||
%= text_field 'Name', class => ""
|
||||
% param 'Name' => $hos_datas->{name} unless param 'Name';
|
||||
%= text_field 'Name', class => ""
|
||||
% } else {
|
||||
%= hidden_field 'Name' => $hos_datas->{name}
|
||||
%= $hos_datas->{name}, class => ""
|
||||
%= $hos_datas->{name}, class => ""
|
||||
% }
|
||||
</span>
|
||||
</p>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'DOMAIN', class => ""
|
||||
</span><span class="">
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'DOMAIN', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% if ( $hos_datas->{trt} eq "ADD" ) {
|
||||
% param 'Domain' => $hos_datas->{domain} unless param 'Domain';
|
||||
%= select_field 'Domain', $c->domains_list(), class => ""
|
||||
% param 'Domain' => $hos_datas->{domain} unless param 'Domain';
|
||||
%= select_field 'Domain', $c->domains_list(), class => ""
|
||||
% } else {
|
||||
%= hidden_field 'Domain' => $hos_datas->{domain}
|
||||
%= $hos_datas->{domain}, class => ""
|
||||
%= $hos_datas->{domain}, class => ""
|
||||
% }
|
||||
</span>
|
||||
</p>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%= $c->l('COMMENT', '');
|
||||
</span><span class="">
|
||||
% param 'Comment' => $hos_datas->{comment} unless param 'Comment';
|
||||
%= text_field 'Comment', class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%= $c->l('COMMENT', '');
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'Comment' => $hos_datas->{comment} unless param 'Comment';
|
||||
%= text_field 'Comment', class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'LOCATION', class => ""
|
||||
</span><span class="">
|
||||
% param 'Hosttype' => $hos_datas->{hosttype} unless param 'Hosttype';
|
||||
%= select_field 'Hosttype', $c->hosttype_list(), class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'LOCATION', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'Hosttype' => $hos_datas->{hosttype} unless param 'Hosttype';
|
||||
%= select_field 'Hosttype', $c->hosttype_list(), class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p><br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<p><br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
|
||||
%= hidden_field 'trt' => $hos_datas->{trt}
|
||||
%= hidden_field 'Hostname' => $hos_datas->{hostname}
|
||||
%= hidden_field 'Internalip' => $hos_datas->{internalip}
|
||||
%= hidden_field 'Externalip' => $hos_datas->{externalip}
|
||||
%= hidden_field 'Macaddress' => $hos_datas->{macaddress}
|
||||
%= hidden_field 'trt' => $hos_datas->{trt}
|
||||
%= hidden_field 'Hostname' => $hos_datas->{hostname}
|
||||
%= hidden_field 'Internalip' => $hos_datas->{internalip}
|
||||
%= hidden_field 'Externalip' => $hos_datas->{externalip}
|
||||
%= hidden_field 'Macaddress' => $hos_datas->{macaddress}
|
||||
|
||||
%end
|
||||
|
||||
|
||||
@ -1,37 +1,38 @@
|
||||
<div id="">
|
||||
<!-- UPDATE HOST TYPE -->
|
||||
<div>
|
||||
<!-- UPDATE HOST TYPE -->
|
||||
|
||||
% my $btn = l('MODIFY');
|
||||
% my $btn = l('MODIFY');
|
||||
|
||||
%= form_for '/hostentriesd' => (method => 'POST') => begin
|
||||
|
||||
<p>
|
||||
%=l 'hos_REMOTE_PAGE_DESCRIPTION'
|
||||
</p>
|
||||
<p>
|
||||
%=l 'hos_REMOTE_PAGE_DESCRIPTION'
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'IP_ADDRESS_OR_FQDN', class => ""
|
||||
</span><span class="">
|
||||
% param 'Externalip' => $hos_datas->{externalip} unless param 'Externalip';
|
||||
%= text_field 'Externalip', class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'IP_ADDRESS_OR_FQDN', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'Externalip' => $hos_datas->{externalip} unless param 'Externalip';
|
||||
%= text_field 'Externalip', class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
|
||||
<p><br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<p><br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
|
||||
%= hidden_field 'trt' => $hos_datas->{trt}
|
||||
%= hidden_field 'Hostname' => $hos_datas->{hostname}
|
||||
%= hidden_field 'trt' => $hos_datas->{trt}
|
||||
%= hidden_field 'Hostname' => $hos_datas->{hostname}
|
||||
%= hidden_field 'Name' => $hos_datas->{name}
|
||||
%= hidden_field 'Domain' => $hos_datas->{domain}
|
||||
%= hidden_field 'Comment'=> $hos_datas->{comment}
|
||||
%= hidden_field 'Hosttype'=> $hos_datas->{hosttype}
|
||||
%= hidden_field 'Internalip' => $hos_datas->{internalip}
|
||||
%= hidden_field 'Macaddress' => $hos_datas->{macaddress}
|
||||
|
||||
%= hidden_field 'Comment'=> $hos_datas->{comment}
|
||||
%= hidden_field 'Hosttype'=> $hos_datas->{hosttype}
|
||||
%= hidden_field 'Internalip' => $hos_datas->{internalip}
|
||||
%= hidden_field 'Macaddress' => $hos_datas->{macaddress}
|
||||
|
||||
%end
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,22 +1,22 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('REMOVE');
|
||||
% my $btn = l('REMOVE');
|
||||
%= form_for '/ibaysd' => (method => 'POST') => begin
|
||||
<p>
|
||||
<h2>
|
||||
%=l 'iba_REMOVE_TITLE'
|
||||
</h2>
|
||||
<br>
|
||||
%= $c->render_to_string(inline => l('iba_REMOVE_DESC', $iba_datas->{ibay}, $iba_datas->{description}));
|
||||
<br>
|
||||
</p>
|
||||
<p>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<p>
|
||||
<h2>
|
||||
%=l 'iba_REMOVE_TITLE'
|
||||
</h2>
|
||||
<br>
|
||||
%= $c->render_to_string(inline => l('iba_REMOVE_DESC', $iba_datas->{ibay}, $iba_datas->{description}));
|
||||
<br>
|
||||
</p>
|
||||
<p>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
|
||||
%= hidden_field 'trt' => $iba_datas->{trt}
|
||||
%= hidden_field 'ibay' => $iba_datas->{ibay}
|
||||
|
||||
% end
|
||||
% end
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,111 +1,113 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
|
||||
% my $btn = l('iba_ADD_IBAY');
|
||||
|
||||
%= form_for '/ibays' => (method => 'POST') => begin
|
||||
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<p>
|
||||
<br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
%= hidden_field 'trt' => 'ADD';
|
||||
|
||||
% end
|
||||
|
||||
<p>
|
||||
%=l 'iba_FIRSTPAGE_DESC'
|
||||
<br><br>
|
||||
</p>
|
||||
|
||||
% my $numIbays = @$ibays;
|
||||
% if ($numIbays == 0){
|
||||
<p>
|
||||
%=l 'iba_FIRSTPAGE_DESC'
|
||||
<br><br>
|
||||
</p>
|
||||
|
||||
% my $numIbays = @$ibays;
|
||||
% if ($numIbays == 0){
|
||||
%=l 'iba_NO_IBAYS'
|
||||
% } else {
|
||||
<table class=""><thead>
|
||||
<tr>
|
||||
<th class="">
|
||||
%=l 'NAME'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'DESCRIPTION'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'ACTION'
|
||||
</th>
|
||||
</tr>
|
||||
</thead><tbody>
|
||||
% } else {
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="">
|
||||
%=l 'NAME'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'DESCRIPTION'
|
||||
</th>
|
||||
<th class="">
|
||||
%=l 'ACTION'
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
% foreach my $ibay (@$ibays)
|
||||
% {
|
||||
% my $modifiable = $ibay->prop('Modifiable') || 'yes';
|
||||
% my $passwordable = $ibay->prop('Passwordable') || 'yes';
|
||||
% my $removable = $ibay->prop('Removable') || 'yes';
|
||||
% my $needPassword = grep { $_ eq $ibay->prop('PublicAccess') }
|
||||
% my $modifiable = $ibay->prop('Modifiable') || 'yes';
|
||||
% my $passwordable = $ibay->prop('Passwordable') || 'yes';
|
||||
% my $removable = $ibay->prop('Removable') || 'yes';
|
||||
% my $needPassword = grep { $_ eq $ibay->prop('PublicAccess') }
|
||||
% qw(local-pw global-pw global-pw-remote);
|
||||
|
||||
<tr>
|
||||
%= t td => (class => "") => $ibay->key
|
||||
%= t td => (class => "") => $ibay->prop('Name')
|
||||
<td class="" style="min-width:15em">
|
||||
%my ($actionModify, $actionResetPw, $actionRemove) = ' ';
|
||||
%if ($modifiable eq 'yes') {
|
||||
%my $modify_text = l('MODIFY'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $ibays_entry_name = $ibay->key; # ibays_entry name extracted from the data structure
|
||||
%$actionModify = qq{
|
||||
<td class="" style="min-width:15em">
|
||||
%my ($actionModify, $actionResetPw, $actionRemove) = ' ';
|
||||
%if ($modifiable eq 'yes') {
|
||||
%my $modify_text = l('MODIFY'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $ibays_entry_name = $ibay->key; # ibays_entry name extracted from the data structure
|
||||
%$actionModify = qq{
|
||||
% <a href="ibaysd?CsrfDef=$csrf_token&trt=UPD&ibay=$ibays_entry_name">
|
||||
% <button type='button' class="" title='$modify_text' >
|
||||
% $modify_text
|
||||
% </button>
|
||||
% <button type='button' class="" title='$modify_text' >
|
||||
% $modify_text
|
||||
% </button>
|
||||
% </a>
|
||||
%};
|
||||
%}
|
||||
|
||||
%if ($passwordable eq 'yes') {
|
||||
%my $password_text = l('PASSWORD_RESET'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $ibays_entry_name = $ibay->key; # ibays_entry name extracted from the data structure
|
||||
%if ($ibay->prop('PasswordSet') ne 'yes' && $needPassword) {
|
||||
%$actionResetPw = qq{
|
||||
%};
|
||||
%}
|
||||
|
||||
%if ($passwordable eq 'yes') {
|
||||
%my $password_text = l('PASSWORD_RESET'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $ibays_entry_name = $ibay->key; # ibays_entry name extracted from the data structure
|
||||
%if ($ibay->prop('PasswordSet') ne 'yes' && $needPassword) {
|
||||
%$actionResetPw = qq{
|
||||
% <a href="ibaysd?CsrfDef=$csrf_token&trt=PWD&ibay=$ibays_entry_name">
|
||||
% <button type='button' class="" title="$password_text - currently unset" style = background:pink; >
|
||||
% $password_text
|
||||
% </button>
|
||||
% <button type='button' class="" title="$password_text - currently unset" style = background:pink; >
|
||||
% $password_text
|
||||
% </button>
|
||||
% </a>
|
||||
%};
|
||||
%} else {
|
||||
%$actionResetPw = qq{
|
||||
%};
|
||||
%} else {
|
||||
%$actionResetPw = qq{
|
||||
% <a href="ibaysd?CsrfDef=$csrf_token&trt=PWD&ibay=$ibays_entry_name">
|
||||
% <button type='button' class="" title='$password_text' >
|
||||
% $password_text
|
||||
% </button>
|
||||
% <button type='button' class="" title='$password_text' >
|
||||
% $password_text
|
||||
% </button>
|
||||
% </a>
|
||||
%};
|
||||
%}
|
||||
|
||||
%}
|
||||
%};
|
||||
%}
|
||||
|
||||
%}
|
||||
|
||||
%if ($removable eq 'yes') {
|
||||
%my $remove_text = l('REMOVE'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $ibays_entry_name = $ibay->key; # ibays_entry name extracted from the data structure
|
||||
%$actionRemove = qq{
|
||||
%if ($removable eq 'yes') {
|
||||
%my $remove_text = l('REMOVE'); # Localized text
|
||||
%my $csrf_token = "TOKEN"; # CSRF token for security
|
||||
%my $ibays_entry_name = $ibay->key; # ibays_entry name extracted from the data structure
|
||||
%$actionRemove = qq{
|
||||
% <a href="ibaysd?CsrfDef=$csrf_token&trt=DEL&ibay=$ibays_entry_name">
|
||||
% <button type='button' class="" title='$remove_text' >
|
||||
% $remove_text
|
||||
% </button>
|
||||
% <button type='button' class="" title='$remove_text' >
|
||||
% $remove_text
|
||||
% </button>
|
||||
% </a>
|
||||
%};
|
||||
%}
|
||||
<%= $c->render_to_string(inline => $actionModify) %>
|
||||
<%= $c->render_to_string(inline => $actionResetPw)%>
|
||||
<%= $c->render_to_string(inline => $actionRemove) %>
|
||||
</td>
|
||||
</tr>
|
||||
%};
|
||||
%}
|
||||
<%= $c->render_to_string(inline => $actionModify) %>
|
||||
<%= $c->render_to_string(inline => $actionResetPw)%>
|
||||
<%= $c->render_to_string(inline => $actionRemove) %>
|
||||
</td>
|
||||
</tr>
|
||||
% }
|
||||
</tbody>
|
||||
</table>
|
||||
<%} %>
|
||||
</tbody>
|
||||
</table>
|
||||
<%} %>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,42 +1,44 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
% my $btn = l('SAVE');
|
||||
% my $btn = l('SAVE');
|
||||
|
||||
%= form_for '/ibaysd' => (method => 'POST') => begin
|
||||
<p>
|
||||
<h2>
|
||||
%=l 'PASSWORD_RESET'
|
||||
</h2>
|
||||
|
||||
<br><br>
|
||||
%=l 'iba_PASSWORD_DESC'
|
||||
%= $iba_datas->{ibay}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'PASSWORD_NEW', class => ""
|
||||
</span><span class="">
|
||||
%= password_field 'newPass', class => "" , class="">'sme-password'
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<h2>
|
||||
%=l 'PASSWORD_RESET'
|
||||
</h2>
|
||||
|
||||
<br><br>
|
||||
%=l 'iba_PASSWORD_DESC'
|
||||
%= $iba_datas->{ibay}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'PASSWORD_NEW', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
%= password_field 'newPass', class => "" , class="">'sme-password'
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'PASSWORD_VERIFY_NEW', class => ""
|
||||
</span><span class="">
|
||||
%= password_field 'newPassVerify', class => "", class="">'sme-password'
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'PASSWORD_VERIFY_NEW', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
%= password_field 'newPassVerify', class => "", class="">'sme-password'
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<br><br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
<p>
|
||||
<br><br>
|
||||
%= submit_button "$btn", class => ""
|
||||
</p>
|
||||
|
||||
%= hidden_field 'trt' => $iba_datas->{trt}
|
||||
%= hidden_field 'ibay' => $iba_datas->{ibay}
|
||||
|
||||
%= hidden_field 'trt' => $iba_datas->{trt}
|
||||
%= hidden_field 'ibay' => $iba_datas->{ibay}
|
||||
|
||||
% end
|
||||
|
||||
</div>
|
||||
@ -1,101 +1,108 @@
|
||||
<div id="">
|
||||
<div>
|
||||
|
||||
|
||||
% my $btn = l('ADD');
|
||||
% my $btn = l('ADD');
|
||||
|
||||
%= form_for '/ibaysd' => (method => 'POST') => begin
|
||||
<p>
|
||||
<h2>
|
||||
%=l 'iba_ADD_TITLE'
|
||||
</h2>
|
||||
<br>
|
||||
%=l 'iba_NAME_FIELD_DESC'
|
||||
</p>
|
||||
<p>
|
||||
<h2>
|
||||
%=l 'iba_ADD_TITLE'
|
||||
</h2>
|
||||
<br>
|
||||
%=l 'iba_NAME_FIELD_DESC'
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'iba_NAME_LABEL', class => ""
|
||||
</span><span class="">
|
||||
% if ( $iba_datas->{trt} eq 'ADD' ) {
|
||||
% param 'ibay' => $iba_datas->{ibay} unless param 'ibay';
|
||||
%= text_field 'ibay', class => ""
|
||||
% } else {
|
||||
% $btn = l('SAVE');
|
||||
%= $iba_datas->{ibay}, class => ""
|
||||
% }
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'iba_NAME_LABEL', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% if ( $iba_datas->{trt} eq 'ADD' ) {
|
||||
% param 'ibay' => $iba_datas->{ibay} unless param 'ibay';
|
||||
%= text_field 'ibay', class => ""
|
||||
% } else {
|
||||
% $btn = l('SAVE');
|
||||
%= $iba_datas->{ibay}, class => ""
|
||||
% }
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'DESCRIPTION', class => ""
|
||||
</span><span class="">
|
||||
% param 'ibayDesc' => $iba_datas->{description} unless param 'ibayDesc';
|
||||
%= text_field 'ibayDesc', class => ""
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'DESCRIPTION', class => ""
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'ibayDesc' => $iba_datas->{description} unless param 'ibayDesc';
|
||||
%= text_field 'ibayDesc', class => ""
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'GROUP'
|
||||
</span><span class="">
|
||||
% param 'group' => $iba_datas->{group} unless param 'group';
|
||||
%= select_field 'group' => $c->group_list_m(), class => ""
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'GROUP'
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'group' => $iba_datas->{group} unless param 'group';
|
||||
%= select_field 'group' => $c->group_list_m(), class => ""
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'iba_USER_ACCESS'
|
||||
</span><span class="">
|
||||
% param 'userAccess' => $iba_datas->{userAccess} unless param 'userAccess';
|
||||
%= select_field 'userAccess' => $c->userAccess_list_m(), class => ""
|
||||
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'iba_USER_ACCESS'
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'userAccess' => $iba_datas->{userAccess} unless param 'userAccess';
|
||||
%= select_field 'userAccess' => $c->userAccess_list_m(), class => ""
|
||||
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'iba_PUBLIC_ACCESS'
|
||||
</span><span class="">
|
||||
% param 'publicAccess' => $iba_datas->{publicAccess} unless param 'publicAccess';
|
||||
%= select_field 'publicAccess' => $c->publicAccess_list_m(), class => ""
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'iba_PUBLIC_ACCESS'
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'publicAccess' => $iba_datas->{publicAccess} unless param 'publicAccess';
|
||||
%= select_field 'publicAccess' => $c->publicAccess_list_m(), class => ""
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'iba_ALLOW_DYNAMIC_CONTENT'
|
||||
</span><span class="">
|
||||
% param 'CgiBin' => $iba_datas->{CgiBin} unless param 'CgiBin';
|
||||
%= select_field 'CgiBin' => [[ (l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'iba_ALLOW_DYNAMIC_CONTENT'
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'CgiBin' => $iba_datas->{CgiBin} unless param 'CgiBin';
|
||||
%= select_field 'CgiBin' => [[ (l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'iba_HTTPS_Only'
|
||||
</span><span class="">
|
||||
% param 'SSL' => $iba_datas->{SSL} unless param 'SSL';
|
||||
%= select_field 'SSL' => [[ (l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="">
|
||||
%=l 'iba_HTTPS_Only'
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'SSL' => $iba_datas->{SSL} unless param 'SSL';
|
||||
%= select_field 'SSL' => [[ (l 'DISABLED') => 'disabled'], [ (l 'ENABLED') => 'enabled']], class => ""
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<br><br>
|
||||
%= submit_button $btn, class => ""
|
||||
</p>
|
||||
<p>
|
||||
<br><br>
|
||||
%= submit_button $btn, class => ""
|
||||
</p>
|
||||
|
||||
%= hidden_field 'trt' => $iba_datas->{trt}
|
||||
% if ( $iba_datas->{trt} eq 'UPD' ) {
|
||||
%= hidden_field 'ibay' => $iba_datas->{ibay}
|
||||
% }
|
||||
|
||||
%= hidden_field 'trt' => $iba_datas->{trt}
|
||||
% if ( $iba_datas->{trt} eq 'UPD' ) {
|
||||
%= hidden_field 'ibay' => $iba_datas->{ibay}
|
||||
% }
|
||||
|
||||
% end
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,25 +1,25 @@
|
||||
<% use POSIX qw(strftime); %>
|
||||
<div id="">
|
||||
<% if (! $c->session->{PwdSet} ) { %>
|
||||
<div class=""><h5>
|
||||
<div class=""><h5>
|
||||
Warning: you have not yet changed the default system password.</h5></div>
|
||||
<% } %>
|
||||
<% if ( $c->is_unsafe ) { %>
|
||||
<div class=""><h5>
|
||||
<div class=""><h5>
|
||||
Warning: a reconfigure and reboot is required before proceeding! Failure to do so now
|
||||
may leave your system in an unknown state!</h5></div>
|
||||
<% } %>
|
||||
<% if ( $c->session->{Access} eq 'public' && ((config->{debug} ne '0') || (config->{mode} ne 'production')) ) { %>
|
||||
<div class=""><h5>
|
||||
<div class=""><h5>
|
||||
Warning: Development or debug mode enabled AND public access is offered !
|
||||
</h5></div>
|
||||
<% } %>
|
||||
<% my $curdate = strftime '%Y%m%d', localtime; %>
|
||||
<% if ( "$curdate" >= "20290531" ) { %>
|
||||
<div class=""><h5>
|
||||
<div class=""><h5>
|
||||
URGENT NOTICE: As per May 31st 2029, SME Server 11 is obsolete, and potentially INSECURE. NO support will be offered for any issue found with this installed version.
|
||||
Please migrate IMMEDIATELY to Koozali SME Server 12 or higher version. Failure to upgrade may lead to the compromise of this server.
|
||||
</br>Please, consult <a href="https://wiki.koozali.org/SME_Server:Download" target="_blank">https://wiki.koozali.org/SME_Server:Download</a> to get the latest version
|
||||
<br>Please, consult <a href="https://wiki.koozali.org/SME_Server:Download" target="_blank">https://wiki.koozali.org/SME_Server:Download</a> to get the latest version
|
||||
</h5></div>
|
||||
<% } %>
|
||||
</div>
|
||||
@ -1,6 +1,11 @@
|
||||
|
||||
<!--*** toggle hide/unhide password field in login panel ***
|
||||
<!-- _js_imports.html.ep -->
|
||||
<!-- required for adminlte? -->
|
||||
<!-- These are specials but currently not included or used-->
|
||||
|
||||
<!--*** toggle hide/unhide password field in login panel *** -->
|
||||
|
||||
<!-- Code commented out
|
||||
% content_for 'js_togglePassword' => begin
|
||||
%= javascript begin
|
||||
|
||||
@ -27,6 +32,7 @@
|
||||
<!--*** toggle hide/unhide menu contents navigation menu ***-->
|
||||
|
||||
% content_for 'js_toggleMenu' => begin
|
||||
|
||||
%= javascript begin
|
||||
|
||||
$(document).ready(function() {
|
||||
@ -98,4 +104,6 @@
|
||||
|
||||
});
|
||||
% end
|
||||
% end
|
||||
% end
|
||||
|
||||
<!-- end _js_imports.html.ep -->
|
||||
@ -1,17 +1,19 @@
|
||||
%#
|
||||
%# Generated by SM2Gen version:0.8 Chameleon version:4.5.4 On Python:3.12.3 at 2024-12-01 15:22:43
|
||||
%#
|
||||
<div id="" class="">
|
||||
<div>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
SelectInput();
|
||||
};
|
||||
</script>
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<pre>
|
||||
%= dumper $lets_data
|
||||
</pre>
|
||||
% }
|
||||
|
||||
% my $btn = l('lets_APPLY');
|
||||
%= form_for "letsencryptu" => (method => 'POST') => begin
|
||||
% param 'trt' => $lets_data->{trt} unless param 'trt';
|
||||
@ -24,7 +26,8 @@
|
||||
|
||||
<span class="">
|
||||
%=l('lets_All_domains_check_result')
|
||||
</span><span class="">
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'AllDomainsCheck' => $lets_data->{AllDomainsCheck} unless param 'AllDomainsCheck';
|
||||
%= text_area 'AllDomainsCheck', cols=>40, rows=>10, Readonly=>'true'
|
||||
</span><br>
|
||||
@ -38,8 +41,7 @@
|
||||
%};
|
||||
<%= $c->render_to_string(inline => $actionBack) %>
|
||||
</span>
|
||||
|
||||
|
||||
|
||||
%# Probably finally by a submit.
|
||||
%end
|
||||
</div>
|
||||
|
||||
@ -1,17 +1,19 @@
|
||||
%#
|
||||
%# Generated by SM2Gen version:0.8 Chameleon version:4.5.4 On Python:3.12.3 at 2024-12-01 15:22:43
|
||||
%#
|
||||
<div id="" class="">
|
||||
<div>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
SelectInput();
|
||||
};
|
||||
</script>
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<pre>
|
||||
%= dumper $lets_data
|
||||
</pre>
|
||||
% }
|
||||
|
||||
% my $btn = l('lets_APPLY');
|
||||
%= form_for "letsencryptu" => (method => 'POST') => begin
|
||||
% param 'trt' => $lets_data->{trt} unless param 'trt';
|
||||
@ -24,11 +26,13 @@
|
||||
|
||||
<span class="">
|
||||
%=l('lets_Enabled_domains_check_result')
|
||||
</span><span class="">
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'EnabledDomainsCheck' => $lets_data->{EnabledDomainsCheck} unless param 'EnabledDomainsCheck';
|
||||
%= text_area 'EnabledDomainsCheck', cols=>40, rows=>10, Readonly=>'true'
|
||||
</span><br>
|
||||
|
||||
</span>
|
||||
<br>
|
||||
|
||||
<span class="">
|
||||
%my $back_text = l('lets_Back'); # Localized text
|
||||
%my $actionBack = qq{
|
||||
|
||||
@ -1,17 +1,19 @@
|
||||
%#
|
||||
%# Generated by SM2Gen version:0.8 Chameleon version:4.5.4 On Python:3.12.3 at 2024-12-01 15:22:43
|
||||
%#
|
||||
<div id="" class="">
|
||||
<div>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
SelectInput();
|
||||
};
|
||||
</script>
|
||||
|
||||
% if (config->{debug} == 1) {
|
||||
<pre>
|
||||
%= dumper $lets_data
|
||||
</pre>
|
||||
% }
|
||||
|
||||
% my $btn = l('lets_APPLY');
|
||||
%= form_for "letsencryptu" => (method => 'POST') => begin
|
||||
% param 'trt' => $lets_data->{trt} unless param 'trt';
|
||||
@ -24,17 +26,22 @@
|
||||
|
||||
<p><span class="">
|
||||
%=l('lets_Domains_name')
|
||||
</span><span class="">
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'OneDomainToCheck' => $lets_data->{OneDomainToCheck} unless param 'OneDomainToCheck';
|
||||
%= text_field 'OneDomainToCheck', size => '50', class => "" , pattern=>'.*' , placeholder=>'OneDomainToCheck', Readonly=>'true'
|
||||
<br></span></p>
|
||||
<br>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<span class="">
|
||||
%=l('lets_One_domain_check_result')
|
||||
</span><span class="">
|
||||
</span>
|
||||
<span class="">
|
||||
% param 'OneDomainsCheck' => $lets_data->{OneDomainsCheck} unless param 'OneDomainsCheck';
|
||||
%= text_area 'OneDomainsCheck', cols=>40, rows=>10, Readonly=>'true'
|
||||
</span><br>
|
||||
</span>
|
||||
<br>
|
||||
|
||||
<span class="">
|
||||
%my $back_text = l('lets_Back'); # Localized text
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user