style: Notizen Layout-Tweaks & Button Fixes
All checks were successful
Docker Build & Push / build-and-push (push) Successful in 8s
All checks were successful
Docker Build & Push / build-and-push (push) Successful in 8s
This commit is contained in:
@@ -233,4 +233,4 @@ Das Projekt basiert auf bewährten Web-Standards:
|
||||
* **Features:**
|
||||
* **Notizen:** Neue Funktion "Notizen" hinzugefügt inkl. Rich-Text-Editor.
|
||||
* **Haushaltsfreigabe:** Notizen können mit dem Haushalt geteilt werden.
|
||||
* **Design-Update:** Die Notizen-Übersichtsseite wurde an das Design der ToDo-Listen angepasst (Split-View, List-Groups, weiße Notizhintergründe). Der Texteditor bietet nun deutsche Tooltips. Beim Speichern einer Notiz wird nun besser zurück in die Übersicht navigiert.
|
||||
* **Design-Update:** Die Notizen-Übersichtsseite wurde an das Design der ToDo-Listen angepasst (Split-View, List-Groups, weiße Notizhintergründe). Der Texteditor bietet nun deutsche Tooltips. Beim Speichern einer Notiz wird nun besser zurück in die Übersicht navigiert. Das Layout der Metainformationen sowie der Buttons wurde weiter optimiert.
|
||||
|
||||
@@ -53,7 +53,7 @@ require_once 'header.php';
|
||||
<div class="col-lg-10">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h2 class="mb-0"><i class="fas fa-plus-circle text-primary me-2"></i>Neue Notiz erstellen</h2>
|
||||
<a href="notes.php" class="btn btn-outline-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
|
||||
<a href="notes.php" class="btn btn-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
|
||||
</div>
|
||||
|
||||
<?php if ($error): ?>
|
||||
|
||||
@@ -100,7 +100,7 @@ require_once 'header.php';
|
||||
<div class="col-lg-10">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h2 class="mb-0"><i class="fas fa-edit text-primary me-2"></i>Notiz bearbeiten</h2>
|
||||
<a href="notes.php" class="btn btn-outline-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
|
||||
<a href="notes.php" class="btn btn-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
|
||||
</div>
|
||||
|
||||
<?php if ($error): ?>
|
||||
@@ -112,7 +112,6 @@ require_once 'header.php';
|
||||
<div>
|
||||
<i class="fas fa-check-circle me-2"></i><?php echo htmlspecialchars($success); ?>
|
||||
</div>
|
||||
<a href="notes.php?id=<?php echo $note['id']; ?>" class="btn btn-sm btn-success">Zurück zur Übersicht</a>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
@@ -82,11 +82,14 @@ if ($active_note_id) {
|
||||
<i class="fas fa-user fa-xs me-1"></i><?php echo htmlspecialchars($note['owner_name']); ?>
|
||||
<?php endif; ?>
|
||||
<?php if ($note['is_shared']): ?>
|
||||
<i class="fas fa-share-alt fa-xs ms-1" title="Geteilt"></i>
|
||||
<span class="badge <?php echo $is_active ? 'bg-light text-success' : 'bg-success'; ?> ms-1" title="Geteilt"><i class="fas fa-share-alt fa-xs me-1"></i>Geteilt</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div onclick="event.stopPropagation();">
|
||||
<div onclick="event.stopPropagation();" class="text-nowrap">
|
||||
<a href="edit_note.php?id=<?php echo $note['id']; ?>" class="btn btn-sm btn-link <?php echo $is_active ? 'text-white' : 'text-primary'; ?> p-0" title="Bearbeiten">
|
||||
<i class="fas fa-edit"></i>
|
||||
</a>
|
||||
<?php if ($note['user_id'] == $current_user_id): ?>
|
||||
<button type="button" class="btn btn-sm btn-link <?php echo $is_active ? 'text-white' : 'text-danger'; ?> p-0 ms-2" onclick="confirmDelete(<?php echo $note['id']; ?>, event)" title="Löschen">
|
||||
<i class="fas fa-trash"></i>
|
||||
@@ -118,17 +121,17 @@ if ($active_note_id) {
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
<div class="text-end text-muted small mb-4 border-bottom pb-2">
|
||||
<div>Zuletzt geändert: <?php echo date('d.m.Y H:i', strtotime($active_note['updated_at'])); ?></div>
|
||||
<?php if ($active_note['is_shared']): ?>
|
||||
<div><i class="fas fa-share-alt text-success me-1"></i>Mit Haushalt geteilt</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="ql-snow">
|
||||
<div class="ql-editor render-only">
|
||||
<?php echo $active_note['content']; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-end text-muted small mt-4 border-top pt-3">
|
||||
<div>Zuletzt geändert: <?php echo date('d.m.Y H:i', strtotime($active_note['updated_at'])); ?></div>
|
||||
<?php if ($active_note['is_shared']): ?>
|
||||
<div><i class="fas fa-share-alt text-success me-1"></i>Mit Haushalt geteilt</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
|
||||
Reference in New Issue
Block a user