140 lines
7.1 KiB
Rust
140 lines
7.1 KiB
Rust
|
use leptos::*;
|
||
|
|
use crate::locales::trl;
|
||
|
|
|
||
|
|
#[component]
|
||
|
|
pub fn AdminPortal(children: Children) -> impl IntoView {
|
||
|
|
view! {
|
||
|
|
<div class="layout-wrapper layout-content-navbar">
|
||
|
|
<div class="layout-container">
|
||
|
|
//<!-- Menu -->
|
||
|
|
|
||
|
|
<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
|
||
|
|
<div class="app-brand demo">
|
||
|
|
<a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
|
||
|
|
<i class="bx bx-chevron-left bx-sm align-middle"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="menu-inner-shadow"></div>
|
||
|
|
|
||
|
|
<ul class="menu-inner py-1">
|
||
|
|
//<!-- Dashboard -->
|
||
|
|
<li class="menu-item">
|
||
|
|
<a href="/admin" class="menu-link">
|
||
|
|
<i class="menu-icon tf-icons bx bx-home-circle"></i>
|
||
|
|
<div data-i18n="Analytics">{trl("Dashboard")}</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="menu-item">
|
||
|
|
<a href="/" class="menu-link">
|
||
|
|
<i class="menu-icon tf-icons bx bx-time"></i>
|
||
|
|
<div data-i18n="Analytics">"Opening hours"</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="menu-item">
|
||
|
|
<a href="/" class="menu-link">
|
||
|
|
<i class="menu-icon tf-icons bx bx-layer"></i>
|
||
|
|
<div data-i18n="Analytics">"Places"</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="menu-item">
|
||
|
|
<a href="/" class="menu-link">
|
||
|
|
<i class="menu-icon tf-icons bx bx-info-circle"></i>
|
||
|
|
<div data-i18n="Analytics">"About"</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</aside>
|
||
|
|
//<!-- Layout container -->
|
||
|
|
<div class="layout-page">
|
||
|
|
//<!-- Navbar -->
|
||
|
|
|
||
|
|
<nav
|
||
|
|
class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
|
||
|
|
id="layout-navbar">
|
||
|
|
<div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
|
||
|
|
<a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
|
||
|
|
<i class="bx bx-menu bx-sm"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
|
||
|
|
//<!-- Search -->
|
||
|
|
<div class="navbar-nav align-items-center ms-auto mt-auto">
|
||
|
|
<div class="nav-item d-flex align-items-center mt-auto">
|
||
|
|
<h4 class="mt-3"><i class="bx bx-desktop fs-4 lh-0"></i>" Admin portal"</h4>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
//<!-- /Search -->
|
||
|
|
<ul class="navbar-nav flex-row align-items-center ms-auto">
|
||
|
|
<li class="nav-item navbar-dropdown dropdown-user dropdown">
|
||
|
|
<a class="nav-link dropdown-toggle hide-arrow" href="/admin/settings" data-bs-toggle="dropdown">
|
||
|
|
<i class="bx bx-cog fs-3 lh-0"></i>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
//<!-- User -->
|
||
|
|
<li class="nav-item navbar-dropdown dropdown-user dropdown">
|
||
|
|
<a class="nav-link dropdown-toggle hide-arrow" href="#" data-bs-toggle="dropdown">
|
||
|
|
//<div class="avatar avatar-online">
|
||
|
|
// <img src="/img/avatars/1.png" alt class="w-px-40 h-auto rounded-circle" />
|
||
|
|
//</div>
|
||
|
|
<i class="bx bx-user fs-3 lh-0"></i>
|
||
|
|
</a>
|
||
|
|
<ul class="dropdown-menu dropdown-menu-end">
|
||
|
|
<li>
|
||
|
|
<a class="dropdown-item" href="#">
|
||
|
|
<div class="d-flex">
|
||
|
|
<div class="flex-shrink-0 me-3">
|
||
|
|
<div class="avatar avatar-online">
|
||
|
|
<img src="/img/avatars/1.png" alt class="w-px-40 h-auto rounded-circle" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex-grow-1">
|
||
|
|
<span class="fw-semibold d-block">"John Doe"</span>
|
||
|
|
<small class="text-muted">"Admin"</small>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<div class="dropdown-divider"></div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a class="dropdown-item" href="#">
|
||
|
|
<i class="bx bx-user me-2"></i>
|
||
|
|
<span class="align-middle">"My Profile"</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a class="dropdown-item" href="#">
|
||
|
|
<i class="bx bx-cog me-2"></i>
|
||
|
|
<span class="align-middle">"Settings"</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<div class="dropdown-divider"></div>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a class="dropdown-item" href="auth-login-basic.html">
|
||
|
|
<i class="bx bx-power-off me-2"></i>
|
||
|
|
<span class="align-middle">"Log Out"</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
//<!--/ User -->
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
//<!-- Content wrapper -->
|
||
|
|
<div class="content-wrapper">
|
||
|
|
//<!-- Content -->
|
||
|
|
<div class="container-xxl flex-grow-1 container-p-y">
|
||
|
|
{children()}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
}
|
||
|
|
}
|