Files
breadcrumb-the-shire/pages/admin/settings/branding(default).phtml
fs 9d74c8830a refactor(settings/branding): two side-by-side upload cards via barrier forms
Branding now follows the tenant-logos pattern: four hidden barrier forms
(logo upload + delete, favicon upload + delete) declared once at the top
and two file-upload partials placed side-by-side inside a grid, hooked
to their forms via the HTML5 form="..." attribute. The redundant
preview wrapper above each upload is gone — the file-upload partial
already renders the current image, replace/delete buttons and metadata.
The favicon hint moves from a separate blockquote into the upload's
hint field so it sits in the dropzone where it matters.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-25 18:37:55 +02:00

117 lines
4.8 KiB
PHTML

<?php
/**
* @var bool $canUpdateSettings
*/
use MintyPHP\Session;
$canUpdateSettings = (bool) ($canUpdateSettings ?? false);
$hasLogo = app(\MintyPHP\Service\Branding\BrandingLogoService::class)->hasLogo();
$hasFavicon = app(\MintyPHP\Service\Branding\BrandingFaviconService::class)->hasFavicon();
?>
<div class="app-details-container">
<section>
<?php
$titlebar = [
'title' => t('Branding settings'),
'backHref' => 'admin/settings',
'backTitle' => t('Cancel'),
'actions' => [],
];
require templatePath('partials/app-details-titlebar.phtml');
?>
<?php if ($canUpdateSettings): ?>
<form id="branding-logo-form" method="post" action="admin/settings/logo"
enctype="multipart/form-data" data-standard-detail-form="1" hidden>
<?php Session::getCsrfInput(); ?>
</form>
<form id="branding-logo-delete-form" method="post" action="admin/settings/logo-delete" hidden>
<?php Session::getCsrfInput(); ?>
</form>
<form id="branding-favicon-form" method="post" action="admin/settings/favicon"
enctype="multipart/form-data" hidden>
<?php Session::getCsrfInput(); ?>
</form>
<form id="branding-favicon-delete-form" method="post" action="admin/settings/favicon-delete" hidden>
<?php Session::getCsrfInput(); ?>
</form>
<?php endif; ?>
<div class="grid">
<details class="app-details-card" name="settings-branding-logo" data-details-key="settings-branding-logo" open>
<summary>
<span class="app-details-card-summary-title"><?php e(t('App logo')); ?></span>
<span class="app-details-card-summary-meta">
<span class="badge" data-variant="neutral"><?php e($hasLogo ? t('Configured') : t('Default')); ?></span>
</span>
</summary>
<div class="app-details-card-container">
<?php
$fileUpload = [
'name' => 'logo',
'accept' => 'image/svg+xml,image/png,image/jpeg,image/webp',
'hint' => t('Allowed file types: SVG, PNG, JPG, WEBP'),
'currentSrc' => $hasLogo ? appLogoUrl(256) : '',
'currentLabel' => t('App logo'),
'formId' => $canUpdateSettings ? 'branding-logo-form' : '',
'deleteFormId' => $hasLogo && $canUpdateSettings ? 'branding-logo-delete-form' : '',
'deleteConfirm' => t('Remove the app logo?'),
];
require templatePath('partials/app-file-upload.phtml');
?>
<?php if ($canUpdateSettings): ?>
<div class="app-form-actions">
<button type="submit" form="branding-logo-form" name="action" value="save" class="secondary outline">
<?php e(t('Save')); ?>
</button>
<button type="submit" form="branding-logo-form" name="action" value="save_close" class="primary">
<?php e(t('Save & close')); ?>
</button>
</div>
<?php endif; ?>
</div>
</details>
<details class="app-details-card" name="settings-branding-favicon" data-details-key="settings-branding-favicon" open>
<summary>
<span class="app-details-card-summary-title"><?php e(t('Favicon')); ?></span>
<span class="app-details-card-summary-meta">
<span class="badge" data-variant="neutral"><?php e($hasFavicon ? t('Configured') : t('Default')); ?></span>
</span>
</summary>
<div class="app-details-card-container">
<?php
$fileUpload = [
'name' => 'favicon',
'accept' => 'image/png',
'hint' => t('PNG, square recommended (icons are center-cropped)'),
'currentSrc' => $hasFavicon ? asset('favicon/favicon-32x32.png') : '',
'currentLabel' => t('Favicon'),
'formId' => $canUpdateSettings ? 'branding-favicon-form' : '',
'deleteFormId' => $hasFavicon && $canUpdateSettings ? 'branding-favicon-delete-form' : '',
'deleteConfirm' => t('Remove the favicon?'),
];
require templatePath('partials/app-file-upload.phtml');
?>
<?php if ($canUpdateSettings): ?>
<div class="app-form-actions">
<button type="submit" form="branding-favicon-form" name="action" value="save" class="secondary outline">
<?php e(t('Save')); ?>
</button>
<button type="submit" form="branding-favicon-form" name="action" value="save_close" class="primary">
<?php e(t('Save & close')); ?>
</button>
</div>
<?php endif; ?>
</div>
</details>
</div>
</section>
<aside id="app-details-aside-section">
<div class="app-details-aside-section"></div>
</aside>
</div>