bonohm/F-d-ration_de_groupes
3
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Mise en forme du formulaire d'édition des articles et de la page article

Browse source
This commit is contained in:
Pierre 2020-01-30 17:13:28 +01:00
parent 70f765decb
commit 28ae5782a2
13 changed files with 283 additions and 81 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
content/article.html
View file

@ -13,30 +13,48 @@
</div> </div>
] ]
<h1 class="h1-like #EDIT{titre}">#TITRE</h1> <div class="contenu-article row">
<div class="col-lg-8">
<h1 class="#EDIT{titre}">#TITRE</h1>
[<h2 class="#EDIT{soustitre}">(#SOUSTITRE)</h2>]
<div class="Texte">
<div class="texte #EDIT{texte}">#TEXTE</div>
<B_mots>
<div class="mots">
[(#REM) afficher mots-clés et tags dont le groupe est "important" ]
<BOUCLE_mots(MOTS){id_article}{si #CONFIG{balint/tags_article}|!={non}}{id_groupe IN #GET{grpes_importants}}>
<a href="[(#URL_MOT)]" class="tag tags mrs[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{hashtag,mot_cle})]"
data-id_mot="#ID_MOT" title="Les biens liées au[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{tag,mot clé}) ]#TITRE">
<i class="fas fa-[(#ID_GROUPE|=={#GET{id_grpe_tags}}|?{hashtag,tag})]"></i>#TITRE
</a>
</BOUCLE_mots>
</div>
</B_mots>
<div class="la_une">
<div class="video_une">
[<h2 class="h3-like #EDIT{soustitre}">(#SOUSTITRE)</h2>]
<BOUCLE_doc(DOCUMENTS){id_article?}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}>
[(#FICHIER|image_recadre{900:450,-,focus}|image_reduire{900,450})]
</BOUCLE_doc>
<div class="texte #EDIT{texte}">#TEXTE</div>
<B_mots>
<div class="mots">
[(#REM) afficher mots-clés et tags dont le groupe est "important" ]
<BOUCLE_mots(MOTS){id_article}{si #CONFIG{balint/tags_article}|!={non}}{id_groupe IN #GET{grpes_importants}}>
<a href="[(#URL_MOT)]" class="tag tags mrs[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{hashtag,mot_cle})]"
data-id_mot="#ID_MOT" title="Les biens liées au[ (#ID_GROUPE|=={#GET{id_grpe_tags}}|?{tag,mot clé}) ]#TITRE">
<i class="fas fa-[(#ID_GROUPE|=={#GET{id_grpe_tags}}|?{hashtag,tag})]"></i>#TITRE
</a>
</BOUCLE_mots>
</div> </div>
</B_mots> </div>
<BOUCLE_images(DOCUMENTS){id_article=#ID_ARTICLE}{extension==jpg|png|gif}{!par credits}{1,n}>
<a href="#FICHIER" class='mediabox' rel='galerie_#ID_ARTICLE'> <div class="col-lg-4">
[(#FICHIER|image_recadre{350:200,-,focus}|image_reduire{350, 200})] <B_docs>
</a> <div class="row liste-documents">
<BOUCLE_docs(DOCUMENTS){id_article=#ID_ARTICLE}{extension==pdf}>
<div class="col">
<a href="#FICHIER">
[(#CHEMIN{img/document.png}|balise_img{#TITRE}|image_reduire{0,120})]
[<div class="titre_img #EDIT{titre}">(#TITRE)</div>]
</a>
</div>
</BOUCLE_docs>
</div>
</B_docs>
<BOUCLE_images(DOCUMENTS){id_article=#ID_ARTICLE}{extension==jpg|png|gif}{!par credits}>
<a href="#FICHIER" class='photo-article mediabox' rel='galerie_#ID_ARTICLE'>
[(#FICHIER|balise_img{#TITRE}|image_recadre{540:270,-,focus}|image_reduire{540, 270})]
[<div class="titre_img #EDIT{titre}">(#TITRE)</div>]
</a>
</BOUCLE_images> </BOUCLE_images>
</div> </div>
</div> </div>

12
content/groupe.html
View file

@ -9,7 +9,7 @@
<INCLURE{fond=breadcrumb/groupe,env,ville=#GET{ville}} /> <INCLURE{fond=breadcrumb/groupe,env,ville=#GET{ville}} />
<h1 class="h1-like #EDIT{titre}">Groupes de #GET{ville}</h1> <h1 class="h1-like #EDIT{titre} mb-3">Groupes de #GET{ville}</h1>
<div class="row"> <div class="row">
<BOUCLE_groupe(ARTICLES){surtitre = #GET{ville}}{id_secteur=#CONFIG{balint/id_rub_groupes}}> <BOUCLE_groupe(ARTICLES){surtitre = #GET{ville}}{id_secteur=#CONFIG{balint/id_rub_groupes}}>
@ -19,12 +19,20 @@
<div class="col-md-6 col-lg-4 mt-4 mt-lg-0"> <div class="col-md-6 col-lg-4 mt-4 mt-lg-0">
<div class="bloc-ville"> <div class="bloc-ville">
[(#AUTORISER{modifier, article, #ID_ARTICLE}) [(#AUTORISER{modifier, article, #ID_ARTICLE})
<a class="btn" href="#URL_PAGE{editer_article,id_article=#ID_ARTICLE }"><i class="fas fa-edit"></i> Mettre à jour le groupe</a> <a class="btn" href="#URL_PAGE{editer_groupe,id_article=#ID_ARTICLE }"><i class="fas fa-edit"></i> Mettre à jour le groupe</a>
] ]
[<h2 class="h3-like #EDIT{titre}">(#TITRE)</h2>] [<h2 class="h3-like #EDIT{titre}">(#TITRE)</h2>]
<div class="texte #EDIT{soustitre}">#SOUSTITRE</div> <div class="texte #EDIT{soustitre}">#SOUSTITRE</div>
<div class="texte #EDIT{descriptif}">#DESCRIPTIF</div> <div class="texte #EDIT{descriptif}">#DESCRIPTIF</div>
<div class="texte #EDIT{texte}">#TEXTE</div> <div class="texte #EDIT{texte}">#TEXTE</div>
<h4>Responsables</h4>
<BOUCLE_auteurs(AUTEURS){id_article=#ID_ARTICLE}>
<div>#NOM</div>
<div>#EMAIL</div>
<div class=#EDIT{telephone}>#TELEPHONE</div>
[<div class=#EDIT{telephone2}>(#TELEPHONE2)</div>]
</BOUCLE_auteurs>
<BOUCLE_images(DOCUMENTS){id_article=#ID_ARTICLE}{extension==jpg|png|gif}{!par credits}{1,n}> <BOUCLE_images(DOCUMENTS){id_article=#ID_ARTICLE}{extension==jpg|png|gif}{!par credits}{1,n}>
<a href="#FICHIER" class='mediabox' rel='galerie_#ID_ARTICLE'> <a href="#FICHIER" class='mediabox' rel='galerie_#ID_ARTICLE'>

12
content/sommaire.html
View file

@ -33,11 +33,9 @@
<h3>Agenda</h3> <h3>Agenda</h3>
<BOUCLE_agenda(ARTICLES){titre_mot=agenda}> <BOUCLE_agenda(ARTICLES){titre_mot=agenda}>
<div class="agenda-evenement"> <div class="agenda-evenement">
<h4> <a href="#URL_ARTICLE">
<a href="#URL_ARTICLE"> <h4>#TITRE</h4>
#TITRE </a>
</a>
</h4>
#DATE_AGENDA #DATE_AGENDA
</div> </div>
</BOUCLE_agenda> </BOUCLE_agenda>
@ -67,7 +65,7 @@
<h3>Nous contacter</h3> <h3>Nous contacter</h3>
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<BOUCLE_webmaster(AUTEURS){nom=Pierre}{tout}> <BOUCLE_webmaster(AUTEURS){nom=Pierre Lecomte}{tout}>
<div class="ajax"> <div class="ajax">
#FORMULAIRE_NOUS_CONTACTER{#ID_AUTEUR} #FORMULAIRE_NOUS_CONTACTER{#ID_AUTEUR}
</div> </div>
@ -75,7 +73,7 @@
</div> </div>
<div class="col-lg-6 text-center"> <div class="col-lg-6 text-center">
<BOUCLE_image_rousseau(DOCUMENTS){credits=rousseau}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}> <BOUCLE_image_rousseau(DOCUMENTS){credits=rousseau}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}>
[(#FICHIER|image_recadre{510:420,-,focus}|image_reduire{510,420})] [(#FICHIER|balise_img{Jardin du Luxembourg peint par Henri Rousseau}|image_recadre{510:420,-,focus}|image_reduire{510,420})]
</BOUCLE_image_rousseau> </BOUCLE_image_rousseau>
</div> </div>
</div> </div>

69
css/_sq_balint.scss
View file

@ -14,13 +14,11 @@
opacity: 1 !important; opacity: 1 !important;
} }
/* polices */ /* polices */
* { font-family: 'Open Sans', sans-serif; } * { font-family: 'Cabin', sans-serif; font-size: 1.1rem}
i.fas { font-family: fontawesome; font-style: normal; font-weight: 400; } i.fas { font-family: fontawesome; font-style: normal; font-weight: 400; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend, h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
.h1-like, .h2-like, .h3-like, .h4-like { font-family: 'Open Sans', sans-serif; } .h1-like, .h2-like, .h3-like, .h4-like { font-family: 'Cabin', sans-serif; }
/* liens */ /* liens */
@ -35,6 +33,14 @@ img{
height: auto; height: auto;
} }
/* breadcrumb */
.breadcrumb{
background: $fond-formulaires;
.divider{
padding: 0 0.2rem;
}
}
/* body */ /* body */
body{ body{
background: $bg-body; background: $bg-body;
@ -59,7 +65,9 @@ body{
transition: all 1s; transition: all 1s;
.nav-link{ .nav-link{
color: $light; color: $light;
font-weight: 600; font-weight: 500;
font-family: 'Cabin', sans-serif;
font-size: 1.2rem;
transition: all 1s ease; transition: all 1s ease;
} }
.navbar-brand{ .navbar-brand{
@ -129,8 +137,13 @@ body{
border-radius: 0.2rem; border-radius: 0.2rem;
font-weight: 500; font-weight: 500;
.intro{ .intro{
font-size: 1.2rem; font-size: 1.3rem;
line-height: 1.4rem; line-height: 1.5rem;
font-weight:400;
strong{
font-size: 1.3rem;
font-weight: 700;
}
} }
} }
} }
@ -418,7 +431,7 @@ body{
width: 100%; width: 100%;
min-height: 100%; min-height: 100%;
border: solid 1px #ddd; border: solid 1px #ddd;
background: white; background: $fond-formulaires;
border-radius: 0.2rem; border-radius: 0.2rem;
padding: 1.5rem; padding: 1.5rem;
text-align: center; text-align: center;
@ -501,7 +514,7 @@ body{
} }
} }
} }
.photo_article { .docs-article {
justify-content: left; justify-content: left;
display: flex; display: flex;
.une_photo { .une_photo {
@ -525,8 +538,10 @@ body{
.boutons_actions { .boutons_actions {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column;
justify-content: space-around; justify-content: space-around;
background-color: #e0e0e0; align-items: center;
background-color: $gris-clair;
i.green { i.green {
padding: .6rem; padding: .6rem;
color: rgb(28, 158, 28); color: rgb(28, 158, 28);
@ -538,6 +553,7 @@ body{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 0.2rem;
} }
} }
} }
@ -546,6 +562,12 @@ body{
} }
} }
.titre_img{
background: $gris-moyen;
color: white;
text-align: center;
}
.photo-premier-plan{ .photo-premier-plan{
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
border: solid 1px #BBB; border: solid 1px #BBB;
@ -562,6 +584,33 @@ body{
} }
} }
/**********************************************************************/
/**************************** PAGE ARTICLE ****************************/
/**********************************************************************/
.contenu-article{
background: $fond-formulaires;
border-radius: 0.5rem;
padding: 1.5rem;
}
.liste-documents{
justify-content: center;
text-align: center;
margin-bottom: 1.5rem;;
.col{
flex: 0 0 10rem;
}
.titre_img{
font-size: 1rem;
background: none;
color: $dark;
}
}
.photo-article{
margin-bottom: 1.5rem;;
}
/**********************************************************************/ /**********************************************************************/
/****************************** spip_admin ****************************/ /****************************** spip_admin ****************************/
/**********************************************************************/ /**********************************************************************/

2
css/_variables.scss
View file

@ -2,6 +2,8 @@ $couleur-texte : black;
$dark: #595959; $dark: #595959;
$fond-menu: #3b3f8a; $fond-menu: #3b3f8a;
$couleur-liens : #dc7544; $couleur-liens : #dc7544;
$gris-moyen : #7d7d7d;
$gris-clair : #f2f2f2;
//$page-active: #ffe9aa; //$page-active: #ffe9aa;
$page-active: #ffdb70; $page-active: #ffdb70;
$fond-footer: #464ba3; $fond-footer: #464ba3;

148
css/mon_site.css
View file

@ -11551,21 +11551,62 @@ a.text-dark:focus, a.text-dark:hover {
} }
/* les polices à charger en @font-face */ /* les polices à charger en @font-face */
/*@font-face {
font-family: 'Poppins';
src: url("../fonts/Poppins400.woff2?#iefix") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face { @font-face {
font-family: 'Lato'; font-family: 'Poppins';
src: url("../fonts/lato_regular.woff2?#iefix") format("woff2"); src: url("../fonts/Poppins700.woff2?#iefix") format("woff2");
font-weight: normal; font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url("../fonts/Poppins500i.woff2?#iefix") format("woff2");
font-weight: 500;
font-style: italic;
}*/
@font-face {
font-family: 'Cabin';
src: url("../fonts/Cabin400.woff2?#iefix") format("woff2");
font-weight: 400;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'Bitter'; font-family: 'Cabin';
src: url("../fonts/bitter.woff2?#iefix") format("woff2"); src: url("../fonts/Cabin500.woff2?#iefix") format("woff2");
font-weight: normal; font-weight: 500;
font-style: normal; font-style: normal;
} }
@font-face {
font-family: 'Cabin';
src: url("../fonts/Cabin700.woff2?#iefix") format("woff2");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Cabin';
src: url("../fonts/Cabin500i.woff2?#iefix") format("woff2");
font-weight: 500;
font-style: italic;
}
/* /*
@font-face {
font-family: 'Bitter';
src: url("../fonts/bitter.woff2?#iefix") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face { @font-face {
font-family: 'luxi_sansregular'; font-family: 'luxi_sansregular';
src: url("../fonts/luxisr-webfont.woff?#iefix") format("woff"); src: url("../fonts/luxisr-webfont.woff?#iefix") format("woff");
@ -11838,7 +11879,8 @@ fieldset.reponse_formulaire {
/* polices */ /* polices */
* { * {
font-family: 'Open Sans', sans-serif; font-family: 'Cabin', sans-serif;
font-size: 1.1rem;
} }
i.fas { i.fas {
@ -11849,7 +11891,7 @@ i.fas {
h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend, h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
.h1-like, .h2-like, .h3-like, .h4-like { .h1-like, .h2-like, .h3-like, .h4-like {
font-family: 'Open Sans', sans-serif; font-family: 'Cabin', sans-serif;
} }
/* liens */ /* liens */
@ -11864,6 +11906,15 @@ img {
height: auto; height: auto;
} }
/* breadcrumb */
.breadcrumb {
background: rgba(255, 255, 255, 0.8);
}
.breadcrumb .divider {
padding: 0 0.2rem;
}
/* body */ /* body */
body { body {
background: url("../images/bg-web.jpg"); background: url("../images/bg-web.jpg");
@ -11889,7 +11940,9 @@ body {
#menu-principal .nav-link { #menu-principal .nav-link {
color: #f8f9fa; color: #f8f9fa;
font-weight: 600; font-weight: 500;
font-family: 'Cabin', sans-serif;
font-size: 1.2rem;
-webkit-transition: all 1s ease; -webkit-transition: all 1s ease;
transition: all 1s ease; transition: all 1s ease;
} }
@ -11973,8 +12026,14 @@ body {
} }
#texte-presentation .contenu .intro { #texte-presentation .contenu .intro {
font-size: 1.2rem; font-size: 1.3rem;
line-height: 1.4rem; line-height: 1.5rem;
font-weight: 400;
}
#texte-presentation .contenu .intro strong {
font-size: 1.3rem;
font-weight: 700;
} }
#mis-en-avant { #mis-en-avant {
@ -12318,7 +12377,7 @@ body {
width: 100%; width: 100%;
min-height: 100%; min-height: 100%;
border: solid 1px #ddd; border: solid 1px #ddd;
background: white; background: rgba(255, 255, 255, 0.8);
border-radius: 0.2rem; border-radius: 0.2rem;
padding: 1.5rem; padding: 1.5rem;
text-align: center; text-align: center;
@ -12424,14 +12483,14 @@ body {
} }
} }
.formulaire_editer_post .photo_article { .formulaire_editer_post .docs-article {
-webkit-box-pack: left; -webkit-box-pack: left;
justify-content: left; justify-content: left;
display: -webkit-box; display: -webkit-box;
display: flex; display: flex;
} }
.formulaire_editer_post .photo_article .une_photo { .formulaire_editer_post .docs-article .une_photo {
margin-right: 1rem; margin-right: 1rem;
display: -webkit-box; display: -webkit-box;
display: flex; display: flex;
@ -12441,40 +12500,45 @@ body {
max-width: 320px; max-width: 320px;
} }
.formulaire_editer_post .photo_article .btn_poubelle { .formulaire_editer_post .docs-article .btn_poubelle {
color: red; color: red;
} }
.formulaire_editer_post .photo_article .btn_poubelle :hover { .formulaire_editer_post .docs-article .btn_poubelle :hover {
color: #ee9e9e; color: #ee9e9e;
} }
.formulaire_editer_post .photo_article .btn_une { .formulaire_editer_post .docs-article .btn_une {
color: black; color: black;
} }
.formulaire_editer_post .photo_article .btn_une :hover { .formulaire_editer_post .docs-article .btn_une :hover {
color: grey; color: grey;
} }
.formulaire_editer_post .photo_article .boutons_actions { .formulaire_editer_post .docs-article .boutons_actions {
width: 100%; width: 100%;
display: -webkit-box; display: -webkit-box;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
justify-content: space-around; justify-content: space-around;
background-color: #e0e0e0; -webkit-box-align: center;
align-items: center;
background-color: #f2f2f2;
} }
.formulaire_editer_post .photo_article .boutons_actions i.green { .formulaire_editer_post .docs-article .boutons_actions i.green {
padding: .6rem; padding: .6rem;
color: #1c9e1c; color: #1c9e1c;
} }
.formulaire_editer_post .photo_article .boutons_actions a { .formulaire_editer_post .docs-article .boutons_actions a {
margin: 0; margin: 0;
} }
.formulaire_editer_post .photo_article .boutons_actions .premier-plan { .formulaire_editer_post .docs-article .boutons_actions .premier-plan {
display: -webkit-box; display: -webkit-box;
display: flex; display: flex;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
@ -12482,12 +12546,19 @@ body {
flex-direction: row; flex-direction: row;
-webkit-box-align: center; -webkit-box-align: center;
align-items: center; align-items: center;
padding: 0.2rem;
} }
.formulaire_editer_post legend { .formulaire_editer_post legend {
width: auto; width: auto;
} }
.titre_img {
background: #7d7d7d;
color: white;
text-align: center;
}
.photo-premier-plan { .photo-premier-plan {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
border: solid 1px #BBB; border: solid 1px #BBB;
@ -12505,6 +12576,37 @@ body {
margin-bottom: 1.2rem; margin-bottom: 1.2rem;
} }
/**********************************************************************/
/**************************** PAGE ARTICLE ****************************/
/**********************************************************************/
.contenu-article {
background: rgba(255, 255, 255, 0.8);
border-radius: 0.5rem;
padding: 1.5rem;
}
.liste-documents {
-webkit-box-pack: center;
justify-content: center;
text-align: center;
margin-bottom: 1.5rem;
}
.liste-documents .col {
-webkit-box-flex: 0;
flex: 0 0 10rem;
}
.liste-documents .titre_img {
font-size: 1rem;
background: none;
color: #595959;
}
.photo-article {
margin-bottom: 1.5rem;
}
/**********************************************************************/ /**********************************************************************/
/****************************** spip_admin ****************************/ /****************************** spip_admin ****************************/
/**********************************************************************/ /**********************************************************************/

4
formulaires/editer_post.html
View file

@ -76,12 +76,12 @@
</fieldset> </fieldset>
<fieldset class="upload_vignette"> <fieldset class="upload_vignette">
<legend><i class="fas fa-image"></i> Photos</legend> <legend><i class="fas fa-paperclip"></i> Images et PDF</legend>
<label for=""><small>largeur conseillée: entre 1024 et 2048 pixels</small></label> <label for=""><small>largeur conseillée: entre 1024 et 2048 pixels</small></label>
<div class="ajax"> <div class="ajax">
<INCLURE{fond=inclure/bigform,env}> <INCLURE{fond=inclure/bigform,env}>
</div> </div>
<INCLURE{fond=inclure/photos_article,env,id_article=#ENV{id_article},ajax=les_photos}> <INCLURE{fond=inclure/editer_docs_article,env,id_article=#ENV{id_article},ajax=les_photos}>
</fieldset> </fieldset>
[(#REM) [(#REM)

2
formulaires/editer_post.php
View file

@ -97,7 +97,7 @@ function formulaires_editer_post_verifier_dist($id_article=0, $redirect=''){
$bigform = charger_fonction('bigform_verifier','inc'); $bigform = charger_fonction('bigform_verifier','inc');
$options = ['mime' => 'image_web','taille_max'=>'2000','largeur_max'=>'2048','hauteur_max'=>'2048']; $options = ['mime' => 'tout_mime','taille_max'=>'5000','largeur_max'=>'2048','hauteur_max'=>'2048'];
$bigform($options,$erreurs); $bigform($options,$erreurs);
return $erreurs; return $erreurs;

BIN
img/document.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.3 KiB

2
img/sprite_symbol_pictos.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 12 KiB

33
inclure/photos_article.html → inclure/editer_docs_article.html
View file

@ -1,26 +1,37 @@
#CACHE{0} #CACHE{0}
[(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ] [(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ]
<div class="photo_article row" id="les_photos"> <div class="docs-article row">
<BOUCLE_doc(DOCUMENTS){id_article}{extension==jpg|png|gif}{statut in prop,prepa,publie}{par id_document}> <BOUCLE_doc(DOCUMENTS){id_article}{extension==jpg|png|gif|pdf}{statut in prop,prepa,publie}{par id_document}>
<div class="une_photo col"> <div class="col-lg-4">
[(#FICHIER|image_recadre{320:180,-,focus}|image_reduire{320,180})] <div class="une_photo">
[(#TYPE_DOCUMENT|in_array{#LISTE{JPEG,PNG,GIF}}|?{
[(#FICHIER|image_recadre{320:180,-,focus}|image_reduire{320,180})],
[(#CHEMIN{img/document.png}|image_recadre{320:180,+,center}|image_reduire{320,180})]
}
)]
[(#SESSION{statut}|=={0minirezo}|oui) [<div class="titre_img #EDIT{titre}">(#TITRE|sinon{[(#SESSION{statut}|=={0minirezo}|oui)<i>Double cliquez pour ajouter un titre</i>]})</div>]
<div class="boutons_actions"> <div class="boutons_actions">
<a class="btn btn_poubelle" href="[(#URL_ACTION_AUTEUR{supprimer_photo, [(#ID_DOCUMENT)]-[(#ENV{id_article})]})]" title="Supprimer la photo"> <div class="premier-plan">
<i class="fas fa-trash red"></i> [(#TYPE_DOCUMENT|in_array{#LISTE{JPEG,PNG,GIF}}|oui)
</a>
[(#CREDITS*|=={une}|?{ [(#CREDITS*|=={une}|?{
<div class="premier-plan"><i class="fas fa-check green"></i> Au premier plan</div> <i class="fas fa-check green"></i> Au premier plan
, ,
<a class="btn btn_une" href="[(#URL_ACTION_AUTEUR{promouvoir_photo, [(#ID_DOCUMENT)]-[(#ENV{id_article})]})]" title="Mettre en première photo"> <a class="btn btn_une" href="[(#URL_ACTION_AUTEUR{promouvoir_photo, [(#ID_DOCUMENT)]-[(#ENV{id_article})]})]" title="Mettre en première photo">
<i class="fas fa-check"></i> Mettre au premier plan <i class="fas fa-check"></i> Mettre au premier plan
</a> </a>
})] })]
]
</div>
<a class="btn btn_poubelle" href="[(#URL_ACTION_AUTEUR{supprimer_photo, [(#ID_DOCUMENT)]-[(#ENV{id_article})]})]" title="Supprimer la photo">
<i class="fas fa-trash red"></i> Supprimer
</a>
</div> </div>
]
[<div class="titre_img #EDIT{titre}">(#TITRE|sinon{[(#SESSION{statut}|=={0minirezo}|oui)<i>Double cliquez pour ajouter un titre</i>]})</div>]
</div> </div>
</div>
</BOUCLE_doc> </BOUCLE_doc>
</div> </div>

4
inclure/photo_article.html
View file

@ -2,11 +2,11 @@
[(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ] [(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ]
<div class="photo_article"> <div class="photo_article">
<BOUCLE_doc(DOCUMENTS){id_article?}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}> <BOUCLE_doc(DOCUMENTS){id_article?}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}>
[(#FICHIER|image_recadre{720:360,-,focus}|image_reduire{720,360})] [(#FICHIER|balise_img{#TITRE}|image_recadre{720:360,-,focus}|image_reduire{720,360})]
</BOUCLE_doc> </BOUCLE_doc>
<div class="txtcenter placeholder"> <div class="txtcenter placeholder">
<BOUCLE_doc2(DOCUMENTS){credits=logo_noir}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}> <BOUCLE_doc2(DOCUMENTS){credits=logo_noir}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}>
[(#FICHIER|image_recadre{720:360,+,center}|image_reduire{720,360})] [(#FICHIER|balise_img{#TITRE}|image_recadre{720:360,+,center}|image_reduire{720,360})]
</BOUCLE_doc2> </BOUCLE_doc2>
</div> </div>
<//B_doc> <//B_doc>

14
svg/document.svg Normal file
View file

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 468.293 468.293" style="enable-background:new 0 0 468.293 468.293;" xml:space="preserve">
<polygon style="fill:#D5D6DB;" points="88.706,165.023 90.071,468.293 410.445,468.293 410.445,24.986 209.254,24.986 "/>
<polygon style="fill:#E1E6E9;" points="142.906,0 57.848,85.059 57.848,443.306 385.259,443.306 385.259,0 "/>
<polygon style="fill:#EBF0F3;" points="142.906,85.059 142.906,0 57.848,85.059 "/>
<g>
<rect x="102.918" y="125.415" style="fill:#D5D6DB;" width="237.268" height="17.851"/>
<rect x="127.894" y="183.627" style="fill:#D5D6DB;" width="187.317" height="17.851"/>
<rect x="175.104" y="67.209" style="fill:#D5D6DB;" width="165.083" height="17.851"/>
<rect x="102.918" y="241.826" style="fill:#D5D6DB;" width="237.268" height="17.851"/>
<rect x="127.894" y="300.02" style="fill:#D5D6DB;" width="187.317" height="17.851"/>
<rect x="102.918" y="358.25" style="fill:#D5D6DB;" width="237.268" height="17.851"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB