oversu/Globinours
oversu/Globinours
Watch
1
0
Fork
You've already forked Globinours
 0
Code Issues 2 Pull requests Projects Releases 13 Packages Wiki Activity

feat: enrichir l'édition du site public

Browse source
This commit is contained in:
Alexandre NOEL 2026-09-07 15:52:16 +02:00
commit 1df26401a3
17 changed files with 115 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

32
app/Views/settings_public_site.php
View file

@ -8,6 +8,25 @@
</div>
<?php if ($saved): ?><div class="alert alert-success">✅ <?= h(t('public_site.saved')) ?></div>
<?php endif; ?><?php if ($error): ?><div class="alert alert-danger">⚠️ <?= h($error) ?></div><?php endif; ?>
<div class="card mb-3">
<div class="card-header"><h3 class="card-title">🖼️ <?= h(t('public_site.image_library')) ?></h3></div>
<div class="card-body">
<form method="post" action="/settings/public-site/image" enctype="multipart/form-data" class="row g-2 align-items-end mb-3">
<input type="hidden" name="csrf" value="<?= h(Auth::csrf()) ?>">
<div class="col-md"><label class="form-label"><?= h(t('public_site.image_file')) ?></label><input class="form-control" type="file" name="public_site_image" accept="image/jpeg,image/png,image/webp" required></div>
<div class="col-md-auto"><button class="btn btn-outline-primary"><?= h(t('public_site.image_upload')) ?></button></div>
</form>
<div class="form-hint mb-3"><?= h(t('public_site.image_help')) ?></div>
<?php if (!$images): ?><div class="text-muted"><?= h(t('public_site.image_none')) ?></div><?php else: ?>
<div class="row g-3">
<?php foreach ($images as $image): ?><div class="col-6 col-md-3 col-xl-2">
<div class="card h-100"><img src="<?= h($image['url']) ?>" alt="" class="card-img-top" style="height:110px;object-fit:cover">
<div class="card-body p-2"><button type="button" class="btn btn-sm btn-outline-secondary w-100 public-image-insert" data-markup="<?= h('![Image](' . $image['url'] . ')') ?>"><?= h(t('public_site.image_insert')) ?></button></div>
</div>
</div><?php endforeach; ?>
</div><?php endif; ?>
</div>
</div>
<form method="post" action="/settings/public-site/save"><input type="hidden" name="csrf" value="<?= h(Auth::csrf()) ?>">
<div class="card mb-3">
<div class="card-status-top bg-green"></div>
@ -118,7 +137,7 @@
name="public_site_facebook_url" value="<?= h($settings['public_site_facebook_url']) ?>"></div>
<div class="col-md-6"><label class="form-label">Instagram</label><input class="form-control" type="url"
name="public_site_instagram_url" value="<?= h($settings['public_site_instagram_url']) ?>"></div>
<?php foreach (['mastodon' => 'Mastodon','youtube' => 'YouTube','tiktok' => 'TikTok','bluesky' => 'Bluesky'] as $network => $label): ?>
<?php foreach (['youtube' => 'YouTube','tiktok' => 'TikTok'] as $network => $label): ?>
<div class="col-md-6"><label class="form-label"><?= h($label) ?></label><input class="form-control"
type="url" name="public_site_<?= h($network) ?>_url"
value="<?= h($settings['public_site_' . $network . '_url']) ?>" placeholder="https://..."></div>
@ -142,7 +161,9 @@
<div class="text-end mb-4"><button class="btn btn-primary"><?= h(t('common.save')) ?></button></div>
</form>
<script>
let activePublicEditor = null;
document.querySelectorAll('.public-rich-text').forEach((textarea) => {
textarea.addEventListener('focus', () => { activePublicEditor = textarea; });
const toolbar = document.createElement('div');
toolbar.className = 'btn-list mb-2';
const actions = [['B', '**', '**'], ['I', '*', '*'], ['Titre', '## ', ''], ['Liste', '- ', ''], ['Lien', '[', '](https://)']];
@ -162,4 +183,13 @@ document.querySelectorAll('.public-rich-text').forEach((textarea) => {
});
textarea.before(toolbar);
});
document.querySelectorAll('.public-image-insert').forEach((button) => {
button.addEventListener('click', () => {
const textarea = activePublicEditor || document.querySelector('.public-rich-text');
if (!textarea) return;
const start = textarea.selectionStart;
textarea.setRangeText(button.dataset.markup + '\n', start, textarea.selectionEnd, 'end');
textarea.focus();
});
});
</script>