ff134eee9a
- Added FontAwesome webfont files: fa-brands-400.woff2, fa-regular-400.woff2, fa-solid-900.woff2, and fa-v4compatibility.woff2. - Updated base.html to include FontAwesome stylesheet. - Renamed the application title from "Risiko Management" to "ISO27001 Management". - Enhanced navigation menu with dynamic active states for Dashboard, Statistics, Risks, Controls, and Incidents. - Created new templates for dashboard, controls, incidents, risks, and statistics with breadcrumb navigation.
106 lines
No EOL
3.8 KiB
HTML
106 lines
No EOL
3.8 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Risiko Management</title>
|
|
<link rel="stylesheet" href="{% static '/css/bulma.min.css' %}">
|
|
<link rel="stylesheet" href="{% static '/css/design.css' %}">
|
|
<link rel="stylesheet" href="{% static '/css/fontawesome.min.css' %}">
|
|
<link rel="stylesheet" href="{% static '/css/print.css' %}" media="print">
|
|
|
|
<meta name="description" content="Effizientes Risiko Management für Unternehmen: Analysieren, bewerten und steuern Sie Risiken sicher und zuverlässig.">
|
|
<link rel="icon" href="favicon.ico">
|
|
<link rel="icon" href="favicon.svg" type="image/svg+xml">
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
|
</head>
|
|
<body>
|
|
<!-- User Navbar -->
|
|
<nav class="navbar is-fixed-top has-shadow">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="#">
|
|
<strong>ISO27001 Management</strong>
|
|
</a>
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarMenu">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbarMenu" class="navbar-menu">
|
|
<div class="navbar-end">
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
|
<a class="navbar-link">
|
|
Profil
|
|
</a>
|
|
<div class="navbar-dropdown is-right">
|
|
<a class="navbar-item" href="#">Einstellungen</a>
|
|
<a class="navbar-item" href="#">Benachrichtigungen</a>
|
|
<hr class="navbar-divider">
|
|
<a class="navbar-item" href="#">Abmelden</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Sidebar -->
|
|
<aside class="menu sidebar">
|
|
<p class="menu-label">Allgemein</p>
|
|
<ul class="menu-list">
|
|
<li><a class="{% if request.path == '/risks/' %}is-active{% endif %}" href="/risks/">Dashboard</a></li>
|
|
<li><a class="{% if request.path == '/risks/stats' %}is-active{% endif %}" href="/risks/stats">Statistiken</a></li>
|
|
</ul>
|
|
<p class="menu-label">Risikomanagement</p>
|
|
<ul class="menu-list">
|
|
<li><a class="{% if request.path == '/risks/risks' %}is-active{% endif %}" href="/risks/risks">Risiken</a></li>
|
|
<li><a class="{% if request.path == '/risks/controls' %}is-active{% endif %}" href="/risks/controls">Maßnahmen</a></li>
|
|
<li><a class="{% if request.path == '/risks/incidents' %}is-active{% endif %}" href="/risks/incidents">Vorfälle</a></li>
|
|
</ul>
|
|
<p class="menu-label">Verwaltung</p>
|
|
<ul class="menu-list">
|
|
<li><a href="/admin">Adminbereich</a></li>
|
|
</ul>
|
|
</aside>
|
|
|
|
<!-- Content -->
|
|
<main class="content">
|
|
{% block breadcrumbs %}
|
|
<nav class="breadcrumb has-arrow-separator" aria-label="breadcrumbs">
|
|
<ul>
|
|
<li>
|
|
<a href="{% url 'risks:index' %}">
|
|
<span class="icon is-small">
|
|
<i class="fas fa-home" aria-hidden="true"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{% block crumbs %}
|
|
{% if title %} › {{ title }}{% endif %}
|
|
{% endblock %}
|
|
</ul>
|
|
</nav>
|
|
{% endblock %}
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<!-- Bulma Navbar Burger Script -->
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
|
if ($navbarBurgers.length > 0) {
|
|
$navbarBurgers.forEach( el => {
|
|
el.addEventListener('click', () => {
|
|
const target = el.dataset.target;
|
|
const $target = document.getElementById(target);
|
|
el.classList.toggle('is-active');
|
|
$target.classList.toggle('is-active');
|
|
});
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |