75 lines
3 KiB
HTML
75 lines
3 KiB
HTML
{% extends "base.html" %}
|
|
{% load crispy_forms_tags %}
|
|
|
|
{% block title %}{{ title }} - Notizen{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<h1>
|
|
<i class="fas fa-paperclip text-primary"></i>
|
|
{{ title }}
|
|
</h1>
|
|
<a href="javascript:history.back()" class="btn btn-outline-secondary">
|
|
<i class="fas fa-arrow-left"></i> Zurück
|
|
</a>
|
|
</div>
|
|
|
|
<div class="alert alert-info mb-4">
|
|
<h5 class="alert-heading">
|
|
<i class="fas fa-info-circle"></i> Notiz anhängen
|
|
</h5>
|
|
<p class="mb-0">
|
|
Sie erstellen eine neue Notiz, die an <strong>{{ content_object }}</strong> angehängt wird.
|
|
Die Notiz wird auf der Detailseite dieses Objekts angezeigt.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<form method="post" novalidate>
|
|
{% csrf_token %}
|
|
|
|
<div class="mb-3">
|
|
{{ form.name|as_crispy_field }}
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
{{ form.inhalt|as_crispy_field }}
|
|
</div>
|
|
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="fas fa-paperclip"></i> Notiz anhängen
|
|
</button>
|
|
<a href="javascript:history.back()" class="btn btn-outline-secondary ms-2">
|
|
<i class="fas fa-times"></i> Abbrechen
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mt-4">
|
|
<div class="card-header">
|
|
<h5 class="mb-0">
|
|
<i class="fas fa-lightbulb"></i> Tipps für Notizen
|
|
</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<ul class="mb-0">
|
|
<li>Verwenden Sie Markdown-Syntax für Formatierung (z.B. **fett**, *kursiv*)</li>
|
|
<li>Notizen werden automatisch als HTML gerendert angezeigt</li>
|
|
<li>Sie können die Notiz später jederzeit bearbeiten</li>
|
|
<li>Angehängte Notizen sind nur für angemeldete Benutzer sichtbar</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|