2021-01-30 18:48:37 +00:00
|
|
|
@use crate::ActixLoader;
|
2021-01-31 23:22:15 +00:00
|
|
|
@use crate::nav::NavState;
|
|
|
|
@use crate::templates::bar;
|
|
|
|
@use crate::templates::layouts::root;
|
2021-01-25 02:05:45 +00:00
|
|
|
@use crate::templates::statics::nav_js;
|
2021-01-31 23:22:15 +00:00
|
|
|
@use hyaenidae_toolkit::templates::centered;
|
2021-01-25 02:05:45 +00:00
|
|
|
@use hyaenidae_toolkit::{templates::{card, card_body}, Card};
|
|
|
|
@use hyaenidae_toolkit::{templates::link, Link};
|
|
|
|
@use hyaenidae_toolkit::{templates::button_group, Button};
|
2021-01-30 18:48:37 +00:00
|
|
|
@use i18n_embed_fl::fl;
|
2021-01-25 02:05:45 +00:00
|
|
|
|
2021-01-30 18:48:37 +00:00
|
|
|
@(loader: &ActixLoader, title: &str, description: &str, nav_state: &NavState, head: Content, body: Content)
|
2021-01-25 02:05:45 +00:00
|
|
|
|
|
|
|
@:root(title, description, nav_state.dark(), {
|
|
|
|
<script src="@crate::statics_path(nav_js.name)"></script>
|
|
|
|
@:head()
|
|
|
|
}, {
|
2021-01-31 23:22:15 +00:00
|
|
|
@:bar(loader, nav_state)
|
2021-01-25 02:05:45 +00:00
|
|
|
<div class="home-content">
|
|
|
|
@:body()
|
|
|
|
</div>
|
|
|
|
<div class="nav-body @nav_state.class_string()">
|
|
|
|
<div class="nav-link nav-background">
|
|
|
|
@:link(&Link::current_tab(nav_state.href()).plain(true), {
|
|
|
|
<div class="nav-background">
|
|
|
|
</div>
|
|
|
|
})
|
|
|
|
</div>
|
|
|
|
<nav class="nav-links">
|
|
|
|
@:centered(false, {
|
|
|
|
@:card(&Card::full_width().classes(&["nav"]).dark(nav_state.dark()), {
|
|
|
|
@:card_body({
|
|
|
|
<div class="nav-heading">
|
2021-02-03 03:21:31 +00:00
|
|
|
<h3>@fl!(loader, "site-name")</h3>
|
2021-01-25 02:05:45 +00:00
|
|
|
</div>
|
2021-02-03 03:21:31 +00:00
|
|
|
@:button_group(&nav_state.mobile_buttons(loader))
|
2021-01-25 02:05:45 +00:00
|
|
|
})
|
|
|
|
@:card_body({
|
|
|
|
@:button_group(&[
|
2021-01-30 18:48:37 +00:00
|
|
|
Button::primary_outline(&fl!(loader, "nav-cancel")).href(nav_state.href()).class("nav-link"),
|
2021-01-25 02:05:45 +00:00
|
|
|
])
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
})
|