EinsatzOnline/resources/templates/sidebar.html.hbs

195 lines
9.0 KiB
Handlebars

<!-- Sidebar -->
<nav id="sidebar">
<div class="sidebar-header">
<h3 class="d-lg-none">EO</h3>
<h3 class="d-none d-lg-block">einsatz.online</h3>
<hr>
<div class="user-info">
<p><a href="/portal/personal_profile?action=view">
<button class="btn text-left btn-sm">
<svg width="1.5em" height="1.5em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#file-earmark-person"/>
</svg>
<span class="d-none d-lg-block">{{sidebar.firstname}} {{sidebar.lastname}}</span></button>
</a></p>
</div>
<hr>
<a href="/portal/logout">
<button class="btn btn-sm">
<svg width="1.5em" height="1.5em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#door-open"/>
</svg>
<span class="d-none d-lg-block">Abmelden</span></button>
</a>
</div>
<ul class="components sidebar-navigation">
{{#if sidebar.summary.visible}}
<li {{#if sidebar.summary.active}}class="sidebar_entry_active" {{
/if}}>
<a href="/portal">
<svg width="1.5em" height="1.5em" fill="currentColor" class="d-lg-none">
<use xlink:href="/img/bootstrap-icons.svg#house-door"/>
</svg>
<span class="d-none d-lg-block">Übersicht</span></a>
</li>
{{/if}}
{{#if sidebar.member_management.visible}}
<li>
<a {{#if sidebar.member_management.active}}class="sidebar_entry_active" {{/if}} href="/portal/mm">
<svg width="1.5em" height="1.5em" fill="currentColor" class="d-lg-none">
<use xlink:href="/img/bootstrap-icons.svg#file-earmark-person"/>
</svg>
<span class="d-none d-lg-block">Mitglieder</span></a>
{{#if sidebar.member_management.active}}
<ul class="d-none d-lg-block">
<li><a href="/portal/mm">Mitgliederliste</a></li>
<li><a href="/portal/mm/profile">Profil</a></li>
<li><a href="/portal/mm/groups">Gruppen</a></li>
</ul>
{{/if}}
</li>
{{/if}}
{{#if sidebar.communicator.visible}}
<li>
<a {{#if sidebar.communicator.active}}class="sidebar_entry_active" {{/if}}
href="/portal/communicator/email">
<svg width="1.5em" height="1.5em" fill="currentColor" class="d-lg-none">
<use xlink:href="/img/bootstrap-icons.svg#envelope"/>
</svg>
<span class="d-none d-lg-block">Kommunikator</span></a>
{{#if sidebar.communicator.active}}
<ul class="d-none d-lg-block">
<li><a href="/portal/communicator/email">Email</a></li>
</ul>
{{/if}}
</li>
{{/if}}
{{#if sidebar.resource_management.visible}}
<li>
<a {{#if sidebar.resource_management.active}}class="sidebar_entry_active" {{/if}}
href="/portal/rm/vehicle_list">
<svg width="1.5em" height="1.5em" fill="currentColor" class="d-lg-none">
<use xlink:href="/img/bootstrap-icons.svg#truck"/>
</svg>
<span class="d-none d-lg-block">Ressourcen</span></a>
{{#if sidebar.resource_management.active}}
<ul class="d-none d-lg-block">
<li><a href="/portal/rm/vehicle_list">Fahrzeuge</a></li>
</ul>
{{/if}}
</li>
{{/if}}
{{#if sidebar.event_management.visible}}
<li>
<a {{#if sidebar.event_management.active}}class="sidebar_entry_active" {{/if}} href="/portal/em/list">
<svg width="1.5em" height="1.5em" fill="currentColor" class="d-lg-none">
<use xlink:href="/img/bootstrap-icons.svg#calendar-week"/>
</svg>
<span class="d-none d-lg-block">Einsätze</span></a>
{{#if sidebar.event_management.active}}
<ul class="d-none d-lg-block">
<li><a href="/portal/em/list">Einsatzliste</a></li>
<li><a href="/portal/em/organisers">Veranstalter</a></li>
<li><a href="/portal/em/eu_templates">Vorlagen</a></li>
<li><a href="/portal/em/eu_positions">Positionen</a></li>
<li><a href="/portal/em/requests">Anfragen</a></li>
<li><a href="/portal/eb/list">Abrechnung</a></li>
</ul>
{{/if}}
</li>
{{/if}}
{{#if sidebar.settings.visible}}
<li>
<a {{#if sidebar.settings.active}}class="sidebar_entry_active" {{/if}} href="/portal/settings/permissions">
<svg width="1.5em" height="1.5em" fill="currentColor" class="d-lg-none">
<use xlink:href="/img/bootstrap-icons.svg#gear-fill"/>
</svg>
<span class="d-none d-lg-block">Einstellungen</a>
{{#if sidebar.settings.active}}
<ul class="d-none d-lg-block">
<li><a href="/portal/settings/permissions">Rechtevergabe</a></li>
<li><a href="/portal/settings/roles">Rollen</a></li>
</ul>
{{/if}}
</li>
{{/if}}
</ul>
<hr>
<ul class="components sidebar-actions d-none d-lg-block">
{{#if sidebar.member_management.active}}
<li>
<a href="/portal/mm/add_member">Mitglied hinzufügen</a>
</li>
{{/if}}
{{#if sidebar.event_management.active}}
<li>
<a href="/portal/em/add_event">Einsatz hinzufügen</a>
</li>
<li>
<a href="/portal/em/add_request">Anfrage hinzufügen</a>
</li>
{{/if}}
</ul>
<div class="versiontag">
<p><span class="d-none d-lg-block">Version: </span><span class="d-lg-none">V: </span>{{> versiontag}}</p></span>
</div>
</nav>
<div id="content">
<!-- Mobile navigation-->
<div class="d-lg-none row" style="padding: 10px;">
<div class="col">
<a class="list-group-item list-group-item-light" data-toggle="collapse" href="#collapseMobileNav"
role="button" aria-expanded="false" aria-controls="collapseExample">
<svg width="1.5em" height="1.5em" fill="currentColor" class="d-lg-none">
<use xlink:href="/img/bootstrap-icons.svg#list"/>
</svg>
Navigation
</a>
<div class="d-lg-none collapse" id="collapseMobileNav">
{{#if sidebar.member_management.active}}
<ul class="list-group">
<a class="list-group-item" href="/portal/mm">Mitgliederliste</a>
<a class="list-group-item" href="/portal/mm/profile">Profil</a>
<a class="list-group-item" href="/portal/mm/groups">Gruppen</a>
</ul>
{{/if}}
{{#if sidebar.communicator.active}}
<ul class="list-group">
<a class="list-group-item" href="/portal/communicator/email">Email</a>
</ul>
{{/if}}
{{#if sidebar.resource_management.active}}
<ul class="list-group">
<a class="list-group-item" href="/portal/rm/vehicle_list">Fahrzeuge</a>
</ul>
{{/if}}
{{#if sidebar.event_management.active}}
<ul class="list-group">
<a class="list-group-item" href="/portal/em/list">Einsatzliste</a>
<a class="list-group-item" href="/portal/em/organisers">Veranstalter</a>
<a class="list-group-item" href="/portal/em/eu_templates">Vorlagen</a>
<a class="list-group-item" href="/portal/em/eu_positions">Positionen</a>
<a class="list-group-item" href="/portal/em/requests">Anfragen</a>
<a class="list-group-item" href="/portal/eb/list">Abrechnung</a>
</ul>
{{/if}}
{{#if sidebar.settings.active}}
<ul class="list-group">
<a href="/portal/settings/permissions" class="list-group-item">Rechtevergabe</a>
<a href="/portal/settings/roles" class="list-group-item">Rollen</a>
</ul>
{{/if}}
<ul class="list-group">
{{#if sidebar.member_management.active}}
<a class="list-group-item list-group-item-secondary" href="/portal/mm/add_member">Mitglied hinzufügen</a>
{{/if}}
{{#if sidebar.event_management.active}}
<a class="list-group-item list-group-item-secondary" href="/portal/em/add_event">Einsatz hinzufügen</a>
<a class="list-group-item list-group-item-secondary" href="/portal/em/add_request">Anfrage hinzufügen</a>
{{/if}}
</ul>
</div>
</div>
</div>