Enhance refund display in mobile event management by introducing a collapsible summary panel for invoice details. This update improves user experience by providing bilingual labels for the transaction visibility toggle and a visually distinct layout for better clarity during the refund process.

This commit is contained in:
2026-06-27 11:27:46 -04:00
parent 95536edec5
commit 373483b4eb

View File

@ -83,7 +83,28 @@ switch ($strAction) {
require_once $_SERVER['DOCUMENT_ROOT'] . '/php/inc_fx_panier.php';
$strResume = fxShowPanier($recCommandes['no_panier'], 0, 'web', 1, $strLangue);
$strHtml = '<div class="ms1-refund-resume" style="margin-bottom:12px;">' . $strResume . '</div>' . $strForm;
// Libelles bilingues du bouton repliable.
$strLblShow = ($strLangue === 'en') ? 'Show transaction' : 'Afficher la transaction';
$strLblHide = ($strLangue === 'en') ? 'Hide transaction' : 'Masquer la transaction';
// Panneau repliable distinct (masque par defaut) : en-tete bleu + encadre + fond teinte,
// pour qu'il ressorte clairement comme une facture et ne se fonde pas dans la page.
$strResumeBlock =
'<details id="ms1-refund-resume" class="ms1-refund-resume"'
. ' style="margin-bottom:14px;border:1px solid #2d6cdf;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.12);">'
. '<summary style="cursor:pointer;list-style:none;padding:10px 14px;font-weight:600;color:#fff;background:#2d6cdf;">'
. '<span class="ms1-resume-when-closed">&#9656; ' . $strLblShow . '</span>'
. '<span class="ms1-resume-when-open">&#9662; ' . $strLblHide . '</span>'
. '</summary>'
. '<div style="padding:14px;background:#f4f7fc;border-top:1px solid #cfe0ff;">' . $strResume . '</div>'
. '</details>'
. '<style>'
. '#ms1-refund-resume[open] .ms1-resume-when-closed{display:none;}'
. '#ms1-refund-resume:not([open]) .ms1-resume-when-open{display:none;}'
. '#ms1-refund-resume summary::-webkit-details-marker{display:none;}'
. '</style>';
$strHtml = $strResumeBlock . $strForm;
$tabRetour = array('state' => 'ok', 'html' => $strHtml);
break;