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

Ajout des pages mediatheque et séminaires

Browse source
This commit is contained in:
Pierre 2020-02-11 16:01:01 +01:00
parent e296fcf7a6
commit daddac21eb
12 changed files with 182 additions and 97 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
content/article.html
View file

@ -7,6 +7,8 @@
<section class="section-top section-bottom container">
<div class="cadre-blanc">
[(#AUTORISER{modifier, article, #ID_ARTICLE})
<div class="boutons a-droite">
<a class="btn" href="#URL_PAGE{editer_article,id_article=#ID_ARTICLE }"><i class="fas fa-edit"></i> Éditer</a>
@ -17,7 +19,7 @@
<div class="col-lg-8">
<h1 class="#EDIT{titre}">#TITRE</h1>
[<h2 class="#EDIT{soustitre}">(#SOUSTITRE)</h2>]
[<h2 class="h5 font-italic #EDIT{soustitre}">(#SOUSTITRE)</h2>]
<div class="Texte">
<div class="texte #EDIT{texte}">#TEXTE</div>
@ -58,6 +60,7 @@
</BOUCLE_images>
</div>
</div>
</div>
</section>

17
content/mediatheque.html
View file

@ -1,15 +1,12 @@
[(#REM) On affiche la France par défaut]
<BOUCLE_france(RUBRIQUES){id_parent = #CONFIG{balint/id_rub_groupes}}{titre=france}{tout}{0,1}{si #ENV{id_rubrique}|non}>
[(#ID_RUBRIQUE|setenv{id_rubrique})]
</BOUCLE_france>
[(#REM) On affiche la première rubrique par défaut]
<BOUCLE_medias(MOTS){id_groupe = #CONFIG{balint/id_mots_medias}}{tout}{0,1}{si #ENV{id_mot}|non}{par id_mot}>
[(#ID_MOT|setenv{id_mot})]
</BOUCLE_medias>
[(#REM) On affiche tous les groupes appartenant à la même Ville]
<section id="groupes" class="section-top section-bottom container">
<section id="medias" class="section-top section-bottom container">
<div class="cadre-blanc">
<h1 class="mb-4">Les groupes</h1>
<INCLURE{fond=inclure/groupes_contenu,env,ajax}>
<h1 class="mb-4">Médiathèque</h1>
<INCLURE{fond=inclure/medias_contenu,env,ajax}>
</div>
</section>

8
content/seminaires.html Normal file
View file

@ -0,0 +1,8 @@
[(#REM) On affiche la première rubrique par défaut]
<section id="seminaires" class="section-top section-bottom container">
<div class="cadre-blanc">
<h1 class="mb-4">Les séminaires</h1>
<INCLURE{fond=inclure/seminaires_contenu,env,ajax}>
</div>
</section>

2
content/sommaire.html
View file

@ -50,7 +50,7 @@
<section id="a-la-une">
<div class="container">
<h2 class="h3">À la une</h2>
<div class="row liste-articles">
<div class="row liste-articles-encadres">
<BOUCLE_a_la_une(ARTICLES){titre_mot=a_la_une}>
<div class="col-lg-4 mt-4 mt-lg-0">
<INCLURE{fond=inclure/bloc_article, env, id_article}/>

27
css/_sq_balint.scss
View file

@ -246,7 +246,7 @@ body{
}
}
.liste-articles{
.liste-articles-encadres{
.bloc-article {
height: 100%;
background: white;
@ -441,7 +441,7 @@ body{
/************************ PAGE ASSOCIATION ****************************/
/**********************************************************************/
#menu-association, #menu-groupes, #menu-methode{
#menu-association, #menu-methode, #menu-groupes, #menu-medias{
background: $couleur-liens;
margin: 1rem 0;
border-radius: 0.2rem;
@ -480,26 +480,17 @@ body{
/************************** PAGE GROUPES ******************************/
/**********************************************************************/
/*
#menu-groupes{
margin-bottom: 0;
}
.groupes-intertitre{
background: $fond-transparent;
color: $dark;
padding: 0.5rem 1rem;
}*/
#menu-groupes{
#menu-groupes, #menu-medias{
margin-top: 0;
}
@include media-breakpoint-up(lg) {
#menu-groupes li:not(:last-of-type){
#menu-groupes, #menu-medias{
li:not(:last-of-type){
border: none;
}
}
}
.page-groupes{
align-items: flex-start;
@ -705,6 +696,12 @@ body{
margin-bottom: 1.5rem;;
}
.liste-articles{
.bloc-textes{
padding: 1rem 0;
}
}
/**********************************************************************/
/************************* PAGE GERER MEMBRES *************************/
/**********************************************************************/

44
css/mon_site.css
View file

@ -12139,21 +12139,21 @@ body {
padding: 1rem;
}
.liste-articles .bloc-article {
.liste-articles-encadres .bloc-article {
height: 100%;
background: white;
outline: 1px solid #DDD;
}
.liste-articles .bloc-article a {
.liste-articles-encadres .bloc-article a {
min-height: 100%;
}
.liste-articles .bloc-article a h2 {
.liste-articles-encadres .bloc-article a h2 {
text-align: left;
}
.liste-articles .bloc-contenu {
.liste-articles-encadres .bloc-contenu {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
@ -12166,13 +12166,13 @@ body {
position: relative;
}
.liste-articles .bloc-textes {
.liste-articles-encadres .bloc-textes {
padding: 1.5rem;
-webkit-box-flex: 1;
flex-grow: 1;
}
.liste-articles .resume-article {
.liste-articles-encadres .resume-article {
-webkit-box-flex: 1;
flex-grow: 1;
}
@ -12380,35 +12380,35 @@ body {
/**********************************************************************/
/************************ PAGE ASSOCIATION ****************************/
/**********************************************************************/
#menu-association, #menu-groupes, #menu-methode {
#menu-association, #menu-methode, #menu-groupes, #menu-medias {
background: #f67638;
margin: 1rem 0;
border-radius: 0.2rem;
padding: 0;
}
#menu-association .active a, #menu-groupes .active a, #menu-methode .active a {
#menu-association .active a, #menu-methode .active a, #menu-groupes .active a, #menu-medias .active a {
color: #ffdb70;
font-weight: bold;
}
#menu-association ul, #menu-groupes ul, #menu-methode ul {
#menu-association ul, #menu-methode ul, #menu-groupes ul, #menu-medias ul {
width: 100%;
}
#menu-association li, #menu-groupes li, #menu-methode li {
#menu-association li, #menu-methode li, #menu-groupes li, #menu-medias li {
padding: 0.5rem;
}
#menu-association li a, #menu-groupes li a, #menu-methode li a {
#menu-association li a, #menu-methode li a, #menu-groupes li a, #menu-medias li a {
color: white;
}
#menu-association li:not(:last-of-type), #menu-groupes li:not(:last-of-type), #menu-methode li:not(:last-of-type) {
#menu-association li:not(:last-of-type), #menu-methode li:not(:last-of-type), #menu-groupes li:not(:last-of-type), #menu-medias li:not(:last-of-type) {
border-bottom: solid 1px #f8f9fa;
}
#menu-association .navbar-toggler, #menu-groupes .navbar-toggler, #menu-methode .navbar-toggler {
#menu-association .navbar-toggler, #menu-methode .navbar-toggler, #menu-groupes .navbar-toggler, #menu-medias .navbar-toggler {
border: none;
color: white;
width: 100%;
@ -12425,22 +12425,12 @@ body {
/**********************************************************************/
/************************** PAGE GROUPES ******************************/
/**********************************************************************/
/*
#menu-groupes{
margin-bottom: 0;
}
.groupes-intertitre{
background: $fond-transparent;
color: $dark;
padding: 0.5rem 1rem;
}*/
#menu-groupes {
#menu-groupes, #menu-medias {
margin-top: 0;
}
@media (min-width: 992px) {
#menu-groupes li:not(:last-of-type) {
#menu-groupes li:not(:last-of-type), #menu-medias li:not(:last-of-type) {
border: none;
}
}
@ -12695,6 +12685,10 @@ body {
margin-bottom: 1.5rem;
}
.liste-articles .bloc-textes {
padding: 1rem 0;
}
/**********************************************************************/
/************************* PAGE GERER MEMBRES *************************/
/**********************************************************************/

6
formulaires/configurer_balint.html
View file

@ -43,6 +43,7 @@
#SET{name1,id_rub_articles}
#SET{name2,id_rub_groupes}
#SET{name3,id_rub_forum}
#SET{name4,id_mots_medias}
#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name1}}|table_valeur{#GET{name2}}}
#SET{obli,"obligatoire"}
<legend>Configuration de l'arborescence</legend>
@ -61,6 +62,11 @@
[<span class="erreur_message">(#GET{erreurs})</span>]
<input type="text" name="#GET{name3}" id="#GET{name3}" value="#ENV{#GET{name3}}">
</div>
<div class="editer_[(#GET{name4})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
<label for="#GET{name4}">ID du groupe de mots de la médiathèque</label>
[<span class="erreur_message">(#GET{erreurs})</span>]
<input type="text" name="#GET{name4}" id="#GET{name4}" value="#ENV{#GET{name4}}">
</div>
</fieldset>
<fieldset>

2
inclure/choix_ville.html
View file

@ -1,4 +1,4 @@
<div class="row liste-articles">
<div class="row liste-articles-encadres">
<BOUCLE_villes(ARTICLES){id_rubrique=#ENV{id_rubrique}}{fusion surtitre}>
<div class="col col-md-6 col-lg-4 mt-4 mt-lg-0">

45
inclure/medias_contenu.html Normal file
View file

@ -0,0 +1,45 @@
<div class="page-groupes row">
<div class="col w-100 col-lg-9">
<INCLURE{fond=inclure/menu-medias,env}>
<B_articles>
<div class="row liste-articles">
#ANCRE_PAGINATION
<BOUCLE_articles(ARTICLES){id_mot=#ENV{id_mot}}{! par date}{pagination 6}>
<div class="col-lg-4 mt-4 mt-lg-3">
<INCLURE{fond=inclure/bloc_article, env, id_article}/>
</div>
</BOUCLE_articles>
</div>
[<div class="pagination">(#PAGINATION{page_precedent_suivant})</div>]
</B_articles>
</div>
<aside class="col col-lg-3 d-none d-lg-block dernieres-nouvelles">
<h3 class="h4 mt-4 mb-3">Derniers articles</h3>
<div class="liste-articles">
<BOUCLE_a_la_une(ARTICLES){id_rubrique=#CONFIG{balint/id_rub_articles}}{0,6}{! par date}>
<div class="mt-4 mt-lg-0 mb-3">
<div class="infos-article">
[(#DATE|affdate) :]
</div>
<a href="#URL_ARTICLE" title="Lire l'article">
<h4 class='h5 mb-0'>#TITRE</h4>
</a>
[<div class="resume-article">(#DESCRIPTIF)</div>]
</div>
</BOUCLE_a_la_une>
<div class="col">Il n'y a pas encore d'article publié.</div>
<//B_a_la_une>
</div>
</aside>
</div>

15
inclure/menu-medias.html Normal file
View file

@ -0,0 +1,15 @@
<nav id="menu-medias" class="navbar navbar-expand-lg navbar-dark">
<button class="navbar-toggler d-flex d-lg-none collapsed" type="button" data-toggle="collapse" data-target="#liste-groupes" aria-controls="liste-deroulante-association" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-angle-down" aria-hidden="true"></i>
[<span class="navbar-brand d-lg-none">(#INFO_TITRE{mot,#ENV{id_mot}})</span>]
</button>
<div class="collapse navbar-collapse" id="liste-groupes">
<ul class="navbar-nav">
<BOUCLE_menu_medias(MOTS){id_groupe = #CONFIG{balint/id_mots_medias}}{par id_mot}{tout}>
<li class="nav-item [(#ENV{id_mot}|=={#ID_MOT}|oui) active]">
<a class="nav-link ajax" href="[(#URL_PAGE{mediatheque}|parametre_url{id_mot,#ID_MOT})]">#TITRE</a>
</li>
</BOUCLE_menu_medias>
</ul>
</div>
</nav>

3
inclure/menu_principal.html
View file

@ -15,6 +15,9 @@
<li class="nav-item [(#SI_PAGE{methode}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{methode})]">La méthode</a>
</li>
<li class="nav-item [(#SI_PAGE{seminaires}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{seminaires})]">Les séminaires</a>
</li>
<li class="nav-item [(#SI_PAGE{groupes}|oui) active]">
<a class="nav-link" href="[(#URL_PAGE{groupes})]">Les groupes</a>
</li>

17
inclure/seminaires_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){titre_mot=seminaires}{! par date}{pagination 6}>
<div class="col-lg-4 mt-4 mt-lg-3">
<INCLURE{fond=inclure/bloc_article, env, id_article}/>
</div>
</BOUCLE_articles>
</div>
[<div class="pagination">(#PAGINATION{page_precedent_suivant})</div>]
</B_articles>
</div>