From 87a92ffd6dd94d01bd730901235d726619db11bd Mon Sep 17 00:00:00 2001
From: JP Simonnet <jean-philippe.simonnet@developpement-durable.gouv.fr>
Date: Fri, 27 Oct 2023 15:50:28 +0200
Subject: [PATCH] MAJ modeles
---
design_system_admin/modeles/dsfr_chapo.html | 3 ++
design_system_admin/modeles/dsfr_image.html | 6 +--
design_system_admin/modeles/dsfr_lien.html | 47 +++++++++++----------
design_system_admin/modeles/dsfr_video.html | 33 ++++++++-------
4 files changed, 49 insertions(+), 40 deletions(-)
create mode 100644 design_system_admin/modeles/dsfr_chapo.html
diff --git a/design_system_admin/modeles/dsfr_chapo.html b/design_system_admin/modeles/dsfr_chapo.html
new file mode 100644
index 0000000..e1895b8
--- /dev/null
+++ b/design_system_admin/modeles/dsfr_chapo.html
@@ -0,0 +1,3 @@
+[(#ENV{fin}|non)<div class="fr-text--lead chapo">]
+
+[(#ENV{fin}|oui)</div>]
\ No newline at end of file
diff --git a/design_system_admin/modeles/dsfr_image.html b/design_system_admin/modeles/dsfr_image.html
index 562d00e..c817828 100644
--- a/design_system_admin/modeles/dsfr_image.html
+++ b/design_system_admin/modeles/dsfr_image.html
@@ -78,12 +78,12 @@ Attention a bien reproduire le modele media_image pour assurer la retrocompatibi
[(#ENV{lien}|oui)</a>]
<div class=' fr-py-2v fr-col-12'>
- [(#ENV{legende}|oui) <p class='fr-content-media__caption fr-m-0'> [(#ENV{legende|PtoBR})] [(#CREDITS|PtoBR)]</p>]
- [(#ENV{legende}|non) [<p class='fr-content-media__caption fr-m-0'>(#CREDITS|PtoBR)</p>]]
+ [<p class='fr-content-media__caption fr-m-0 fr-text--xs'>Crédits : (#CREDITS)</p>]
+ [<p class='fr-content-media__caption fr-m-0'>(#ENV{legende})</p>]
[<em class='css_ressource_size fr-m-0 fr-text--xs fr-w-100 fr-display-block'>Notes : (#ENV{notes}|propre|PtoBR) </em>]
[<em class='css_ressource_size fr-m-0 fr-text--xs fr-w-100 fr-display-block'>Sources : (#ENV{sources}|propre|PtoBR) </em>]
[<em class='css_ressource_size fr-m-0 fr-text--xs fr-w-100 fr-display-block'>Traitement : (#ENV{traitement}|propre|PtoBR) </em>]
- <a href='#URL_DOCUMENT' class='fr-btn fr-btn--tertiary fr-m-0 fr-p-3v [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-telechargement}) fr-sr-only]' title="Agrandir la figure #ENV{id} (#EXTENSION, [(#TAILLE|taille_en_octets)]) "> <span class="fr-icon-zoom-in-line fr-mr-1w" aria-hidden="true"></span> [(#ENV{compact}|oui) <span class="fr-sr-only">] Agrandir [(#ENV{compact}|oui) </span>] <span class='fr-sr-only'> la figure #ENV{id} </span>
+ <a href='#URL_DOCUMENT' class='fr-btn fr-btn--tertiary fr-m-0 fr-p-3v [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-agrandir}) fr-sr-only]' title="Agrandir la figure #ENV{id} (#EXTENSION, [(#TAILLE|taille_en_octets)]) "> <span class="fr-icon-zoom-in-line fr-mr-1w" aria-hidden="true"></span> [(#ENV{compact}|oui) <span class="fr-sr-only">] Agrandir [(#ENV{compact}|oui) </span>] <span class='fr-sr-only'> la figure #ENV{id} </span>
</a>
<BOUCLE_test2_csv(CONDITION){si #GET{monfichier}}>
<a download class="fr-btn fr-btn--tertiary fr-m-0 fr-p-3v" title="Télécharger le document #ENV{id_document} ([(#GET{type_doc}),] [ (#GET{doc_taille})])" href='#GET{url_doc}'><span class="fr-icon-download-line fr-mr-1w" aria-hidden="true">
diff --git a/design_system_admin/modeles/dsfr_lien.html b/design_system_admin/modeles/dsfr_lien.html
index 9c4754b..d006be0 100644
--- a/design_system_admin/modeles/dsfr_lien.html
+++ b/design_system_admin/modeles/dsfr_lien.html
@@ -274,11 +274,8 @@ ajout des taille sm (petit) et LG (grande)
<BOUCLE_document-simple(DOCUMENTS){id_document=#ENV{doc}}{si #ENV{carte}|non}>
<div class="fr-download">
<p class="fr-m-0">
- <a href="#URL_DOCUMENT" download class="fr-download__link" [title="Télécharger le document : (#TITRE)"]>[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]
- <span class="fr-download__detail">
- [Fichier (#TYPE_DOCUMENT)] [ - (#TAILLE|taille_en_octets)]
-
- </span>
+ <a href="#URL_DOCUMENT" download class="fr-download__link" [title="<multi>{fr}Télécharger ce document {en}Download this file</multi> : (#TITRE)" : #TITRE"]>[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]
+ <span class="fr-download__detail">[<multi>{fr}Fichier {en}File</multi> (#TYPE_DOCUMENT)] [ - (#TAILLE|taille_en_octets)]</span>
</a>
</p>
</div>
@@ -310,45 +307,49 @@ ajout des taille sm (petit) et LG (grande)
</BOUCLE_condition_document>
- <BOUCLE_condition_url(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}>
[(#REM) c'est une url avec un format card ]
- <BOUCLE_url-carte(CONDITION){SI #ENV{carte}|oui}>
- <div class="fr-card fr-enlarge-link fr-card--horizontal fr-card--sm hauteur-limitee fr-mb-5v ">
+ <BOUCLE_url_carte(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{si #ENV{carte}|oui}>
+
+ <div class="fr-card fr-enlarge-link fr-card--horizontal fr-mb-2w ">
<div class="fr-card__body">
- <div class="fr-card__content fr-background-alt--orange-terre-battue">
+ <div class="fr-card__content">
<p class="fr-card__title">
<a href="#ENV{url}">#ENV{titre}</a>
</p>
- <div class="fr-card__desc">#ENV{TEXTE}</div>
+ <div class="fr-card__desc fr-mb-2w">#ENV{texte}</div>
</div>
</div>
</div>
- </BOUCLE_url-carte>
+ </BOUCLE_url_carte>
+
[(#REM) c'est une url avec un format tuile ]
- <BOUCLE_url-tuile(CONDITION){SI #ENV{tuile}|oui}>
- <div class="fr-tile fr-enlarge-link fr-tile--horizontal">
+ <BOUCLE_url_tuile(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{SI #ENV{tuile}|oui}>
+
+ <div class="fr-tile fr-enlarge-link fr-tile--horizontal fr-mb-2w">
<div class="fr-tile__body">
[<h4 class="fr-tile__title">
<a class="fr-tile__link" href="#ENV{url}">(#ENV{titre})</a>
</h4>]
- [<div class="fr-tile__desc">(#ENV{TEXTE})</div>]
+ [<div class="fr-tile__desc">(#ENV{texte})</div>]
</div>
</div>
- </BOUCLE_url-tuile>
+ </BOUCLE_url_tuile>
[(#REM) c'est une url avec un format bouton ]
- <BOUCLE_url-bouton(CONDITION){SI #ENV{bouton}|oui}>
+ <BOUCLE_url-bouton(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{SI #ENV{bouton}|oui}>
+
<a class="fr-btn fr-my-1v [(#ENV{bouton-secondaire}|oui) fr-btn--secondary] [(#ENV{bouton-tertiaire}|oui) fr-btn--tertiary] [(#ENV{sans-encadre}|oui) fr-btn--tertiary-no-outline] [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) [(#ENV{icone-seule}|non) fr-btn--icon-right ]] [(#ENV{icone-gauche}|oui) fr-btn--icon-left] [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [(#ENV{icone-seule}|oui)title="[(#ENV{titre}|oui) #ENV{titre}][(#ENV{titre}|non) #ENV{TITRE}]"] [style="width:(#ENV{largeur})"] href="#ENV{url}" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non) #ENV{titre}] - ouvre une nouvelle fenêtre"] >[(#ENV{titre})]</a>
</BOUCLE_url-bouton>
[(#REM) c'est une url avec un format tag ]
- <BOUCLE_url-tag(CONDITION){SI #ENV{tag}|oui}>
+ <BOUCLE_url-tag(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{SI #ENV{tag}|oui}>
+
<a class="fr-tag fr-my-1v [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-tag--icon-right] [(#ENV{icone-gauche}|oui) fr-tag--icon-left] [(#ENV{petit}|oui) fr-tag--sm] [(#ENV{grand}|oui) fr-tag--lg]" target="_self" href="#ENV{url}" >[(#ENV{titre})]</a>
</BOUCLE_url-tag>
@@ -361,7 +362,8 @@ ajout des taille sm (petit) et LG (grande)
ou une card
donc c'est une url simple ou avec un target blank une taille et une icone]
- <BOUCLE_url-simple(CONDITION)>
+ <BOUCLE_url-simple(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{SI #ENV{tag}|non}{SI #ENV{carte}|non}{SI #ENV{tuile}|non}{SI #ENV{bouton}|non}>
+
<a class="fr-link [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-link--icon-right] [(#ENV{icone-gauche}|oui) fr-link--icon-left] [(#ENV{petit}|oui) fr-link--sm] [(#ENV{grand}|oui) fr-link--lg]" href="#ENV{url}" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#ENV{titre}] - ouvre une nouvelle fenêtre"]>
[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#ENV{url}]
</a>
@@ -369,14 +371,15 @@ ajout des taille sm (petit) et LG (grande)
- <//B_url-tag>
+
- <//B_url-bouton>
+
+
- <//B_url-tuile>
+
- </BOUCLE_condition_url>
+
<BOUCLE_condition_pdf(CONDITION){si #ENV{url}|contient_pdf|oui}>
diff --git a/design_system_admin/modeles/dsfr_video.html b/design_system_admin/modeles/dsfr_video.html
index 6d151da..67f1ac2 100644
--- a/design_system_admin/modeles/dsfr_video.html
+++ b/design_system_admin/modeles/dsfr_video.html
@@ -1,30 +1,33 @@
#SET{aleatoire, #EVAL{rand()}}
-<figure class="fr-m-0 fr-p-0">
+
+[(#ENV{fin}|non)
+
+<figure class='fr-m-0 fr-p-0'>
[<figcaption class="fr-text--bold">(#ENV*{titre}|?{#ENV*{titre}, #TITRE})</figcaption>]
- <div class="fr-responsive-vid">
-<iframe class="fr-responsive-vid__player" loading="lazy" [src="(#ENV*{url}|?{#ENV*{url}, #URL_SITE})"] allowfullscreen allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" title="Lire la vidéo [(#ENV*{titre}|?{#ENV*{titre}, #TITRE})]" allowfullscreen></iframe>
-[<p class="fr-m-0"><strong>Notes : </strong>(#ENV*{notes}|propre|PtoBr) </p>]
-[<p class="fr-m-0"><strong>Source : </strong> (#ENV*{sources}|propre|PtoBr)</p>]
+
+<div class='fr-responsive-vid'>
+<iframe class='fr-responsive-vid__player' loading='lazy' [src='(#ENV*{url}|?{#ENV*{url}, #URL_SITE})'] allowfullscreen allow='accelerometer; encrypted-media; gyroscope; picture-in-picture' title='Lire la vidéo [(#ENV*{titre}|?{#ENV*{titre}, #TITRE})]' allowfullscreen></iframe>
+[<p class='fr-m-0'><strong>Notes : </strong>(#ENV*{notes}|propre|PtoBr) </p>]
+[<p class='fr-m-0'><strong>Source : </strong> (#ENV*{sources}|propre|PtoBr)</p>]
</div>
-<div class="fr-accordion fr-my-1w fr-btn--tertiary d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]">
+<div class='fr-accordion fr-my-1w fr-btn--tertiary d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]'>
-<div class="fr-accordion__title ">
-<button type="button" class="fr-transcription__btn" aria-controls="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}" aria-expanded="[(#GET{isressource}|=={0}|non)true">
+<div class='fr-accordion__title '>
+<button type="button" class='fr-transcription__btn' aria-controls='collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}' aria-expanded='[(#GET{isressource}|=={0}|non)true'>
Transcription
</button>
</div>
</div>
-[<div class="fr-collapse shadow" id="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}">
- <div class="fr-p-3w">
- (#ENV*{longdesc}|propre)
- </div>
-</div>
-]
+<div class='fr-collapse shadow' id='collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}'>
+<div class='fr-p-3w'>
+[(#REM) debut de la transcription : soit par longdesc, soit par texte entre les deux balises de debut et de fin]
+[(#ENV*{longdesc}|propre)]
+]
-</figure>
\ No newline at end of file
+[(#ENV{fin}|oui)</div></div></figure>]
\ No newline at end of file
--
GitLab