164 lines
4.7 KiB
Django/Jinja
164 lines
4.7 KiB
Django/Jinja
<!DOCTYPE html>
|
|
<html lang="{{ language_code|none('en-us') }}" dir="{{ LANGUAGE_BIDI|yesno('rtl,ltr,auto') }}">
|
|
|
|
<head>
|
|
<title>{% block title %}{{ title|none('Admiral') }}{% endblock %}</title>
|
|
|
|
{% include "fomantic.html" %}
|
|
|
|
<link rel="stylesheet" type="text/css" href="/static/rear/depot.css">
|
|
|
|
{% block extrastyle %}{% endblock %}
|
|
{% block extrahead %}{% endblock %}
|
|
|
|
{% block responsive %}
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
{% endblock %}
|
|
|
|
{% block blockbots %}
|
|
<meta name="robots" content="NONE,NOARCHIVE">
|
|
{% endblock %}
|
|
</head>
|
|
|
|
<body>
|
|
{% block body %}
|
|
|
|
{% block header %}
|
|
<header id="header" class="ui small inverted top fixed main menu">
|
|
<a class="launch icon item">
|
|
<i class="content icon"></i>
|
|
</a>
|
|
|
|
<div class="item" id="branding">
|
|
{% block branding %}Miniweb{% endblock %}
|
|
</div>
|
|
|
|
|
|
|
|
<div class="right menu">
|
|
{% block usertools %}
|
|
<div class="item">Documentation</div>
|
|
<div class="icon item"><i class="tools link icon"></i></div>
|
|
{% endblock usertools %}
|
|
<div class="item">
|
|
<a class="ui blue image label">
|
|
<img src="/static/rear/teddy_bear.png">
|
|
Person
|
|
<div class="detail">Admiral</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="icon item">
|
|
<form id="logout-form" method="post" action="{{ url('depot:logout') }}">
|
|
<i class="power link icon" style="float: none;"></i>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</header>
|
|
{% endblock %}
|
|
|
|
{% block sidebar %}
|
|
<div class="ui vertical sidebar left visible overlay" id="main_sidemenu">
|
|
<div class="ui vertical inverted fluid menu">
|
|
<div class="item"><a href="{{depot_url}}">
|
|
<i class="big d20 dice icon" style="float: none;"></i>
|
|
<b>Administration</b>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="ui hidden right aligned search input" id="search">
|
|
<div class="ui inverted transparent icon input">
|
|
<input class="prompt" type="text" placeholder="Filter...">
|
|
<i class="search link icon" data-content="Search UI"></i>
|
|
</div>
|
|
<div class="results"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="header">General</div>
|
|
<div class="menu">
|
|
|
|
<a class="item" href="#">
|
|
Introduction
|
|
</a>
|
|
|
|
<a class="item" href="#">
|
|
Status
|
|
</a>
|
|
|
|
<a class="item" href="#">
|
|
Settings
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{% if sections %}
|
|
{% for section in sections %}
|
|
<div class="item">
|
|
<i class="cog link icon" href="{{ section.section_url }}"></i>
|
|
<div class="header">{{ section.name }} </div>
|
|
<div class="menu">
|
|
{% for model in section.models %}
|
|
<div
|
|
class="item model-{{ model.key }}{% if model.admin_url in request.path|urlencode %} current-model{% endif %}">
|
|
{% if model.model_url %}
|
|
<a href="{{ model.model_url }}" hx-get="{{ model.model_url }}" hx-target="#main" hx-push-url="true" {% if
|
|
model.admin_url in request.path|urlencode %} aria-current="page" {% endif %}>{{ model.name }}</a>
|
|
{% else %}
|
|
<span>{{ model.name }}</span>
|
|
{% endif %}
|
|
|
|
{% if model.add_url %}<i class="plus link icon" hx-get="{{ model.add_url }}" hx-target="#main"
|
|
hx-push-url="true">
|
|
{% if captions %}<a href="{{ model.add_url }}" class="addlink">{{ translate( 'Add') }}</a>{% endif %}</i>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
</div>
|
|
</div>
|
|
{% endblock sidebar %}
|
|
|
|
<div class="pusher pushover" id="main_content">
|
|
<main id="main">
|
|
{% block content %}
|
|
{% endblock content %}
|
|
</main>
|
|
</div>
|
|
|
|
{% endblock body %}
|
|
{% block bodyjs %}
|
|
<script src="/static/htmx/htmx.min.js"></script>
|
|
<script src="/static/hyperscript/hyperscript.min.js"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
$('#main_sidemenu').sidebar({
|
|
transition: 'overlay',
|
|
dimPage: false,
|
|
closable: false,
|
|
onHide: function () {
|
|
$('#main_content').removeClass('pushover');
|
|
},
|
|
onShow: function () {
|
|
// This function is called when the sidebar is visible
|
|
$('#main_content').addClass('pushover');
|
|
}
|
|
}).sidebar('attach events', '.launch.icon.item').sidebar("show");
|
|
});
|
|
</script>
|
|
{% endblock bodyjs %}
|
|
</body>
|
|
|
|
</html> |