fix(ar1-admin): tab icon spacing via marginRight inline (primeflex non disponibile)
Il tentativo precedente usava la classe 'mr-2' (convenzione Primeflex), ma
grep conferma che primeflex NON e incluso nel progetto (nessun import in src/,
assente da package.json). 'mr-2' era classe morta → icone restavano attaccate.
Pattern corretto del progetto (vedi Ar1ComplianceModal.js:73, SchemaTemplatePicker.js:111):
<i className="pi pi-X" style={{ marginRight: '0.5rem' }} />
Soluzione: TabPanel 'leftIcon' stringa -> 'header' JSX con icona+label:
header={<span><i className="pi pi-X" style={{marginRight:'0.5rem'}} />Label</span>}
Applicato ai 5 TabPanel (Template / Policy / Regole reminder / Invio massivo /
Testi comunicazioni).
This commit is contained in:
@@ -59,7 +59,7 @@ const PEC_KIND_OPTIONS = [
|
|||||||
];
|
];
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Ar1AdminConfig — configurazione AR1 per superadmin. (build 1776950352)
|
* Ar1AdminConfig — configurazione AR1 per superadmin. (build 1776950454)
|
||||||
* URL: /ar1-admin
|
* URL: /ar1-admin
|
||||||
*
|
*
|
||||||
* 5 sezioni (TabView):
|
* 5 sezioni (TabView):
|
||||||
@@ -538,7 +538,7 @@ const Ar1AdminConfig = () => {
|
|||||||
<TabView activeIndex={activeIndex} onTabChange={(e) => setActiveIndex(e.index)}>
|
<TabView activeIndex={activeIndex} onTabChange={(e) => setActiveIndex(e.index)}>
|
||||||
|
|
||||||
{/* ================ TAB 1: TEMPLATE ================ */}
|
{/* ================ TAB 1: TEMPLATE ================ */}
|
||||||
<TabPanel header="Template" leftIcon="pi pi-file-edit mr-2">
|
<TabPanel header={<span><i className="pi pi-file-edit" style={{ marginRight: '0.5rem' }} />Template</span>}>
|
||||||
<Card title="Template in uso" style={{ marginBottom: 14 }}>
|
<Card title="Template in uso" style={{ marginBottom: 14 }}>
|
||||||
<Message severity="info" style={{ marginBottom: 14 }} text="Questi sono i template attualmente usati per la compilazione AR1. Le modifiche al layout grafico sono immediate per tutte le nuove bozze. Per cambiamenti strutturali, crea una nuova versione." />
|
<Message severity="info" style={{ marginBottom: 14 }} text="Questi sono i template attualmente usati per la compilazione AR1. Le modifiche al layout grafico sono immediate per tutte le nuove bozze. Per cambiamenti strutturali, crea una nuova versione." />
|
||||||
<DataTable value={activeTemplates} loading={loadingTpl} emptyMessage="Nessun template in uso">
|
<DataTable value={activeTemplates} loading={loadingTpl} emptyMessage="Nessun template in uso">
|
||||||
@@ -563,7 +563,7 @@ const Ar1AdminConfig = () => {
|
|||||||
</TabPanel>
|
</TabPanel>
|
||||||
|
|
||||||
{/* ================ TAB 2: POLICY ================ */}
|
{/* ================ TAB 2: POLICY ================ */}
|
||||||
<TabPanel header="Policy" leftIcon="pi pi-cog mr-2">
|
<TabPanel header={<span><i className="pi pi-cog" style={{ marginRight: '0.5rem' }} />Policy</span>}>
|
||||||
<Card>
|
<Card>
|
||||||
{!policyDraft && <p>Caricamento…</p>}
|
{!policyDraft && <p>Caricamento…</p>}
|
||||||
{policyDraft && (
|
{policyDraft && (
|
||||||
@@ -630,7 +630,7 @@ const Ar1AdminConfig = () => {
|
|||||||
</TabPanel>
|
</TabPanel>
|
||||||
|
|
||||||
{/* ================ TAB 3: REGOLE ================ */}
|
{/* ================ TAB 3: REGOLE ================ */}
|
||||||
<TabPanel header="Regole reminder" leftIcon="pi pi-bell mr-2">
|
<TabPanel header={<span><i className="pi pi-bell" style={{ marginRight: '0.5rem' }} />Regole reminder</span>}>
|
||||||
<Card>
|
<Card>
|
||||||
<Message severity="info" style={{ marginBottom: 14 }} text="Le regole definiscono QUANDO partono automaticamente le PEC di sollecito. Per il contenuto dei testi, vai al tab 'Testi comunicazioni'." />
|
<Message severity="info" style={{ marginBottom: 14 }} text="Le regole definiscono QUANDO partono automaticamente le PEC di sollecito. Per il contenuto dei testi, vai al tab 'Testi comunicazioni'." />
|
||||||
<div style={{ display: 'flex', justifyContent: 'flex-end', marginBottom: 10 }}>
|
<div style={{ display: 'flex', justifyContent: 'flex-end', marginBottom: 10 }}>
|
||||||
@@ -647,7 +647,7 @@ const Ar1AdminConfig = () => {
|
|||||||
</TabPanel>
|
</TabPanel>
|
||||||
|
|
||||||
{/* ================ TAB 4: BULK PEC ================ */}
|
{/* ================ TAB 4: BULK PEC ================ */}
|
||||||
<TabPanel header="Invio massivo" leftIcon="pi pi-send mr-2">
|
<TabPanel header={<span><i className="pi pi-send" style={{ marginRight: '0.5rem' }} />Invio massivo</span>}>
|
||||||
<Card>
|
<Card>
|
||||||
<Message severity="warn" style={{ marginBottom: 14 }} text="Questa azione segna le aziende selezionate per l'invio di una PEC di sollecito AR1. Esegui sempre prima l'anteprima per verificare il numero di destinatari." />
|
<Message severity="warn" style={{ marginBottom: 14 }} text="Questa azione segna le aziende selezionate per l'invio di una PEC di sollecito AR1. Esegui sempre prima l'anteprima per verificare il numero di destinatari." />
|
||||||
|
|
||||||
@@ -696,7 +696,7 @@ const Ar1AdminConfig = () => {
|
|||||||
</TabPanel>
|
</TabPanel>
|
||||||
|
|
||||||
{/* ================ TAB 5: TESTI PEC ================ */}
|
{/* ================ TAB 5: TESTI PEC ================ */}
|
||||||
<TabPanel header="Testi comunicazioni" leftIcon="pi pi-envelope mr-2">
|
<TabPanel header={<span><i className="pi pi-envelope" style={{ marginRight: '0.5rem' }} />Testi comunicazioni</span>}>
|
||||||
<Card>
|
<Card>
|
||||||
<Message severity="info" style={{ marginBottom: 10 }} text="Qui modifichi oggetto e corpo delle PEC inviate dal sistema. Ogni modifica incrementa la versione: il backend Gepafin sincronizza automaticamente i testi nei suoi template per-hub (PEC Massiva / Mailgun)." />
|
<Message severity="info" style={{ marginBottom: 10 }} text="Qui modifichi oggetto e corpo delle PEC inviate dal sistema. Ogni modifica incrementa la versione: il backend Gepafin sincronizza automaticamente i testi nei suoi template per-hub (PEC Massiva / Mailgun)." />
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user