Reisacher-Forderung/templates/base/base.html

<!DOCTYPE html>
<html lang="de">

<head>
  <base href="./">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Global Cube">
  <meta name="author" content="Global Cube GmbH - Robert Burghard">
  <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
  <title>{% block title %}Global Cube{% endblock %}</title>
  <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js"></script>

  <link href="https://cdn.jsdelivr.net/npm/@coreui/coreui-pro@5.27.0/dist/css/coreui.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/@coreui/coreui-pro@5.27.0/dist/js/coreui.bundle.min.js"></script>

  <link href="https://cdn.jsdelivr.net/npm/@coreui/icons@3.0.1/css/all.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/@coreui/icons@3.0.1/dist/cjs/index.min.js"></script>
  
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">

  <link href="/static/assets/css/main.css" rel="stylesheet">
  <link href="/static/assets/css/app.css" rel="stylesheet">

  <link href="/static/assets/css/details.css?v=3" rel="stylesheet">
  <link href="/static/assets/css/list.css?v=2" rel="stylesheet">
  <link href="/static/assets/css/dashboard.css" rel="stylesheet">
  <script src="/static/assets/js/dashboard.js" defer></script>
  <script src="/static/assets/js/attachments.js" defer></script>
  <script src="/static/assets/js/documents.js" defer></script>
  <link href="/static/assets/css/documents.css?v=2" rel="stylesheet">
  <script src="/static/assets/js/navigation.js" defer></script>
  <script src="/static/assets/js/list.js" defer></script>
  <script src="/static/assets/js/list-filters.js?v=2" defer></script>
  <script src="/static/assets/js/layout.js" defer></script>
  <script src="/static/assets/js/verursacher.js" defer></script>
  <script src="/static/assets/js/wiedervorlage.js" defer></script>

  <!-- Favicon icon -->
  <link rel="icon" href="/static/assets/images/favicon.ico" type="image/x-icon">
</head>

<body class="container" data-gc-user="{{ request.state.principal.username }}" hx-boost="true" hx-headers='{"X-CSRF-Token": "{{ request.state.principal.csrf }}"}'>
  <div class="wrapper d-flex flex-column min-vh-100">
    <header class="header gc-app-header">
      <div class="container-fluid gc-header-inner">
        <a class="gc-header-brand" href="/select" aria-label="Reisacher – Startseite">
          <img src="/static/assets/images/Reisacher.png" alt="Reisacher" width="360" height="94">
        </a>
        <ul class="header-nav">
          <li class="nav-item"><a class="nav-link" href="/app/forderungen/liste">Liste</a></li>
          <li class="nav-item"><a class="nav-link" href="/app/forderungen/dashboard" hx-boost="false">Dashboard</a></li>
        </ul>
        <ul class="header-nav ms-auto gc-header-tools">
          <li class="nav-item"><a class="nav-link" href="/select" aria-label="Startseite">
              <i class="icon icon-lg cil-home"></i></a></li>
          <li class="nav-item"><a class="nav-link" href="/config" aria-label="Einstellungen">
              <i class="icon icon-lg cil-cog"></i></a></li>
          <li class="nav-item d-flex align-items-center gc-header-account">
            <span class="me-2">{{ request.state.principal.name }} ({{ request.state.principal.role }})</span>
            <form method="post" action="/logout" class="m-0">
              <input type="hidden" name="_csrf" value="{{ request.state.principal.csrf }}">
              <button type="submit" class="nav-link border-0 bg-transparent" title="Abmelden">
                <i class="icon icon-lg cil-account-logout"></i>
              </button>
            </form>
          </li>
        </ul>
      </div>
    </header>
    <main role="main" class="gc-page {% block page_class %}{% endblock %}">
      {% block content %}{% endblock %}
    </main>
  </div>

  {% if summary %}
  {% include 'forderungen/liste/summary.html' %}
  {% endif %}

<div class="modal fade gc-editor-modal" id="verursacher-modal" tabindex="-1" aria-labelledby="verursacher-modal-title" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content" id="verursacher-modal-content"></div>
  </div>
</div>
<div class="modal fade gc-editor-modal" id="wiedervorlage-modal" tabindex="-1" aria-labelledby="wiedervorlage-modal-title" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content" id="wiedervorlage-modal-content"></div>
  </div>
</div>
<div class="modal" id="documents-modal" tabindex="-1" aria-labelledby="documents-modal-title" aria-hidden="true">
<div class="modal-dialog modal-xl"><div class="modal-content">
<div class="modal-header"><h2 class="modal-title fs-5" id="documents-modal-title">Dokumente</h2><button type="button" class="btn-close" data-coreui-dismiss="modal" aria-label="Schließen"></button></div>
<div class="modal-body" id="documents-modal-body"></div>
</div></div></div>
<div class="modal" id="document-preview-modal" tabindex="-1" aria-labelledby="document-preview-title" aria-hidden="true">
<div class="modal-dialog modal-xl"><div class="modal-content"><div class="modal-header"><h2 class="modal-title fs-5" id="document-preview-title">Dokument</h2><button type="button" class="btn btn-outline-secondary" data-document-back>Zurück zur Liste</button></div>
<div class="modal-body"><p data-preview-status role="status"></p><iframe title="PDF-Dokument" id="document-pdf-frame"></iframe></div></div></div></div>
</body>

</html>