Fix: Update-Modal auf v403-Basis zurückgesetzt (ohne Slider)

main v1.1.409
boban 2026-04-27 03:27:36 +02:00
parent 2fb66df19e
commit dcb4456ba6
1 changed files with 27 additions and 40 deletions

View File

@ -1,56 +1,43 @@
<div wire:poll.2s="refresh" class="p-5"> <div wire:poll.2s="refresh" class="p-4">
<div class="flex items-center gap-3 mb-3">
{{-- Header --}} <div class="shrink-0 w-10 h-10 rounded-full bg-emerald-500/15 border border-emerald-400/30
<div class="flex items-center gap-3 mb-4"> flex items-center justify-center">
<div class="shrink-0 flex items-center justify-center w-10 h-10 rounded-xl" <i class="ph ph-arrows-clockwise text-xl {{ $state==='done' ? '' : 'animate-spin' }}"></i>
style="background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 0 16px rgba(99,102,241,.35)">
<svg viewBox="0 0 28 28" width="18" height="18" fill="none">
<path d="M5 19 C5 19 8 10 15 9 C19 8 23 11 24 15" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
<path d="M5 19 C6.5 22 9 23.5 12 23.5 C15 23.5 18 22 19.5 19" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
<circle cx="19" cy="8" r="2" fill="white"/>
</svg>
</div> </div>
<div class="flex-1 min-w-0"> <div>
<div class="text-[13px] font-semibold text-white/90"> <div class="text-white/90 font-semibold">
@if($state === 'done' && $rc === 0) {{ $state==='done'
Update abgeschlossen ? ($rc===0 ? 'Update abgeschlossen' : 'Update fehlgeschlagen')
@elseif($state === 'done') : 'Update läuft …' }}
Update fehlgeschlagen
@else
Update wird durchgeführt
@endif
</div> </div>
<div class="text-[11px] mt-0.5 truncate text-white/50"> <div class="text-xs text-white/60">
{{ $line ?: 'Warte auf Ausgabe …' }} {{ $line ?? '' }}
</div> </div>
</div> </div>
</div> </div>
{{-- Log --}} {{-- Log Tail --}}
<div class="rounded-lg text-[11px] font-mono leading-relaxed overflow-auto max-h-56 p-3 mb-4" <div class="rounded-lg bg-black/40 border border-white/10 p-2 max-h-64 overflow-auto text-[12px] font-mono text-white/80">
style="background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.55)"> @foreach($tail as $l)
@forelse($tail as $l) {{ $l }}
<div>{{ $l }}</div> @endforeach
@empty
<div style="color:rgba(255,255,255,.25)">Warte auf Log-Ausgabe </div>
@endforelse
</div> </div>
{{-- Footer --}} <div class="mt-4 flex justify-end gap-2">
<div class="flex justify-end"> @if($state==='done' && $rc===0)
@if($state === 'done') <button wire:click="$dispatch('closeModal')" class="px-3 py-1 rounded-md
<button wire:click="$dispatch('closeModal')" bg-emerald-500/10 border border-emerald-400/30 text-emerald-200">
class="inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-[12px] font-medium border transition-colors Schließen
{{ $rc === 0 </button>
? 'text-emerald-200 bg-emerald-500/10 border-emerald-400/30 hover:bg-emerald-500/20' @elseif($state==='done' && $rc!==0)
: 'text-rose-200 bg-rose-500/10 border-rose-400/30 hover:bg-rose-500/20' }}"> <button wire:click="$dispatch('closeModal')" class="px-3 py-1 rounded-md
bg-rose-500/10 border border-rose-400/30 text-rose-200">
Schließen Schließen
</button> </button>
@else @else
<button disabled class="inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-[12px] border opacity-40 cursor-not-allowed text-white/40 border-white/10"> <button class="px-3 py-1 rounded-md bg-white/10 border border-white/15 text-white/50 cursor-not-allowed" disabled>
Bitte warten Bitte warten
</button> </button>
@endif @endif
</div> </div>
</div> </div>