📝 🚀 "Refactor backend structure
This commit is contained in:
@ -628,6 +628,46 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Do Not Disturb Controls -->
|
||||
<div class="flex flex-col space-y-4">
|
||||
<h3 class="text-lg font-semibold text-slate-900 dark:text-white transition-colors duration-300">Benachrichtigungen</h3>
|
||||
<div class="space-y-3">
|
||||
<!-- Do Not Disturb Toggle -->
|
||||
<div class="flex items-center justify-between">
|
||||
<span class="text-xs text-slate-600 dark:text-slate-400">Nicht stören:</span>
|
||||
<button
|
||||
id="dndToggle"
|
||||
class="relative p-2 rounded-lg text-slate-700 dark:text-slate-300 hover:bg-slate-100/80 dark:hover:bg-slate-800/50 transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 group"
|
||||
aria-label="Do Not Disturb umschalten"
|
||||
data-dnd-toggle
|
||||
title="Benachrichtigungen stumm schalten"
|
||||
>
|
||||
<!-- DND Icon (Stumm) -->
|
||||
<div class="dnd-icon-off transition-all duration-300">
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<!-- DND Icon (Aktiv) - versteckt by default -->
|
||||
<div class="dnd-icon-on absolute inset-0 flex items-center justify-center transition-all duration-300 opacity-0 scale-75">
|
||||
<svg class="w-4 h-4 text-red-500" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z"/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<!-- Notification Counter für unterdrückte Messages -->
|
||||
<span id="dndCounter" class="dnd-counter hidden">0</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- DND Status Anzeige -->
|
||||
<div id="dndStatus" class="text-xs text-slate-500 dark:text-slate-400 hidden">
|
||||
<span class="dnd-status-text">Inaktiv</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Copyright -->
|
||||
<div class="flex flex-col space-y-4">
|
||||
<h3 class="text-lg font-semibold text-slate-900 dark:text-white transition-colors duration-300">Rechtliches</h3>
|
||||
|
Reference in New Issue
Block a user