This commit is contained in:
@@ -294,40 +294,46 @@ $sectionLinks = [
|
||||
|
||||
<!-- Modals -->
|
||||
<div class="modal" id="modalAvatar">
|
||||
<div class="panel">
|
||||
<div class="panel panel--avatar">
|
||||
<div class="head flex between center-y">
|
||||
<h3>Profilbild gestalten</h3>
|
||||
<button class="btn ghost" type="button" data-modal-close>✕</button>
|
||||
</div>
|
||||
<form method="post" class="stack gap-12 avatar-builder" data-avatar-builder style="margin-top:12px;">
|
||||
<form method="post" class="avatar-builder" data-avatar-builder style="margin-top:12px;">
|
||||
<input type="hidden" name="action" value="avatar_update">
|
||||
<?php if (count($avatarStyleKeys) <= 1): ?>
|
||||
<input type="hidden" name="avatar_style" value="<?= htmlspecialchars($currentAvatarStyle, ENT_QUOTES) ?>" data-avatar-style-select>
|
||||
<?php endif; ?>
|
||||
<input type="hidden" name="avatar_seed" value="<?= htmlspecialchars((string)$profile['avatar_seed'], ENT_QUOTES) ?>" data-avatar-seed>
|
||||
<div class="avatar-builder__layout">
|
||||
<div class="avatar-builder__preview">
|
||||
<div data-avatar-preview>
|
||||
<?= \App\Avatar\AvatarManager::render($profile, $profile['display_name'] ?: 'Papa', 'xxl', $dashboardUserId) ?>
|
||||
</div>
|
||||
<p class="muted small">Wähle eine Komponente und passe dein neues Profilbild Schritt für Schritt an. Gespeichert wird erst nach Klick auf den Button unten.</p>
|
||||
<?php if (count($avatarStyleKeys) > 1): ?>
|
||||
<div class="stack gap-6" style="max-width:320px; margin:0 auto;">
|
||||
<label class="label" for="avatarStyleSelect">Stil</label>
|
||||
<select id="avatarStyleSelect" name="avatar_style" class="select" data-avatar-style-select>
|
||||
<?php foreach ($avatarBuilder as $styleKey => $styleMeta): ?>
|
||||
<option value="<?= htmlspecialchars($styleKey, ENT_QUOTES) ?>" <?= $styleKey === $currentAvatarStyle ? 'selected' : '' ?>>
|
||||
<?= htmlspecialchars((string)$styleMeta['label'], ENT_QUOTES) ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
<div class="avatar-builder__shell">
|
||||
<div class="avatar-builder__top">
|
||||
<div class="avatar-builder__hero">
|
||||
<div class="avatar-builder__hero-preview" data-avatar-preview>
|
||||
<?= \App\Avatar\AvatarManager::render($profile, $profile['display_name'] ?: 'Papa', 'xxl', $dashboardUserId) ?>
|
||||
</div>
|
||||
<div class="avatar-builder__hero-content">
|
||||
<p class="muted small">Wähle eine Komponente und passe dein neues Profilbild Schritt für Schritt an. Gespeichert wird erst nach Klick auf den Button unten.</p>
|
||||
<?php if (count($avatarStyleKeys) > 1): ?>
|
||||
<div class="stack gap-6" style="max-width:320px;">
|
||||
<label class="label" for="avatarStyleSelect">Stil</label>
|
||||
<select id="avatarStyleSelect" name="avatar_style" class="select" data-avatar-style-select>
|
||||
<?php foreach ($avatarBuilder as $styleKey => $styleMeta): ?>
|
||||
<option value="<?= htmlspecialchars($styleKey, ENT_QUOTES) ?>" <?= $styleKey === $currentAvatarStyle ? 'selected' : '' ?>>
|
||||
<?= htmlspecialchars((string)$styleMeta['label'], ENT_QUOTES) ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="flex gap-12 avatar-builder__actions" style="flex-wrap:wrap;">
|
||||
<button class="btn ghost" type="button" data-avatar-random>Random Profilbild</button>
|
||||
<button class="btn ghost" type="button" data-modal-close>Abbrechen</button>
|
||||
<button class="btn" type="submit">Profilbild speichern</button>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="flex gap-12" style="flex-wrap:wrap; justify-content:center;">
|
||||
<button class="btn ghost" type="button" data-avatar-random>Random Profilbild</button>
|
||||
<button class="btn ghost" type="button" data-modal-close>Abbrechen</button>
|
||||
<button class="btn" type="submit">Profilbild speichern</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="avatar-builder__body">
|
||||
<?php foreach ($avatarBuilder as $styleKey => $styleMeta): ?>
|
||||
<?php $styleComponents = $styleMeta['components'] ?? []; ?>
|
||||
<div class="avatar-style-group <?= $styleKey === $currentAvatarStyle ? 'is-active' : '' ?>" data-avatar-style-panel="<?= htmlspecialchars($styleKey, ENT_QUOTES) ?>" <?= $styleKey === $currentAvatarStyle ? '' : 'hidden' ?>>
|
||||
|
||||
Reference in New Issue
Block a user