diff --git a/design_system_admin/modeles/dsfr_lien.html b/design_system_admin/modeles/dsfr_lien.html index 4dfdf86490b5e1392dedeb14e8fd44d8707bf326..25c2a6fec89336eb1e323233c923897058a135a3 100644 --- a/design_system_admin/modeles/dsfr_lien.html +++ b/design_system_admin/modeles/dsfr_lien.html @@ -9,7 +9,6 @@ Gestion des liens d'article, de rubriques d'url et de doc avec les modeles corre [(#ENV{fin}|oui)</div>] [(#REM) gestion des icones ] - [(#ENV{icone}|=={ajouter}|oui) #SET{mon-icone, ' fr-icon-file-add-fill'} ] [(#ENV{icone}|=={ampoule}|oui) #SET{mon-icone, ' fr-icon-lightbulb-fill'} ] [(#ENV{icone}|=={archive}|oui) #SET{mon-icone, ' fr-icon-archive-fill'} ] @@ -152,11 +151,9 @@ Gestion des liens d'article, de rubriques d'url et de doc avec les modeles corre [(#REM)icone par defaut] [(#ENV{icone}|oui) #SET{mon-icone, ' fr-icon-arrow-right-line'} ] - [(#ENV{icone-dsfr}|oui) #SET{mon-icone, #ENV{icone-dsfr}}] -[(#REM) gestion des couleurs ] - +[(#REM) gestion des couleurs ] [(#ENV{couleur}|=={jaune}|oui) #SET{ma_couleur, 'fr-callout--yellow-moutarde'} ] [(#ENV{couleur}|=={jaune-clair}|oui) #SET{ma_couleur, 'fr-callout--yellow-tournesol'} ] [(#ENV{couleur}|=={bleu}|oui) #SET{ma_couleur, 'fr-callout--blue-cumulus'} ] @@ -192,198 +189,392 @@ Gestion des liens d'article, de rubriques d'url et de doc avec les modeles corre [(#ENV{couleur_badge}|=={rouge}|oui) #SET{moncouleurbadge, 'fr-badge--error'} ] [(#ENV{couleur_badge}|=={vert}|oui) #SET{moncouleurbadge, 'fr-badge--success'} ] - - -<BOUCLE_condition_rubrique(CONDITION){si #ENV{rub}|oui}> - [(#REM) c'est une rubrique ] - - - [(#REM) c'est une rubrique avec un format card ] +[(#REM) c'est un article ] +<BOUCLE_condition_article(CONDITION){si #ENV{id}|oui}> + + [(#REM) c'est un article avec un format card ] + <BOUCLE_article-carte(ARTICLES){SI #ENV{carte}|oui}{id_article=#ENV{id}} > + + [(#ENV{vertical}|oui) + <div class="fr-col fr-col-12 + [(#ENV{2cartes}|oui) fr-col-md-6 ] + [(#ENV{3cartes}|oui) fr-col-md-4 ] + [(#ENV{4cartes}|oui) fr-col-md-3 ] + ">] + + <div class="fr-card fr-enlarge-link + [(#ENV{vertical}|non) fr-card--horizontal] + [(#ENV{ratio50}|oui) fr-card--horizontal-half] + [(#ENV{ratio30}|oui) fr-card--horizontal-tier] + fr-card--sm [(#ENV{hauteur}|oui) hauteur-limitee ] fr-mb-2w "> + <div class="fr-card__body"> + <div class="fr-card__content [(#GET{ma_couleur})]"> + <p class="fr-card__title"> + <a href="#URL_ARTICLE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> + </p> + <div class="fr-card__desc">[(#INTRODUCTION{150})]</div> + [<div class="fr-card__start"> + <ul class="fr-badges-group"> + <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li> + </ul> + </div>] + [(#ENV{sans-date}|non)<div class="fr-card__start"> + <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p> + </div>] + </div> + </div> + + <BOUCLE_conditionsimage_a0(CONDITION){SI #ENV{sans-image}|non}> + <div class="fr-card__header"> + <div class="fr-card__img"> + <BOUCLE_conditionsimage_a(CONDITION){SI #ENV{logo}|oui}> + [(#LOGO_ARTICLE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_conditionsimage_a> + + <BOUCLE_conditionsimage_a2(CONDITION){SI #ENV{image}|oui}> + <BOUCLE_image_bignews_a3(DOCUMENTS){id_article}{0,1}> + [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_image_bignews_a3> + </BOUCLE_conditionsimage_a2> + + <BOUCLE_conditionsimage_id(CONDITION){SI #ENV{image_id}|oui}> + <BOUCLE_image_doc_id(DOCUMENTS){id_document=#ENV{image_id}}{0,1}> + [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_image_doc_id> + </BOUCLE_conditionsimage_id> + + <BOUCLE_conditionsimage_a3(CONDITION){SI #ENV{image}|non}{SI #ENV{logo}|non}{SI #ENV{image_id}|non}> + <BOUCLE_theme23_a(MOTS){id_article}{id_groupe=14}> + #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)} + <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}" alt=""> + </BOUCLE_theme23_a> + <BOUCLE_image_par_defaut(ARTICLES){id_article}{0,1}> + [(#LOGO_ARTICLE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_image_par_defaut> - <BOUCLE_rubrique-carte(RUBRIQUES){SI #ENV{carte}|oui}{id_rubrique=#ENV{rub}} > - [(#ENV{vertical}|oui) - <div class="fr-col fr-col-12 - [(#ENV{2cartes}|oui) fr-col-md-6 ] - [(#ENV{3cartes}|oui) fr-col-md-4 ] - [(#ENV{4cartes}|oui) fr-col-md-3 ] - ">] - <div class="fr-card fr-enlarge-link - [(#ENV{vertical}|non) fr-card--horizontal] - [(#ENV{ratio50}|oui) fr-card--horizontal-half] - [(#ENV{ratio30}|oui) fr-card--horizontal-tier] - fr-card--sm [(#ENV{hauteur}|oui) hauteur-limitee ] fr-mb-2w "> - <div class="fr-card__body"> - <div class="fr-card__content [(#GET{ma_couleur})]"> - <p class="fr-card__title"> - <a href="#URL_RUBRIQUE">#TITRE</a> - </p> - <div class="fr-card__desc">[(#INTRODUCTION{150})]</div> - [<div class="fr-card__start"> - <ul class="fr-badges-group"> - <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li> - </ul> - </div>] - [(#ENV{sans-date}|non)<div class="fr-card__start"> - <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p> - </div>] - </div> - </div> - <BOUCLE_conditionsimage0(CONDITION){SI #ENV{sans-image}|non}> - <div class="fr-card__header"> - <div class="fr-card__img"> - <BOUCLE_conditionsimage(CONDITION){SI #ENV{logo}|oui}> - [(#LOGO_ARTICLE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - </BOUCLE_conditionsimage> - - <BOUCLE_conditionsimage2(CONDITION){SI #ENV{image}|oui}> - <BOUCLE_image_bignews3(DOCUMENTS){id_rubrique}{0,1}> - [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - </BOUCLE_image_bignews3> - </BOUCLE_conditionsimage2> - - <BOUCLE_conditionsimagerub_id(CONDITION){SI #ENV{image_id}|oui}> - <BOUCLE_image_docrub_id(DOCUMENTS){id_document=#ENV{image_id}}{0,1}> - [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - </BOUCLE_image_docrub_id> - </BOUCLE_conditionsimagerub_id> - - <BOUCLE_conditionsimage3(CONDITION){SI #ENV{image}|non}{SI #ENV{logo}|non}{SI #ENV{image_id}|non}> - <BOUCLE_theme23(MOTS){id_rubrique}{id_groupe=14}> - #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)} - <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}" alt=""> - </BOUCLE_theme23> - [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - <//B_theme23> - </BOUCLE_conditionsimage3> - - </div> - </div> - </BOUCLE_conditionsimage0> - - </div> - - [(#ENV{vertical}|oui)</div>] - </BOUCLE_rubrique-carte> - - [(#REM) c'est une rubrique avec un format tuile ] + <//B_theme23_a> + </BOUCLE_conditionsimage_a3> - <BOUCLE_rubrique-tuile(RUBRIQUES){SI #ENV{tuile}|oui} {id_rubrique=#ENV{rub}}> - [(#ENV{vertical}|oui) - <div class="fr-col fr-col-12 - [(#ENV{2cartes}|oui) fr-col-md-6 ] - [(#ENV{3cartes}|oui) fr-col-md-4 ] - [(#ENV{4cartes}|oui) fr-col-md-3 ] - ">] - <div class="fr-tile fr-enlarge-link [(#ENV{vertical}|non)fr-tile--horizontal] fr-mb-2w"> - <div class="fr-tile__body"> - <div class="fr-tile__content"> - <h4 class="fr-tile__title"> - <a class="" href="#URL_RUBRIQUE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> - </h4> - <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div> - </div> - </div> - <BOUCLE_conditionstuileimage(CONDITION){SI #ENV{sans-image}|non}> - <div class="fr-tile__img"> - - - <BOUCLE_image_rub_tuile(DOCUMENTS){id_rubrique}{0,1}> - [(#FICHIER |image_reduire{80,80} |image_recadre{80,80,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - </BOUCLE_image_rub_tuile> - - <BOUCLE_theme25(MOTS){id_rubrique}{id_groupe=14}> - #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)} - <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}" alt=""> - </BOUCLE_theme25> - - - </div> - </BOUCLE_conditionstuileimage> - </div> - [(#ENV{vertical}|oui)</div>] - </BOUCLE_rubrique-tuile> + </div> + </div> + </BOUCLE_conditionsimage_a0> + + </div> + [(#ENV{vertical}|oui)</div>] + </BOUCLE_article-carte> + + [(#REM) c'est un article avec un format tuile ] + <BOUCLE_article-tuile(ARTICLES){SI #ENV{tuile}|oui} {id_article=#ENV{id}}> + [(#ENV{vertical}|oui) + <div class="fr-col fr-col-12 + [(#ENV{2cartes}|oui) fr-col-md-6 ] + [(#ENV{3cartes}|oui) fr-col-md-4 ] + [(#ENV{4cartes}|oui) fr-col-md-3 ] + ">] + <div class="fr-tile fr-enlarge-link [(#ENV{vertical}|non)fr-tile--horizontal] fr-mb-2w"> + <div class="fr-tile__body"> + <div class="fr-tile__content"> + <h4 class="fr-tile__title"> + <a class="fr-tile__link" href="#URL_ARTICLE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> + </h4> + <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div> + </div> + </div> + <BOUCLE_conditionstuileimage2(CONDITION){SI #ENV{sans-image}|non}> + <div class="fr-tile__img"> + <BOUCLE_image_tuile(DOCUMENTS){id_article}{0,1}> + [(#FICHIER |image_reduire{200,350} |image_recadre{200,200,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_image_tuile> + <img src="#CHEMIN{../dse_theme/images/ODD-banniere-agenda.jpg}" width="250" height="140" class="fr-responsive-img" alt="" /> + <//B_image_tuile> + </div> + </BOUCLE_conditionstuileimage2> + </div> + [(#ENV{vertical}|oui)</div>] + </BOUCLE_article-tuile> + + [(#REM) c'est un article avec un format bouton ] + <BOUCLE_article-bouton(ARTICLES){SI #ENV{bouton}|oui} {id_article=#ENV{id}}> + <a class="fr-btn fr-my-1v [(#ENV{secondaire}|oui) fr-btn--secondary] [(#ENV{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) #TITRE]"] [style="width:(#ENV{largeur})"] href="#URL_ARTICLE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non) #TITRE] - ouvre une nouvelle fenêtre"] > [(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> + </BOUCLE_article-bouton> + + [(#REM) c'est un article avec un format tag ] + <BOUCLE_article-tag(ARTICLES){SI #ENV{tag}|oui} {id_article=#ENV{id}}> + <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="#URL_ARTICLE" >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> + </BOUCLE_article-tag> + + [(#REM) ce n'est pas une card ou une tuile ou un bouton ou un tag + donc c'est un article simple ou avec un target blank une taille et une icone] + + <BOUCLE_article-simple(ARTICLES){id_article=#ENV{id}}{SI #ENV{carte}|non}{SI #ENV{tuile}|non}{SI #ENV{bouton}|non}{SI #ENV{tag}|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="#URL_ARTICLE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#TITRE] - ouvre une nouvelle fenêtre"]> + [(#ENV{titre}|oui) #ENV{titre}][(#ENV{titre}|non) #TITRE] + </a> + </BOUCLE_article-simple> + + +</BOUCLE_condition_article> + +[(#REM) c'est une rubrique ] +<BOUCLE_condition_rubrique(CONDITION){si #ENV{rub}|oui}> - [(#REM) c'est un article avec un format bouton ] + [(#REM) c'est une rubrique avec un format card ] + <BOUCLE_rubrique-carte(RUBRIQUES){SI #ENV{carte}|oui}{id_rubrique=#ENV{rub}} > + [(#ENV{vertical}|oui) + <div class="fr-col fr-col-12 + [(#ENV{2cartes}|oui) fr-col-md-6 ] + [(#ENV{3cartes}|oui) fr-col-md-4 ] + [(#ENV{4cartes}|oui) fr-col-md-3 ] + ">] + <div class="fr-card fr-enlarge-link + [(#ENV{vertical}|non) fr-card--horizontal] + [(#ENV{ratio50}|oui) fr-card--horizontal-half] + [(#ENV{ratio30}|oui) fr-card--horizontal-tier] + fr-card--sm [(#ENV{hauteur}|oui) hauteur-limitee ] fr-mb-2w "> + <div class="fr-card__body"> + <div class="fr-card__content [(#GET{ma_couleur})]"> + <p class="fr-card__title"> + <a href="#URL_RUBRIQUE">#TITRE</a> + </p> + <div class="fr-card__desc">[(#INTRODUCTION{150})]</div> + [<div class="fr-card__start"> + <ul class="fr-badges-group"> + <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li> + </ul> + </div>] + [(#ENV{sans-date}|non)<div class="fr-card__start"> + <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p> + </div>] + </div> + </div> + <BOUCLE_conditionsimage0(CONDITION){SI #ENV{sans-image}|non}> + <div class="fr-card__header"> + <div class="fr-card__img"> + <BOUCLE_conditionsimage(CONDITION){SI #ENV{logo}|oui}> + [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_conditionsimage> + + <BOUCLE_conditionsimage2(CONDITION){SI #ENV{image}|oui}> + <BOUCLE_image_bignews3(DOCUMENTS){id_rubrique}{0,1}> + [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_image_bignews3> + </BOUCLE_conditionsimage2> + + <BOUCLE_conditionsimagerub_id(CONDITION){SI #ENV{image_id}|oui}> + <BOUCLE_image_docrub_id(DOCUMENTS){id_document=#ENV{image_id}}{0,1}> + [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_image_docrub_id> + </BOUCLE_conditionsimagerub_id> + + <BOUCLE_conditionsimage3(CONDITION){SI #ENV{image}|non}{SI #ENV{logo}|non}{SI #ENV{image_id}|non}> + <BOUCLE_theme23(MOTS){id_rubrique}{id_groupe=14}> + #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)} + <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}" alt=""> + </BOUCLE_theme23> + [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + <//B_theme23> + </BOUCLE_conditionsimage3> + + </div> + </div> + </BOUCLE_conditionsimage0> + </div> + [(#ENV{vertical}|oui)</div>] + </BOUCLE_rubrique-carte> + + [(#REM) c'est une rubrique avec un format tuile ] + + <BOUCLE_rubrique-tuile(RUBRIQUES){SI #ENV{tuile}|oui} {id_rubrique=#ENV{rub}}> + [(#ENV{vertical}|oui) + <div class="fr-col fr-col-12 + [(#ENV{2cartes}|oui) fr-col-md-6 ] + [(#ENV{3cartes}|oui) fr-col-md-4 ] + [(#ENV{4cartes}|oui) fr-col-md-3 ] + ">] + <div class="fr-tile fr-enlarge-link [(#ENV{vertical}|non)fr-tile--horizontal] fr-mb-2w"> + <div class="fr-tile__body"> + <div class="fr-tile__content"> + <h4 class="fr-tile__title"> + <a class="" href="#URL_RUBRIQUE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> + </h4> + <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div> + </div> + </div> + <BOUCLE_conditionstuileimage(CONDITION){SI #ENV{sans-image}|non}> + <div class="fr-tile__img"> + + + <BOUCLE_image_rub_tuile(DOCUMENTS){id_rubrique}{0,1}> + [(#FICHIER |image_reduire{80,80} |image_recadre{80,80,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_image_rub_tuile> + + <BOUCLE_theme25(MOTS){id_rubrique}{id_groupe=14}> + #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)} + <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}" alt=""> + </BOUCLE_theme25> + + + </div> + </BOUCLE_conditionstuileimage> + </div> + [(#ENV{vertical}|oui)</div>] + </BOUCLE_rubrique-tuile> - <BOUCLE_rubrique-bouton(RUBRIQUES){SI #ENV{bouton}|oui} {id_rubrique=#ENV{rub}}> - <a class="fr-btn fr-my-1v [(#ENV{secondaire}|oui) fr-btn--secondary] [(#ENV{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) #TITRE]"] [style="width:(#ENV{largeur})"] href="#URL_RUBRIQUE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non) #TITRE] - ouvre une nouvelle fenêtre"] >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> - </BOUCLE_rubrique-bouton> + [(#REM) c'est un article avec un format bouton ] - [(#REM) c'est un article avec un format tag ] - - <BOUCLE_rubrique-tag(RUBRIQUES){SI #ENV{tag}|oui} {id_rubrique=#ENV{rub}}> - <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="#URL_RUBRIQUE" >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> - </BOUCLE_rubrique-tag> - - [(#REM) ce n'est pas - une card - ou une tuile - ou un bouton - ou un tag - donc c'est une rubrique simple ou avec un target blank une taille et une icone] - - <BOUCLE_rubrique-simple(RUBRIQUES){id_rubrique=#ENV{rub}}{SI #ENV{carte}|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="#URL_RUBRIQUE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#TITRE] - ouvre une nouvelle fenêtre"]> - [(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE] - </a> - </BOUCLE_rubrique-simple> + <BOUCLE_rubrique-bouton(RUBRIQUES){SI #ENV{bouton}|oui} {id_rubrique=#ENV{rub}}> + <a class="fr-btn fr-my-1v [(#ENV{secondaire}|oui) fr-btn--secondary] [(#ENV{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) #TITRE]"] [style="width:(#ENV{largeur})"] href="#URL_RUBRIQUE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non) #TITRE] - ouvre une nouvelle fenêtre"] >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> + </BOUCLE_rubrique-bouton> - <//B_rubrique-tag> - - <//B_rubrique-bouton> + [(#REM) c'est un article avec un format tag ] + + <BOUCLE_rubrique-tag(RUBRIQUES){SI #ENV{tag}|oui} {id_rubrique=#ENV{rub}}> + <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="#URL_RUBRIQUE" >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> + </BOUCLE_rubrique-tag> - <//B_rubrique-tuile> + [(#REM) ce n'est pas une card ou une tuile ou un bouton ou un tag + donc c'est une rubrique simple ou avec un target blank une taille et une icone] - <//B_rubrique-carte> + <BOUCLE_rubrique-simple(RUBRIQUES){id_rubrique=#ENV{rub}}{SI #ENV{carte}|non}{SI #ENV{tuile}|non}{SI #ENV{bouton}|non}{SI #ENV{tag}|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="#URL_RUBRIQUE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#TITRE] - ouvre une nouvelle fenêtre"]> + [(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE] + </a> + </BOUCLE_rubrique-simple> </BOUCLE_condition_rubrique> - <BOUCLE_condition_document(CONDITION){si #ENV{doc}|oui}> - - [(#REM) c'est une document simple] - - <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="<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> - </BOUCLE_document-simple> - - - - <BOUCLE_document-carte(DOCUMENTS){id_document=#ENV{doc}}{si #ENV{carte}|oui}> - - [(#REM) c'est une document au format carte] - <div class="fr-download fr-enlarge-link fr-download--card"> - <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)] +[(#REM) c'est un mot clé ] +<BOUCLE_condition_mot(CONDITION){si #ENV{mot}|oui}> + + [(#REM) c'est une mot avec un format card ] + <BOUCLE_mot-carte(MOTS){SI #ENV{carte}|oui}{id_mot=#ENV{mot}} > + [(#ENV{vertical}|oui) + <div class="fr-col fr-col-12 + [(#ENV{2cartes}|oui) fr-col-md-6 ] + [(#ENV{3cartes}|oui) fr-col-md-4 ] + [(#ENV{4cartes}|oui) fr-col-md-3 ] + ">] + <div class="fr-card fr-enlarge-link + [(#ENV{vertical}|non) fr-card--horizontal] + [(#ENV{ratio50}|oui) fr-card--horizontal-half] + [(#ENV{ratio30}|oui) fr-card--horizontal-tier] + fr-card--sm [(#ENV{hauteur}|oui) hauteur-limitee ] fr-mb-2w "> + <div class="fr-card__body"> + <div class="fr-card__content [(#GET{ma_couleur})]"> + <p class="fr-card__title"> + <a href="#URL_MOT">#TITRE</a> + </p> + <div class="fr-card__desc">[(#INTRODUCTION{150})]</div> + [<div class="fr-card__start"> + <ul class="fr-badges-group"> + <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li> + </ul> + </div>] + [(#ENV{sans-date}|non)<div class="fr-card__start"> + <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p> + </div>] + </div> + </div> + <BOUCLE_conditions_sansimage_mot(CONDITION){SI #ENV{sans-image}|non}> + <div class="fr-card__header"> + <div class="fr-card__img"> + <BOUCLE_conditions_logo_mot(CONDITION){SI #ENV{logo}|oui}> + [(#LOGO_MOT|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_conditions_logo_mot> + + <BOUCLE_conditions_image_logo_mot(CONDITION){SI #ENV{image}|oui}> + <BOUCLE_conditions_image_logo_mot_doc(DOCUMENTS){id_mot}{0,1}> + [(#FICHIER|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_conditions_image_logo_mot_doc> + </BOUCLE_conditions_image_logo_mot> + + <BOUCLE_conditions_image_logo_mot_id(CONDITION){SI #ENV{image_id}|oui}> + <BOUCLE_conditions_image_logo_mot_id2(DOCUMENTS){id_document=#ENV{image_id}}{0,1}> + [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_conditions_image_logo_mot_id2> + </BOUCLE_conditions_image_logo_mot_id> + + <BOUCLE_conditions_image_non(CONDITION){SI #ENV{image}|non}{SI #ENV{logo}|non}{SI #ENV{image_id}|non}{SI #ENV{logo}|non}> + <BOUCLE_theme99(MOTS){id_mot}{id_groupe=14}> + #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)} + <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}" alt=""> + </BOUCLE_theme99> + + [(#LOGO_MOT|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + <//B_theme99> + </BOUCLE_conditions_image_non> - </span> - </a> - </p> - [<p class="fr-download__desc">(#DESCRIPTIF*)</p>] + </div> + </div> + </BOUCLE_conditions_sansimage_mot> + </div> + [(#ENV{vertical}|oui)</div>] + </BOUCLE_mot-carte> + + [(#REM) c'est une mot avec un format tuile ] + + <BOUCLE_mot-tuile(MOTS){SI #ENV{tuile}|oui} {id_mot=#ENV{mot}}> + [(#ENV{vertical}|oui) + <div class="fr-col fr-col-12 + [(#ENV{2cartes}|oui) fr-col-md-6 ] + [(#ENV{3cartes}|oui) fr-col-md-4 ] + [(#ENV{4cartes}|oui) fr-col-md-3 ] + ">] + <div class="fr-tile fr-enlarge-link [(#ENV{vertical}|non)fr-tile--horizontal] fr-mb-2w"> + <div class="fr-tile__body"> + <div class="fr-tile__content"> + <h4 class="fr-tile__title"> + <a class="" href="#URL_MOT">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> + </h4> + <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div> </div> + </div> + <BOUCLE_conditionstuileimage_mot(CONDITION){SI #ENV{sans-image}|non}> + <div class="fr-tile__img"> + <BOUCLE_image_mot_tuile(DOCUMENTS){id_mot}{0,1}> + [(#FICHIER |image_reduire{80,80} |image_recadre{80,80,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] + </BOUCLE_image_mot_tuile> + + <BOUCLE_theme199(MOTS){id_mot}{id_groupe=14}> + #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)} + <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}" alt=""> + </BOUCLE_theme199> + </div> + </BOUCLE_conditionstuileimage_mot> + </div> + [(#ENV{vertical}|oui)</div>] + </BOUCLE_mot-tuile> - </BOUCLE_document-carte> + [(#REM) c'est un mot avec un format bouton ] + <BOUCLE_mot-bouton(MOTS){SI #ENV{bouton}|oui} {id_mot=#ENV{mot}}> + <a class="fr-btn fr-my-1v [(#ENV{secondaire}|oui) fr-btn--secondary] [(#ENV{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) #TITRE]"] [style="width:(#ENV{largeur})"] href="#URL_MOT" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non) #TITRE] - ouvre une nouvelle fenêtre"] >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> + </BOUCLE_mot-bouton> + [(#REM) c'est un mot avec un format tag ] + + <BOUCLE_mot-tag(MOTS){SI #ENV{tag}|oui} {id_mot=#ENV{mot}}> + <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="#URL_MOT" >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> + </BOUCLE_mot-tag> + [(#REM) ce n'est pas une card ou une tuile ou un bouton ou un tag + donc c'est un mot simple ou avec un target blank une taille et une icone] + <BOUCLE_mot-simple(MOTS){id_mot=#ENV{mot}}{SI #ENV{carte}|non}{SI #ENV{tuile}|non}{SI #ENV{bouton}|non}{SI #ENV{tag}|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="#URL_RUBRIQUE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#TITRE] - ouvre une nouvelle fenêtre"]> + [(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE] + </a> + </BOUCLE_mot-simple> - </BOUCLE_condition_document> +</BOUCLE_condition_mot> - - [(#REM) c'est une url avec un format card ] - <BOUCLE_url_carte(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{si #ENV{carte}|oui}> +[(#REM) c'est une url qui ne contient pas de pdf ] +<BOUCLE_condition_url(CONDITION){si #ENV{url}|contient_pdf|non}> + [(#REM) c'est une url avec un format card ] + <BOUCLE_url_carte(CONDITION){si #ENV{url}|oui}{si #ENV{carte}|oui}> [(#ENV{vertical}|oui) <div class="fr-col fr-col-12 @@ -425,10 +616,8 @@ Gestion des liens d'article, de rubriques d'url et de doc avec les modeles corre [(#ENV{vertical}|oui)</div>] </BOUCLE_url_carte> - [(#REM) c'est une url avec un format tuile ] - - <BOUCLE_url_tuile(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{SI #ENV{tuile}|oui}> + <BOUCLE_url_tuile(CONDITION){si #ENV{url}|oui}{SI #ENV{tuile}|oui}> [(#ENV{vertical}|oui) <div class="fr-col fr-col-12 [(#ENV{2cartes}|oui) fr-col-md-6 ] @@ -460,228 +649,97 @@ Gestion des liens d'article, de rubriques d'url et de doc avec les modeles corre </BOUCLE_url_tuile> [(#REM) c'est une url avec un format bouton ] - - <BOUCLE_url-bouton(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{SI #ENV{bouton}|oui}> + <BOUCLE_url-bouton(CONDITION){si #ENV{url}|oui}{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{url}|oui}{si #ENV{url}|contient_pdf|non}{SI #ENV{tag}|oui}> + [(#REM) c'est une url avec un format tag ] + <BOUCLE_url-tag(CONDITION){si #ENV{url}|oui}{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> - + </BOUCLE_url-tag> - [(#REM) ce n'est pas - une card - ou une tuile - ou un bouton - ou un tag - ou une card + [(#REM) ce n'est pas une card - ou une tuile - ou un bouton - ou un tag - ou une card donc c'est une url simple ou avec un target blank une taille et une icone] - - <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}> + <BOUCLE_url-simple(CONDITION){si #ENV{url}|oui}{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> </BOUCLE_url-simple> + +</BOUCLE_condition_url> + +[(#REM) c'est un document] +<BOUCLE_condition_document(CONDITION){si #ENV{doc}|oui}> + + [(#REM) c'est un document a telecharger mais pas au format carte] + <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="<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> + </BOUCLE_document-simple> + + [(#REM) c'est un document a telecharger au format carte] + <BOUCLE_document-carte(DOCUMENTS){id_document=#ENV{doc}}{si #ENV{carte}|oui}> - <BOUCLE_condition_pdf(CONDITION){si #ENV{url}|contient_pdf|oui}> - - <BOUCLE_condition_document-pdf(CONDITION){si #ENV{doc}|non}> - - [(#REM) c'est un lien vers un pdf ] - - [(#REM) c'est une lien simple vers un document pdf] - - <BOUCLE_document-simple-pdf(CONDITION){si #ENV{carte}|non}> - <div class="fr-download"> - <p class="fr-m-0"> - <a href="#ENV{url}" download class="fr-download__link" [title="Télécharger le document : (#ENV{titre})"]>[(#ENV{titre})] - <span class="fr-download__detail"> - [Fichier (#ENV{type}) [ - (#ENV{poids})]] - </span> - </a> - </p> - </div> - </BOUCLE_document-simple-pdf> - - [(#REM) c'est une lien simple au format carte vers un document pdf] - - <BOUCLE_document-carte-pdf(CONDITION){si #ENV{carte}|oui}> - - <div class="fr-download fr-enlarge-link fr-download--card"> - <p class="fr-m-0"> - <a href="#URL_DOCUMENT" download class="fr-download__card" [title="Télécharger le document : (#TITRE)"]>[(#ENV{titre})] - <span class="fr-download__detail"> - [Fichier (#ENV{type}) [ - (#ENV{poids})]] - - </span> - </a> - </p> - [<p class="fr-download__desc">(#ENV{texte})</p>] - </div> - - </BOUCLE_document-carte-pdf> - - </BOUCLE_condition_document-pdf> - - - </BOUCLE_condition_pdf> - - <BOUCLE_condition_article(CONDITION){si #ENV{id}|oui}> - [(#REM) c'est un article ] - - [(#REM) c'est un article avec un format card ] - - <BOUCLE_article-carte(ARTICLES){SI #ENV{carte}|oui}{id_article=#ENV{id}} > - - [(#ENV{vertical}|oui) - <div class="fr-col fr-col-12 - [(#ENV{2cartes}|oui) fr-col-md-6 ] - [(#ENV{3cartes}|oui) fr-col-md-4 ] - [(#ENV{4cartes}|oui) fr-col-md-3 ] - ">] - - <div class="fr-card fr-enlarge-link - [(#ENV{vertical}|non) fr-card--horizontal] - [(#ENV{ratio50}|oui) fr-card--horizontal-half] - [(#ENV{ratio30}|oui) fr-card--horizontal-tier] - fr-card--sm [(#ENV{hauteur}|oui) hauteur-limitee ] fr-mb-2w "> - <div class="fr-card__body"> - <div class="fr-card__content [(#GET{ma_couleur})]"> - <p class="fr-card__title"> - <a href="#URL_ARTICLE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> - </p> - <div class="fr-card__desc">[(#INTRODUCTION{150})]</div> - [<div class="fr-card__start"> - <ul class="fr-badges-group"> - <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li> - </ul> - </div>] - [(#ENV{sans-date}|non)<div class="fr-card__start"> - <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p> - </div>] - </div> - </div> - - <BOUCLE_conditionsimage_a0(CONDITION){SI #ENV{sans-image}|non}> - <div class="fr-card__header"> - <div class="fr-card__img"> - <BOUCLE_conditionsimage_a(CONDITION){SI #ENV{logo}|oui}> - [(#LOGO_ARTICLE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - </BOUCLE_conditionsimage_a> - - <BOUCLE_conditionsimage_a2(CONDITION){SI #ENV{image}|oui}> - <BOUCLE_image_bignews_a3(DOCUMENTS){id_article}{0,1}> - [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - </BOUCLE_image_bignews_a3> - </BOUCLE_conditionsimage_a2> - - <BOUCLE_conditionsimage_id(CONDITION){SI #ENV{image_id}|oui}> - <BOUCLE_image_doc_id(DOCUMENTS){id_document=#ENV{image_id}}{0,1}> - [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - </BOUCLE_image_doc_id> - </BOUCLE_conditionsimage_id> - - <BOUCLE_conditionsimage_a3(CONDITION){SI #ENV{image}|non}{SI #ENV{logo}|non}{SI #ENV{image_id}|non}> - <BOUCLE_theme23_a(MOTS){id_article}{id_groupe=14}> - #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)} - <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}" alt=""> - </BOUCLE_theme23_a> - - <BOUCLE_image_par_defaut(ARTICLES){id_article}{0,1}> - [(#LOGO_ARTICLE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - </BOUCLE_image_par_defaut> - - <//B_theme23_a> - </BOUCLE_conditionsimage_a3> - - </div> - </div> - </BOUCLE_conditionsimage_a0> - - </div> - [(#ENV{vertical}|oui)</div>] - </BOUCLE_article-carte> + [(#REM) c'est une document au format carte] - [(#REM) c'est un article avec un format tuile ] + <div class="fr-download fr-enlarge-link fr-download--card"> + <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)] - <BOUCLE_article-tuile(ARTICLES){SI #ENV{tuile}|oui} {id_article=#ENV{id}}> - [(#ENV{vertical}|oui) - <div class="fr-col fr-col-12 - [(#ENV{2cartes}|oui) fr-col-md-6 ] - [(#ENV{3cartes}|oui) fr-col-md-4 ] - [(#ENV{4cartes}|oui) fr-col-md-3 ] - ">] - <div class="fr-tile fr-enlarge-link [(#ENV{vertical}|non)fr-tile--horizontal] fr-mb-2w"> - <div class="fr-tile__body"> - <div class="fr-tile__content"> - <h4 class="fr-tile__title"> - <a class="fr-tile__link" href="#URL_ARTICLE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> - </h4> - <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div> - </div> - </div> - <BOUCLE_conditionstuileimage2(CONDITION){SI #ENV{sans-image}|non}> - <div class="fr-tile__img"> - <BOUCLE_image_tuile(DOCUMENTS){id_article}{0,1}> - [(#FICHIER |image_reduire{200,350} |image_recadre{200,200,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})] - </BOUCLE_image_tuile> - <img src="#CHEMIN{../dse_theme/images/ODD-banniere-agenda.jpg}" width="250" height="140" class="fr-responsive-img" alt="" /> - <//B_image_tuile> - </div> - </BOUCLE_conditionstuileimage2> - </div> - [(#ENV{vertical}|oui)</div>] - </BOUCLE_article-tuile> - - [(#REM) c'est un article avec un format bouton ] + </span> + </a> + </p> + [<p class="fr-download__desc">(#DESCRIPTIF*)</p>] +</div> - <BOUCLE_article-bouton(ARTICLES){SI #ENV{bouton}|oui} {id_article=#ENV{id}}> - <a class="fr-btn fr-my-1v [(#ENV{secondaire}|oui) fr-btn--secondary] [(#ENV{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) #TITRE]"] [style="width:(#ENV{largeur})"] href="#URL_ARTICLE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non) #TITRE] - ouvre une nouvelle fenêtre"] > [(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> - </BOUCLE_article-bouton> - - [(#REM) c'est un article avec un format tag ] - - <BOUCLE_article-tag(ARTICLES){SI #ENV{tag}|oui} {id_article=#ENV{id}}> - <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="#URL_ARTICLE" >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a> - </BOUCLE_article-tag> - - [(#REM) ce n'est pas - une card - ou une tuile - ou un bouton - ou un tag - donc c'est un article simple ou avec un target blank une taille et une icone] - - <BOUCLE_article-simple(ARTICLES){id_article=#ENV{id}}{SI #ENV{carte}|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="#URL_ARTICLE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#TITRE] - ouvre une nouvelle fenêtre"]> - [(#ENV{titre}|oui) #ENV{titre}][(#ENV{titre}|non) #TITRE] - </a> - </BOUCLE_article-simple> +</BOUCLE_document-carte> - <//B_article-tag> - - <//B_article-bouton> +</BOUCLE_condition_document> - <//B_article-tuile> +[(#REM) c'est un lien vers un pdf ] +<BOUCLE_condition_pdf(CONDITION){si #ENV{url}|contient_pdf|oui}> + + [(#REM) c'est une lien simple vers un document pdf] + <BOUCLE_document-simple-pdf(CONDITION){si #ENV{carte}|non}> + <div class="fr-download"> + <p class="fr-m-0"> + <a href="#ENV{url}" download class="fr-download__link" [title="Télécharger le document : (#ENV{titre})"]>[(#ENV{titre})] + <span class="fr-download__detail"> + [Fichier (#ENV{type}) [ - (#ENV{poids})]] + </span> + </a> + </p> + </div> + </BOUCLE_document-simple-pdf> - <//B_article-carte> + [(#REM) c'est une lien simple au format carte vers un document pdf] + <BOUCLE_document-carte-pdf(CONDITION){si #ENV{carte}|oui}> + <div class="fr-download fr-enlarge-link fr-download--card"> + <p class="fr-m-0"> + <a href="#URL_DOCUMENT" download class="fr-download__card" [title="Télécharger le document : (#TITRE)"]>[(#ENV{titre})] + <span class="fr-download__detail"> + [Fichier (#ENV{type}) [ - (#ENV{poids})]] - </BOUCLE_condition_article> + </span> + </a> + </p> + [<p class="fr-download__desc">(#ENV{texte})</p>] + </div> - <//B_condition_pdf> + </BOUCLE_document-carte-pdf> - <//B_condition_document> - - <//B_condition_rubrique> +</BOUCLE_condition_pdf>