mailwolt/resources/views/livewire/ui/system/modal/installer-confirm-modal.bla...

44 lines
2.3 KiB
PHP

<div class="mw-modal-frame">
<div class="mw-modal-head">
<div class="mw-modal-title-wrap">
<h2 class="mw-modal-title">Installation bestätigen</h2>
<span class="mw-modal-sub">
{{ $component === 'all' ? 'Komplett-Installation' : ucfirst($component) }}
</span>
</div>
<button wire:click="$dispatch('closeModal')" class="mw-modal-close">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</button>
</div>
<div class="mw-modal-body">
<div class="mw-modal-danger">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" style="flex-shrink:0"><path d="M7 1L13 12H1L7 1Z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/><path d="M7 5.5v3" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/><circle cx="7" cy="10" r=".7" fill="currentColor"/></svg>
Diese Aktion führt Systemänderungen mit Root-Rechten durch.
</div>
<div style="margin-top:14px;font-size:13px;color:var(--mw-t2)">
@if($component === 'all')
Die <strong style="color:var(--mw-t1)">Komplett-Installation</strong> konfiguriert alle Komponenten
(Nginx, Postfix, Dovecot, Rspamd, Fail2ban, SSL) neu.
@else
Die Komponente <strong style="color:var(--mw-t1)">{{ ucfirst($component) }}</strong>
wird installiert bzw. neu konfiguriert.
@endif
</div>
<div style="margin-top:10px;font-size:11.5px;color:var(--mw-t4)">
Laufende Dienste können kurzzeitig unterbrochen werden.
Der Fortschritt wird im Log-Viewer angezeigt.
</div>
</div>
<div class="mw-modal-foot">
<button type="button" wire:click="$dispatch('closeModal')" class="mw-btn-cancel">Abbrechen</button>
<button type="button" wire:click="confirm" class="mbx-btn-primary">
<svg width="12" height="12" viewBox="0 0 14 14" fill="none"><path d="M7 1.5L12.5 11H1.5L7 1.5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><path d="M7 5.5v3" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
Jetzt installieren
</button>
</div>
</div>