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

amélioration formulaire auteur + page contact + page brouillons

Browse source
This commit is contained in:
Pierre 2020-02-14 23:13:24 +01:00
parent a1a43aca74
commit 472d8c791e
12 changed files with 266 additions and 99 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
content/brouillons.html Normal file
View file

@ -0,0 +1,6 @@
<section id="brouillons" class="section-top section-bottom container">
<div class="cadre-blanc">
<h1 class="mb-4">Articles non publiés (brouillons)</h1>
<INCLURE{fond=inclure/brouillons_contenu,env,ajax}>
</div>
</section>

14
content/modifier_auteur.html
View file

@ -1,20 +1,18 @@
<section class="section-top section-bottom"> <section class="section-top section-bottom">
<div class="container"> <div class="container">
<h1>Modifier mon profil</h1>
<B_modifier_auteur>
<div class="row">
<a class="btn pull-right" href="#URL_PAGE{mes-articles}">Mes articles</a>
<a class="btn pull-right" href="#URL_LOGOUT{sommaire}">Me déconnecter</a>
<B_modifier_auteur>
<div class="row">
<BOUCLE_modifier_auteur(AUTEURS){id_auteur = #SESSION{id_auteur}}{tous}> <BOUCLE_modifier_auteur(AUTEURS){id_auteur = #SESSION{id_auteur}}{tous}>
<div class="col-xs-24 modifier_auteur_pub"> <div class="m-auto">
#FORMULAIRE_EDITER_AUTEUR{#ID_AUTEUR,#URL_PAGE{auteur}|parametre_url{id_auteur,#ENV{id_auteur}}} #FORMULAIRE_EDITER_AUTEUR{#ID_AUTEUR,#URL_PAGE{auteur}|parametre_url{id_auteur,#ENV{id_auteur}}}
</div> </div>
</BOUCLE_modifier_auteur> </BOUCLE_modifier_auteur>
</div>
</div> </div>
</B_modifier_auteur> </B_modifier_auteur>
<div class="attention">Vous devez être connecté pour accéder à cette page.</div> <div class="attention">Vous devez être connecté pour accéder à cette page.</div>
<//B_modifier_auteur> <//B_modifier_auteur>
</div> </div>
</section> </section>

22
content/nous-contacter.html
View file

@ -1,3 +1,19 @@
<BOUCLE_principale(AUTEURS){tout}{id_auteur=4}> <section class="section-top section-bottom" id="page-contact">
#FORMULAIRE_ECRIRE_AUTEUR <div class="container">
</BOUCLE_principale> <h2 class="h3">Nous contacter</h2>
<div class="row">
<div class="col-lg-6">
<BOUCLE_webmaster(AUTEURS){id_auteur=#CONFIG{balint/id_contact}}{tout}>
<div class="ajax">
#FORMULAIRE_NOUS_CONTACTER{#ID_AUTEUR}
</div>
</BOUCLE_webmaster>
</div>
<div class="col-lg-6 text-center">
<BOUCLE_image_rousseau(DOCUMENTS){credits=rousseau}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}>
[(#FICHIER|balise_img{Jardin du Luxembourg peint par Henri Rousseau}|image_recadre{510:420,-,focus}|image_reduire{510,420})]
</BOUCLE_image_rousseau>
</div>
</div>
</div>
</section>

2
content/seminaires.html
View file

@ -1,5 +1,3 @@
[(#REM) On affiche la première rubrique par défaut]
<section id="seminaires" class="section-top section-bottom container"> <section id="seminaires" class="section-top section-bottom container">
<div class="cadre-blanc"> <div class="cadre-blanc">
<h1 class="mb-4">Les séminaires</h1> <h1 class="mb-4">Les séminaires</h1>

55
css/_sq_balint.scss
View file

@ -20,11 +20,11 @@ textarea[name="texte"]{
} }
.section-top{ .section-top{
padding-top: 8rem; padding-top: 8rem !important;
} }
.section-bottom{ .section-bottom{
padding-bottom: 3rem; padding-bottom: 3rem !important;
} }
.cadre-blanc{ .cadre-blanc{
@ -314,6 +314,7 @@ body{
// 4. SECTION NOUS CONTACTER // 4. SECTION NOUS CONTACTER
#nous-contacter{ #nous-contacter{
background: $bg-nous-contacter; background: $bg-nous-contacter;
background-size: cover;
padding: 4rem 0 3rem 0; padding: 4rem 0 3rem 0;
.h3{ .h3{
color: $light; color: $light;
@ -451,11 +452,6 @@ body{
max-width: 300px; max-width: 300px;
} }
.bouton-login{
background: $couleur-liens;
border-radius: 0.2rem;
}
.lien_cc svg { .lien_cc svg {
width: 30px; width: 30px;
height: 30px; height: 30px;
@ -614,6 +610,8 @@ body{
//background-color: #4f56cd; //background-color: #4f56cd;
background-color: $fond-footer; background-color: $fond-footer;
color: $light; color: $light;
padding: 1rem;
line-height: 1rem;
&:hover{ &:hover{
//background-color: #7276ee; //background-color: #7276ee;
background-color: rgb(105, 182, 164); background-color: rgb(105, 182, 164);
@ -624,6 +622,20 @@ body{
margin-left: 0; margin-left: 0;
padding: 0.5rem; padding: 0.5rem;
} }
.btn_login{
background-color: $couleur-liens;
color: #333;
&:hover{
color: black;
background-color: rgb(255, 153, 0);
}
}
}
.btn.bouton-login{
background: $couleur-liens;
border-radius: 0.2rem;
color: #333 !important;
} }
@ -788,6 +800,35 @@ body{
display: none; display: none;
} }
/**********************************************************************/
/**************************** PAGE CONTACT ****************************/
/**********************************************************************/
#page-contact{
.h3{
font-weight: 700;
}
.formulaire_nous_contacter{
background: none;
margin: 0;
input, textarea{
background-color: $light;
border-color: lightgray;
}
input.submit{
background-color: $fond-footer;
color: $light;
padding: 1rem;
line-height: 1rem;
&:hover{
//background-color: #7276ee;
background-color: rgb(105, 182, 164);
cursor: pointer;
}
}
}
}
/**********************************************************************/ /**********************************************************************/
/****************************** spip_admin ****************************/ /****************************** spip_admin ****************************/
/**********************************************************************/ /**********************************************************************/

57
css/mon_site.css
View file

@ -11884,11 +11884,11 @@ textarea[name="texte"] {
} }
.section-top { .section-top {
padding-top: 8rem; padding-top: 8rem !important;
} }
.section-bottom { .section-bottom {
padding-bottom: 3rem; padding-bottom: 3rem !important;
} }
.cadre-blanc { .cadre-blanc {
@ -12216,6 +12216,7 @@ body {
#nous-contacter { #nous-contacter {
background: url("../images/Fond-contact-bleuvert.jpg"); background: url("../images/Fond-contact-bleuvert.jpg");
background-size: cover;
padding: 4rem 0 3rem 0; padding: 4rem 0 3rem 0;
} }
@ -12373,11 +12374,6 @@ body {
max-width: 300px; max-width: 300px;
} }
.footer .bouton-login {
background: #f67638;
border-radius: 0.2rem;
}
.footer .lien_cc svg { .footer .lien_cc svg {
width: 30px; width: 30px;
height: 30px; height: 30px;
@ -12569,6 +12565,8 @@ body {
.formulaire_spip .boutons .submit, .formulaire_spip .boutons .btn_editer, .boutons .submit, .boutons .btn_editer { .formulaire_spip .boutons .submit, .formulaire_spip .boutons .btn_editer, .boutons .submit, .boutons .btn_editer {
background-color: #4B9886; background-color: #4B9886;
color: #f8f9fa; color: #f8f9fa;
padding: 1rem;
line-height: 1rem;
} }
.formulaire_spip .boutons .submit:hover, .formulaire_spip .boutons .btn_editer:hover, .boutons .submit:hover, .boutons .btn_editer:hover { .formulaire_spip .boutons .submit:hover, .formulaire_spip .boutons .btn_editer:hover, .boutons .submit:hover, .boutons .btn_editer:hover {
@ -12581,6 +12579,22 @@ body {
padding: 0.5rem; padding: 0.5rem;
} }
.formulaire_spip .boutons .btn_login, .boutons .btn_login {
background-color: #f67638;
color: #333;
}
.formulaire_spip .boutons .btn_login:hover, .boutons .btn_login:hover {
color: black;
background-color: #ff9900;
}
.btn.bouton-login {
background: #f67638;
border-radius: 0.2rem;
color: #333 !important;
}
.formulaire_spip fieldset legend { .formulaire_spip fieldset legend {
background: none; background: none;
} }
@ -12777,6 +12791,35 @@ body {
display: none; display: none;
} }
/**********************************************************************/
/**************************** PAGE CONTACT ****************************/
/**********************************************************************/
#page-contact .h3 {
font-weight: 700;
}
#page-contact .formulaire_nous_contacter {
background: none;
margin: 0;
}
#page-contact .formulaire_nous_contacter input, #page-contact .formulaire_nous_contacter textarea {
background-color: #f8f9fa;
border-color: lightgray;
}
#page-contact .formulaire_nous_contacter input.submit {
background-color: #4B9886;
color: #f8f9fa;
padding: 1rem;
line-height: 1rem;
}
#page-contact .formulaire_nous_contacter input.submit:hover {
background-color: #69b6a4;
cursor: pointer;
}
/**********************************************************************/ /**********************************************************************/
/****************************** spip_admin ****************************/ /****************************** spip_admin ****************************/
/**********************************************************************/ /**********************************************************************/

79
footer/dist.html
View file

@ -21,6 +21,48 @@
<div class="footer-options"> <div class="footer-options">
<div class="container"> <div class="container">
<?php
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
?>
<div class="row">
<ul class="nav">
<li class="separ">
<a class="btn bouton-login" href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter">
<i class="fas fa-sign-out"></i> Déconnexion
</a>
</li>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{modifier_auteur}|parametre_url{retour,#SELF})]" title="Gérer mon compte">
<i class="fas fa-cog" aria-hidden="true"></i> #SESSION{nom} <span class="title">: gestion compte</span>
</a>
</li>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{editer_article})]" title="Rédiger un article">
<i class="fas fa-pencil"></i> Rédiger un article
</a>
</li>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{brouillons})]" title="Voir les brouillons">
<i class="fas fa-file-o"></i> Brouillons
</a>
</li>
<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe">
<i class="fas fa-globe"></i> Créer un groupe
</a>
</li>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres">
<i class="fas fa-user"></i> Gérer les membres
</a>
</li><?php
}
?>
</ul>
</div><?php
}
?>
<div class="row"> <div class="row">
<ul class="nav"> <ul class="nav">
<li class="separ"> <li class="separ">
@ -33,48 +75,17 @@
<i class="fas fa-legal"></i> Mentions légales <i class="fas fa-legal"></i> Mentions légales
</a> </a>
</li> </li>
<BOUCLE_contact(ARTICLES){grigri = contact}{0,1}>
<li class="separ"> <li class="separ">
<a rel="contents" href="#URL_ARTICLE"> <a rel="contents" href="#URL_PAGE{nous-contacter}">
<i class="fas fa-phone"></i> Contact <i class="fas fa-phone"></i> Contact
</a> </a>
</li> </li>
</BOUCLE_contact>
</ul> </ul>
<ul class="nav"> <ul class="nav">
<?php <?php
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) { if (!isset($GLOBALS['visiteur_session']['id_auteur'])) {
?> <li class="separ"> ?> <li class="separ">
<a class="" href="[(#URL_PAGE{modifier_auteur}|parametre_url{retour,#SELF})]" title="Gérer mon compte"> <a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='btn bouton-login' title="Connexion">
<i class="fas fa-cog" aria-hidden="true"></i> #SESSION{nom} <span class="title">: gestion compte</span>
</a>
</li>
<li class="separ">
<a href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter">
<i class="fas fa-sign-out"></i> Déconnexion
</a>
</li>
<li class="separ">
<a class="" href="[(#URL_PAGE{editer_article})]" title="Rédiger un article">
<i class="fas fa-pencil"></i> Rédiger un article
</a>
</li>
<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
<li class="separ">
<a class="" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe">
<i class="fas fa-globe"></i> Créer un groupe
</a>
</li>
<li class="separ">
<a class="" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres">
<i class="fas fa-user"></i> Gérer les membres
</a>
</li><?php
}
}
else {
?> <li class="separ">
<a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='login_modal' title="Connexion">
<i class="fas fa-sign-in"></i> Connexion <i class="fas fa-sign-in"></i> Connexion
</a> </a>
</li><?php </li><?php

79
footer/sommaire.html
View file

@ -21,6 +21,48 @@
<div class="footer-options"> <div class="footer-options">
<div class="container"> <div class="container">
<?php
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
?>
<div class="row">
<ul class="nav">
<li class="separ">
<a class="btn bouton-login" href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter">
<i class="fas fa-sign-out"></i> Déconnexion
</a>
</li>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{modifier_auteur}|parametre_url{retour,#SELF})]" title="Gérer mon compte">
<i class="fas fa-cog" aria-hidden="true"></i> #SESSION{nom} <span class="title">: gestion compte</span>
</a>
</li>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{editer_article})]" title="Rédiger un article">
<i class="fas fa-pencil"></i> Rédiger un article
</a>
</li>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{brouillons})]" title="Voir les brouillons">
<i class="fas fa-file-o"></i> Brouillons
</a>
</li>
<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe">
<i class="fas fa-globe"></i> Créer un groupe
</a>
</li>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres">
<i class="fas fa-user"></i> Gérer les membres
</a>
</li><?php
}
?>
</ul>
</div><?php
}
?>
<div class="row"> <div class="row">
<ul class="nav"> <ul class="nav">
<li class="separ"> <li class="separ">
@ -33,48 +75,17 @@
<i class="fas fa-legal"></i> Mentions légales <i class="fas fa-legal"></i> Mentions légales
</a> </a>
</li> </li>
<BOUCLE_contact(ARTICLES){grigri = contact}{0,1}>
<li class="separ"> <li class="separ">
<a rel="contents" href="#URL_ARTICLE"> <a rel="contents" href="#URL_PAGE{nous-contacter}">
<i class="fas fa-phone"></i> Contact <i class="fas fa-phone"></i> Contact
</a> </a>
</li> </li>
</BOUCLE_contact>
</ul> </ul>
<ul class="nav"> <ul class="nav">
<?php <?php
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) { if (!isset($GLOBALS['visiteur_session']['id_auteur'])) {
?> <li class="separ"> ?> <li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{modifier_auteur}|parametre_url{retour,#SELF})]" title="Gérer mon compte"> <a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='btn bouton-login' title="Connexion">
<i class="fas fa-cog" aria-hidden="true"></i> #SESSION{nom} <span class="title">: gestion compte</span>
</a>
</li>
<li class="separ">
<a class="bouton-login" href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter">
<i class="fas fa-sign-out"></i> Déconnexion
</a>
</li>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{editer_article})]" title="Rédiger un article">
<i class="fas fa-pencil"></i> Rédiger un article
</a>
</li>
<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe">
<i class="fas fa-globe"></i> Créer un groupe
</a>
</li>
<li class="separ">
<a class="bouton-footer" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres">
<i class="fas fa-user"></i> Gérer les membres
</a>
</li><?php
}
}
else {
?> <li class="separ">
<a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" rel="nofollow" class='bouton-login' title="Connexion">
<i class="fas fa-sign-in"></i> Connexion <i class="fas fa-sign-in"></i> Connexion
</a> </a>
</li><?php </li><?php

31
formulaires/editer_auteur.html
View file

@ -9,12 +9,30 @@
<input type='hidden' name='id_auteur' value='#ENV{id_auteur}' /> <input type='hidden' name='id_auteur' value='#ENV{id_auteur}' />
[<input type='hidden' name='redirect' value='(#ENV**{redirect})' />] [<input type='hidden' name='redirect' value='(#ENV**{redirect})' />]
[(#REM) Les navigateurs ne tiennent pas compte de l'autocomplete="off" sur le premier mot de passe.
Pour les webmestres, le premier nouveau mot de passe est systématiquement rempli, ce qui est embêtant.
On y rémédie ainsi.]
[(#SESSION{webmestre}|=={oui}|oui)
<input style="display:none">
<input type="password" style="display:none">
]
<div class="row">
<h1>Modifier mon profil - [(#ENV{nom})]</h1>
</div>
<p class='boutons'>
<a class="btn btn_login" href="#URL_LOGOUT{sommaire}"><i class="fas fa-sign-out"></i> Me déconnecter</a>
<button type='submit' class='btn submit'>
<i class="fas fa-save"></i> <:bouton_enregistrer:>
</button>
</p>
<div class='editer_identification fieldset'> <div class='editer_identification fieldset'>
<fieldset> <fieldset>
<legend>Vos informations</legend> <legend>Vos informations</legend>
<div class="editer-groupe"> <div class="editer-groupe">
<div class="editer editer_nom obligatoire[ (#ENV**{erreurs}|table_valeur{nom}|oui)erreur]"> <div class="editer editer_nom obligatoire[ (#ENV**{erreurs}|table_valeur{nom}|oui)erreur]">
<label for="nom"><:titre_cadre_signature_obligatoire:></label>[ <label for="nom">Votre nom</label>[
<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{nom})</span> <span class='erreur_message'>(#ENV**{erreurs}|table_valeur{nom})</span>
]<input type='text' class='text' name='nom' id='nom' placeholder="<:ecrire:item_nouvel_auteur|attribut_html:>" value="[(#ENV**{nom})]" /> ]<input type='text' class='text' name='nom' id='nom' placeholder="<:ecrire:item_nouvel_auteur|attribut_html:>" value="[(#ENV**{nom})]" />
</div> </div>
@ -28,6 +46,9 @@
]<input type='text' class='text' name='email' id='email' value="[(#ENV**{email})]" /> ]<input type='text' class='text' name='email' id='email' value="[(#ENV**{email})]" />
</div> </div>
[(#REM) Champs extra : téléphone et téléphone 2]
<!--extra-->
<fieldset > <fieldset >
<legend><i class="fas fa-image"></i> Avatar</legend> <legend><i class="fas fa-image"></i> Avatar</legend>
<INCLURE{fond=inclure/avatar_auteur,env,ajax=avatar,taille=normal}> <INCLURE{fond=inclure/avatar_auteur,env,ajax=avatar,taille=normal}>
@ -127,10 +148,12 @@
</div> </div>
</fieldset> </fieldset>
</div> </div>
[(#REM) ajouter les saisies supplementaires : extra et autre, a cet endroit ]
<!--extra--> <p class='boutons'>
<p class='boutons'><input type='submit' class='submit' value='<:bouton_enregistrer:>' /></p> <button type='submit' class='btn submit'>
<i class="fas fa-save"></i> <:bouton_enregistrer:>
</button>
</p>
</form> </form>
] ]
</div> </div>

2
inclure/bloc_article.html
View file

@ -1,5 +1,5 @@
[(#REM) affichage du bloc d'un article ] [(#REM) affichage du bloc d'un article ]
<BOUCLE_art(ARTICLES){id_article = #ENV{id_article}}> <BOUCLE_art(ARTICLES){id_article = #ENV{id_article}}{statut?}>
<div class="bloc-article"> <div class="bloc-article">
<div class="bloc-contenu"> <div class="bloc-contenu">
<a href="#URL_ARTICLE" title="Lire l'article"> <a href="#URL_ARTICLE" title="Lire l'article">

17
inclure/brouillons_contenu.html Normal file
View file

@ -0,0 +1,17 @@
<div class="page-groupes">
<B_articles>
<div class="row liste-articles-encadres">
#ANCRE_PAGINATION
<BOUCLE_articles(ARTICLES){statut=prepa}{! par date}{pagination 6}>
<div class="col-lg-4 mt-4 mt-lg-3">
<INCLURE{fond=inclure/bloc_article, env, statut, id_article,evenement=oui}/>
</div>
</BOUCLE_articles>
</div>
[<div class="pagination">(#PAGINATION{page_precedent_suivant})</div>]
</B_articles>
</div>

3
inclure/menu_principal.html
View file

@ -31,6 +31,9 @@
<a class="nav-link" href="[(#URL_PAGE{forum})]">Forum</a> <a class="nav-link" href="[(#URL_PAGE{forum})]">Forum</a>
</li> </li>
<?php } ?> <?php } ?>
<li class="nav-item [(#SI_PAGE{nous-contacter}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{nous-contacter})]">Contact</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>