First version with useable(ish) oblique design
All checks were successful
Build containers when image tags change / build-if-image-changed (., web, containers, main container, git.baumann.gr/adebaumann/vui) (push) Successful in 46s
Build containers when image tags change / build-if-image-changed (data-loader, loader, initContainers, init-container, git.baumann.gr/adebaumann/vui-data-loader) (push) Successful in 6s
All checks were successful
Build containers when image tags change / build-if-image-changed (., web, containers, main container, git.baumann.gr/adebaumann/vui) (push) Successful in 46s
Build containers when image tags change / build-if-image-changed (data-loader, loader, initContainers, init-container, git.baumann.gr/adebaumann/vui-data-loader) (push) Successful in 6s
This commit is contained in:
@@ -1,51 +1,92 @@
|
||||
{% extends "base.html" %}
|
||||
{% load mptt_tags %}
|
||||
|
||||
{% block title %}{{ referenz.Path }} - Referenzen{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<h1><a href="../{{ referenz.ParentID }}">⭡</a>{{ referenz.Path }}</h1>
|
||||
{% if referenz.erklaerung %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header d-flex justify-content-between align-items-center bg-secondary text-light">
|
||||
<h3 class="h5 m-0">Beschreibung</h3>
|
||||
{% if referenz.url %}
|
||||
<span class="badge bg-light text-black">
|
||||
<a href="{{ referenz.url }}">Link</a>
|
||||
</span>{% endif %}
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="/">Startseite</a></li>
|
||||
<li class="breadcrumb-item"><a href="/referenzen">Referenzen</a></li>
|
||||
{% if referenz.ParentID %}
|
||||
<li class="breadcrumb-item"><a href="../{{ referenz.ParentID }}">Übergeordnet</a></li>
|
||||
{% endif %}
|
||||
<li class="breadcrumb-item active" aria-current="page">{{ referenz.name_nummer }}</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="card-body p-2">
|
||||
{% for typ, html in referenz.erklaerung %}
|
||||
{% if html %}<div>{{ html|safe }}</div>{% endif %}{% endfor %}
|
||||
<h1>{{ referenz.Path }}</h1>
|
||||
|
||||
{% if referenz.url %}
|
||||
<p>
|
||||
<a href="{{ referenz.url }}" class="btn btn-secondary icon icon--before icon--external" target="_blank" rel="noopener">
|
||||
Externe Referenz öffnen
|
||||
</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
{% if referenz.erklaerung %}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2 class="h4 mb-0">Beschreibung</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{% for typ, html in referenz.erklaerung %}
|
||||
{% if html %}
|
||||
<div class="mb-2">{{ html|safe }}</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-header d-flex justify-content-between align-items-center bg-secondary text-light">
|
||||
<h3 class="h5 m-0">Referenzierte Vorgaben</h3>
|
||||
</div>
|
||||
|
||||
<div class="card-body p-2">
|
||||
{% recursetree referenz.children %}
|
||||
{% if not node == referenz %}
|
||||
{#<a href="../{{node.id}}">#}
|
||||
{{ node.Path }}
|
||||
{#</a>#}
|
||||
{% else %}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2 class="h4 mb-0">Referenzierte Vorgaben</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="referenz-tree">
|
||||
{% recursetree referenz.children %}
|
||||
<div class="mb-3">
|
||||
<strong>
|
||||
{% if not node == referenz %}
|
||||
<a href="../{{ node.id }}">{{ node.Path }}</a>
|
||||
{% else %}
|
||||
{{ node.Path }}
|
||||
{% endif %}
|
||||
<br>
|
||||
{% if node.referenziertvon %}
|
||||
<ul>
|
||||
{% endif %}
|
||||
</strong>
|
||||
|
||||
{% if node.referenziertvon %}
|
||||
<ul class="list-unstyled mt-2 ml-3">
|
||||
{% for ref in node.referenziertvon %}
|
||||
<li><a href="{% url 'standard_detail' nummer=ref.dokument.nummer %}#{{ref.Vorgabennummer}}">{{ref}}</a></li>
|
||||
<li class="mb-1">
|
||||
<a href="{% url 'standard_detail' nummer=ref.dokument.nummer %}#{{ ref.Vorgabennummer }}"
|
||||
class="icon icon--before icon--external">
|
||||
{{ ref }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<br>
|
||||
{% endif %}
|
||||
{% if not node.is_leaf_node %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
|
||||
{% if not node.is_leaf_node %}
|
||||
<div class="ml-4 mt-2">
|
||||
{{ children }}
|
||||
{% endif %}
|
||||
{% endrecursetree %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endrecursetree %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -1,21 +1,39 @@
|
||||
{% extends "base.html" %}
|
||||
{% load mptt_tags %}
|
||||
|
||||
{% block title %}Referenzen - Vorgaben Informatiksicherheit{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<h1>Referenzen</h1>
|
||||
<div class="container-fluid">
|
||||
<h1>Referenzen</h1>
|
||||
<p class="lead">Hierarchische Übersicht externer Referenzen und Normen</p>
|
||||
|
||||
<div>
|
||||
{% load mptt_tags %}
|
||||
<ul class="tree">
|
||||
{% recursetree referenzen %}
|
||||
<li>
|
||||
<a href="{{node.id}}">{{ node.name_nummer }}{% if node.name_text %} ({{node.name_text}}){% endif %}</a>
|
||||
{% if not node.is_leaf_node %}
|
||||
<ul class="children">
|
||||
{{ children }}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<nav aria-label="Referenzen-Hierarchie">
|
||||
<ul class="nav nav-page-list">
|
||||
{% recursetree referenzen %}
|
||||
<li>
|
||||
<a href="{{ node.id }}">
|
||||
<strong>{{ node.name_nummer }}</strong>
|
||||
{% if node.name_text %}
|
||||
<span class="text-muted"> - {{ node.name_text }}</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
{% if not node.is_leaf_node %}
|
||||
<ul class="nav nav-page-list">
|
||||
{{ children }}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endrecursetree %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endrecursetree %}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user