From ba7886271f3fb8bdad927370d059ad821e6138ab Mon Sep 17 00:00:00 2001 From: chankalan Date: Fri, 21 Oct 2022 18:22:33 +0200 Subject: [PATCH 01/15] =?UTF-8?q?une=20s=C3=A9lection=20d'=C3=A9mission=20?= =?UTF-8?q?en=20page=20accueil=20pour=20l'instant=20on=20utilise=20la=20pa?= =?UTF-8?q?ge=20sommaire=5Fselection=20avant=20validation?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- formulaires/configurer_libreavous.html | 37 ++++-- lang/libreavous_fr.php | 13 +++ paquet.xml | 2 +- squelettes/content/sommaire_selection.html | 127 +++++++++++++++++++++ squelettes/scss/styles/_perso.scss | 70 +++++++++++- 5 files changed, 236 insertions(+), 13 deletions(-) create mode 100644 squelettes/content/sommaire_selection.html diff --git a/formulaires/configurer_libreavous.html b/formulaires/configurer_libreavous.html index 67c91a8..02a8ad0 100644 --- a/formulaires/configurer_libreavous.html +++ b/formulaires/configurer_libreavous.html @@ -1,21 +1,38 @@
-

<:libreavous:titre_page_configurer_libreavous:/>

- [

(#ENV*{message_ok})

] [

(#ENV*{message_erreur})

]
#ACTION_FORMULAIRE{#ENV{action}} -
    - - [(#SAISIE{textarea,licence, - label=<:libreavous:licence_label:>, - explication=<:libreavous:licence_explications:>, - inserer_barre=edition})] - -
+
+

<:libreavous:page_accueil:/>

+
+ + [(#SAISIE{selecteur_article, selectionaccueil, + label=<:libreavous:selectionaccueil:>, + multiple=oui, + explication=<:libreavous:selectionaccueil_explications:>})] + + [(#SAISIE{input,selectionaccueiltitre, + label=<:libreavous:selectionaccueiltitre_label:>, + explication=<:libreavous:selectionaccueiltitre_explications:>, + placeholder='Sélection'})] + +
+
+
+

<:libreavous:les_emissions:/>

+
+ [(#SAISIE{textarea,licence, + label=<:libreavous:licence_label:>, + explication=<:libreavous:licence_explications:>, + inserer_barre=edition})] +
+
+ +

 

diff --git a/lang/libreavous_fr.php b/lang/libreavous_fr.php index 141d0a6..b91aae0 100644 --- a/lang/libreavous_fr.php +++ b/lang/libreavous_fr.php @@ -39,6 +39,19 @@ $GLOBALS[$GLOBALS['idx_lang']] = array( 'musiques' => 'Musiques', 'licence' => 'Licence', + // page configuration + 'titre_page_configurer' => 'Configuration particulière pour Libre à vous !', + 'options_libreavous' => 'Options Libre à vous !', + 'page_accueil' => 'Page Accueil', + 'les_emissions' => 'Les émissions', + 'licence_label' => 'Licence', + 'licence_explications' => 'Le texte est présent sur chaque page d’émission, tout en bas.', + 'selectionaccueil' => 'Sélection d’émissions en page accueil', + 'selectionaccueil_explications' => 'Sous le bloc de la prochaine émission, la sélection met en avant quelques émissions pour orienter les premières visites...', + 'selection_d_emissions' => 'Sélection', + 'selectionaccueiltitre_label' => 'Le titre de cette sélection.', + 'selectionaccueiltitre_explications' => 'Par défaut Sélection', + 'diffusee_le' => 'Diffusée le', 'diffusee_en_direct_le' => 'Diffusée en direct ', 'toutes_les_emissions' => 'Toutes les émissions', diff --git a/paquet.xml b/paquet.xml index 1c834a5..1e824a5 100644 --- a/paquet.xml +++ b/paquet.xml @@ -30,6 +30,6 @@ - + diff --git a/squelettes/content/sommaire_selection.html b/squelettes/content/sommaire_selection.html new file mode 100644 index 0000000..476e8ac --- /dev/null +++ b/squelettes/content/sommaire_selection.html @@ -0,0 +1,127 @@ +#CACHE{0} + + +
+
+ +

[(#TITRE)][ + (#SOUSTITRE) + ]

+ +
+ [(#PS|oui)
] +
+ [
(#CHAPO|image_reduire{800,*})
] + [
(#TEXTE|image_reduire{800,*})
] + [
+
(#PS|image_reduire{400,*})
+
] +
+ +
+ +[(#REM) +15h15 = horaire de publication = date de publication de l'article +15h30 = horaire de début = pour l'instant dans le code +17h00 = horaire de fin = pour l'instant dans le code +] +[(#REM) +on détermine la dernière émission même si la date est dans le futur, forcée par statut=publie +][(#REM) +on connait la date de publication, donc on determine début_emission et fin_emission +ensuite inclusion en statique pour la gestion du cache indépendante - à vérifier... +] +[(#SET{debut_emission,[(#DATE|annee)-][(#DATE|mois)-][(#DATE|jour|libreavous_aveczerod) ]15:30:00})] +[(#SET{fin_emission,[(#DATE|annee)-][(#DATE|mois)-][(#DATE|jour|libreavous_aveczerod) ]17:00:00})] + +[(#ENV{date}|<={#GET{fin_emission}}|oui) [(#REM) inclure l'émission prochaine et en cours ] + #INCLURE{fond=inclure/emission_encours,env,id_article,debut_emission=#GET{debut_emission},fin_emission=#GET{fin_emission}}#SET{prochaine,#ID_ARTICLE} +][(#ENV{date}|>={#GET{fin_emission}}|oui) [(#REM) inclure la dernière émission ] + #INCLURE{fond=inclure/derniere_emission,debut_emission=#GET{debut_emission},fin_emission=#GET{fin_emission},emission_heroine=oui} +] + + + + + +
+

[(#CONFIG{libreavous/selectionaccueiltitre}|sinon{<:libreavous:selection_d_emissions:>})]

+ + +[(#TOTAL_BOUCLE|>={3}|oui) + +] +
+
+ + + +
+ +

#TITRE

+
+
+ [
(#CHAPO|adaptive_images{#CONST{_CONTENT_WIDTH}})
] + [
(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})
] +
+ [] +
+
+ [

<:info_notes:>

(#NOTES)
] +
+ +
+
+ [
(#DESCRIPTIF_SITE_SPIP)
] + [(#DESCRIPTIF_SITE_SPIP|non)
#NOM_SITE_SPIP
] + + + [(#GET{prochaine}|oui) +
+

<:libreavous:derniere_emission:>

+ +
+ ] + + + + [(#MODELE{bouton,lienobjet=rubrique,lienidobjet=1,class=center taille130,texte=Toutes les émissions})] diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss index 922522d..dc07d07 100644 --- a/squelettes/scss/styles/_perso.scss +++ b/squelettes/scss/styles/_perso.scss @@ -264,7 +264,8 @@ html .formulaire_spip input[type="text"] { .texte_accueil { .page_content > article&:not(.annonce) { margin-bottom:0; - padding-right:2rem; + margin-top: 4rem; + padding-right:2rem; } background-color: white; .main { @@ -1013,6 +1014,71 @@ a:hover .fab, a:hover .fas { padding: 1rem; width: auto; } + + &.emissions_selectionaccueil { + position: relative; + .owl-carousel { + article { +/* width: 30%; */ + padding: 0 1rem; + .texte_aside, .podcast, .sujets, .btn.blanc { + display: none; + opacity: 0; + } + &:hover { + .sujets, .btn.blanc { +/* display: block; */ +/* opacity: 1; */ + /* + position: absolute; + top: 100%; + background: white;*/ + } + } + .article__infos { + margin: 0 0 1rem -1rem; + position: static; + .btn.blanc { + position: absolute; + bottom: 1rem; + right: 0; + } + } + .texte_content { + position: relative; +/* padding-bottom: 2.5rem; */ + } + } + .owl-nav { + font-size: 6rem; + button.owl-prev, button.owl-next { + color: white; + position: absolute; + top: -2rem; + right: -4rem; + line-height: 1; + background: none !important; + @media(max-width:768px) { + right: -2.5rem; + } + span { + display: block; + } + } + button.owl-prev { + left: -4rem; + @media(max-width:768px) { + left: -2.5rem; + } + } + } + + } + } + .emission-resume.article-resume h1 small { + display: block; + } + } .liste.emissions.chroniques { > ul > li { @@ -1025,7 +1091,7 @@ a:hover .fab, a:hover .fas { } .emission_heroine.emission-resume.article-resume { - margin-bottom:4rem; +/* margin-bottom:4rem; */ padding-bottom: 2rem; .article__infos { margin: 0 0 0 -4rem; From c13caee306715e318f29a7dce16ff7eb3e45b5ef Mon Sep 17 00:00:00 2001 From: chankalan Date: Tue, 22 Nov 2022 17:38:39 +0100 Subject: [PATCH 02/15] =?UTF-8?q?une=20ancre=20nomm=C3=A9e=20pour=20cibler?= =?UTF-8?q?=20un=20chapitre=20particulier=20sur=20la=20page=20d'une=20chro?= =?UTF-8?q?nique,=20avec=20lien=20visible?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- squelettes/inclure/resume/chronique.html | 14 +++++++------- squelettes/scss/styles/_perso.scss | 7 +++++++ 2 files changed, 14 insertions(+), 7 deletions(-) diff --git a/squelettes/inclure/resume/chronique.html b/squelettes/inclure/resume/chronique.html index f42b9e2..8d9b330 100644 --- a/squelettes/inclure/resume/chronique.html +++ b/squelettes/inclure/resume/chronique.html @@ -1,8 +1,8 @@ -
+
- +
- -

[(#_chronique:TITRE)]

+ +

[(#_chronique:TITRE)[ ]

- +
[ (#OGG|non)<:libreavous:le_podcast_sera_bientot_disponible:>][ (#OGG|oui)
    @@ -41,7 +41,7 @@
] [Transcription]
- +
diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss index dc07d07..b01b917 100644 --- a/squelettes/scss/styles/_perso.scss +++ b/squelettes/scss/styles/_perso.scss @@ -882,6 +882,13 @@ a:hover .fab, a:hover .fas { small { display: inline-block; } + a:hover .fa-link { + opacity: 1; + } + } + .fa-link { + font-size: 0.7em; + opacity: 0.2; } } From 507e83a3692a302398fa8bc48c1e94ad642e7183 Mon Sep 17 00:00:00 2001 From: chankalan Date: Wed, 30 Nov 2022 10:50:49 +0100 Subject: [PATCH 03/15] =?UTF-8?q?la=20s=C3=A9lection=20sous=20la=20pr?= =?UTF-8?q?=C3=A9sentation?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- squelettes/content/sommaire_selection.html | 60 +++++++++++----------- 1 file changed, 30 insertions(+), 30 deletions(-) diff --git a/squelettes/content/sommaire_selection.html b/squelettes/content/sommaire_selection.html index 476e8ac..1236b78 100644 --- a/squelettes/content/sommaire_selection.html +++ b/squelettes/content/sommaire_selection.html @@ -43,6 +43,36 @@ ensuite inclusion en statique pour la gestion du cache indépendante - à vérif + +
+ +

#TITRE

+
+
+ [
(#CHAPO|adaptive_images{#CONST{_CONTENT_WIDTH}})
] + [
(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})
] +
+ [] +
+
+ [

<:info_notes:>

(#NOTES)
] +
+ +
+
+ [
(#DESCRIPTIF_SITE_SPIP)
] + [(#DESCRIPTIF_SITE_SPIP|non)
#NOM_SITE_SPIP
] + + + [(#GET{prochaine}|oui) +
+

<:libreavous:derniere_emission:>

+ +
+ ] +

[(#CONFIG{libreavous/selectionaccueiltitre}|sinon{<:libreavous:selection_d_emissions:>})]

@@ -92,36 +122,6 @@ jQuery(function($){ - -
- -

#TITRE

-
-
- [
(#CHAPO|adaptive_images{#CONST{_CONTENT_WIDTH}})
] - [
(#TEXTE|adaptive_images{#CONST{_CONTENT_WIDTH}})
] -
- [] -
-
- [

<:info_notes:>

(#NOTES)
] -
- -
-
- [
(#DESCRIPTIF_SITE_SPIP)
] - [(#DESCRIPTIF_SITE_SPIP|non)
#NOM_SITE_SPIP
] - - - [(#GET{prochaine}|oui) -
-

<:libreavous:derniere_emission:>

- -
- ] - [(#MODELE{bouton,lienobjet=rubrique,lienidobjet=1,class=center taille130,texte=Toutes les émissions})] From be581c0f3ee1294966245a8bb755fdca8c00c8de Mon Sep 17 00:00:00 2001 From: chankalan Date: Wed, 30 Nov 2022 15:42:24 +0100 Subject: [PATCH 04/15] =?UTF-8?q?suite=20s=C3=A9lection=20d'articles=20en?= =?UTF-8?q?=20sommaire?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- squelettes/content/sommaire_selection.html | 57 ++++++++++++---------- squelettes/javascript/perso.js | 2 +- squelettes/scss/styles/_perso.scss | 32 +++++++++--- 3 files changed, 59 insertions(+), 32 deletions(-) diff --git a/squelettes/content/sommaire_selection.html b/squelettes/content/sommaire_selection.html index 1236b78..400d0d0 100644 --- a/squelettes/content/sommaire_selection.html +++ b/squelettes/content/sommaire_selection.html @@ -75,46 +75,53 @@ ensuite inclusion en statique pour la gestion du cache indépendante - à vérif
-

[(#CONFIG{libreavous/selectionaccueiltitre}|sinon{<:libreavous:selection_d_emissions:>})]

+

[(#CONFIG{libreavous/selectionaccueiltitre}|sinon{<:libreavous:selection_d_emissions:>}) ]

[(#TOTAL_BOUCLE|>={3}|oui) ] diff --git a/squelettes/javascript/perso.js b/squelettes/javascript/perso.js index 8ee36c5..6095d95 100644 --- a/squelettes/javascript/perso.js +++ b/squelettes/javascript/perso.js @@ -1,5 +1,5 @@ $(function() { - + // $('.header_menu .abonnement label.btn').on('click', function(){ // $(this).siblings('#email').toggleClass('vu'); // $(this).parent().siblings('button').toggleClass('vu'); diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss index b01b917..d9a6e5d 100644 --- a/squelettes/scss/styles/_perso.scss +++ b/squelettes/scss/styles/_perso.scss @@ -285,7 +285,7 @@ html .formulaire_spip input[type="text"] { } } -.body__sommaire .page_main .annonce { +.body__sommaire .page_main .annonce, .body__sommaire_selection .page_main .annonce { h1 { margin-top:0; } @@ -860,7 +860,7 @@ a:hover .fab, a:hover .fas { } /* page sommaire */ -.body__sommaire .page_main { +.body__sommaire .page_main, .body__sommaire_selection .page_main { h1 { margin: 1em 0 0.8em; } @@ -1024,11 +1024,28 @@ a:hover .fab, a:hover .fas { &.emissions_selectionaccueil { position: relative; + .avant { + @include triangle(left, white, 0.4em); + } + .ensuite { + @include triangle(right, white, 0.4em); + } + .avant, .ensuite { + display: inline-block; + margin: 0 0.2em; + cursor: pointer; + &.disabled { + opacity: 0.5; + cursor: default; + } + } .owl-carousel { + margin: 0 -4rem; + width: auto; article { /* width: 30%; */ padding: 0 1rem; - .texte_aside, .podcast, .sujets, .btn.blanc { + h1 small, .texte_aside, .podcast, .sujets { display: none; opacity: 0; } @@ -1082,10 +1099,13 @@ a:hover .fab, a:hover .fas { } } - .emission-resume.article-resume h1 small { - display: block; + .emission-resume.article-resume h1 { + margin-top: 0.8em; + margin-bottom: 1.5em; + small { + display: block; + } } - } .liste.emissions.chroniques { > ul > li { From 7683d01b54028da3bfc1d6040d3727eb2b9c5f96 Mon Sep 17 00:00:00 2001 From: chankalan Date: Thu, 1 Dec 2022 15:55:33 +0100 Subject: [PATCH 05/15] =?UTF-8?q?carousel=20adapt=C3=A9=20aux=20tailles=20?= =?UTF-8?q?d'=C3=A9cran=20+=20hauteur=20des=20items?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- squelettes/content/sommaire_selection.html | 17 +++++++++++++++-- squelettes/scss/styles/_perso.scss | 6 ++++-- 2 files changed, 19 insertions(+), 4 deletions(-) diff --git a/squelettes/content/sommaire_selection.html b/squelettes/content/sommaire_selection.html index 400d0d0..ac21843 100644 --- a/squelettes/content/sommaire_selection.html +++ b/squelettes/content/sommaire_selection.html @@ -93,8 +93,21 @@ jQuery(function($){ slideBy: 3, dots: false, nav: false, - autoHeight: false, - onTranslated: callback + onTranslated: callback, + responsive : { + // breakpoint from 0 up + 0 : { + items: 1, + }, + // breakpoint from 480 up + 560 : { + items: 2, + }, + // breakpoint from 768 up + 768 : { + items: 3, + } + } }); // Go to the next item $('.ensuite').click(function() { diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss index d9a6e5d..0a3f33f 100644 --- a/squelettes/scss/styles/_perso.scss +++ b/squelettes/scss/styles/_perso.scss @@ -1042,8 +1042,10 @@ a:hover .fab, a:hover .fas { .owl-carousel { margin: 0 -4rem; width: auto; + @media (max-width:768px) { + margin: 0 -2rem; + } article { -/* width: 30%; */ padding: 0 1rem; h1 small, .texte_aside, .podcast, .sujets { display: none; @@ -1070,7 +1072,7 @@ a:hover .fab, a:hover .fas { } .texte_content { position: relative; -/* padding-bottom: 2.5rem; */ + min-height: 320px; } } .owl-nav { From 7ba5fac1097a18b51e3cfec704a486a7f26b32ed Mon Sep 17 00:00:00 2001 From: chankalan Date: Fri, 2 Dec 2022 12:54:04 +0100 Subject: [PATCH 06/15] =?UTF-8?q?"=C3=89missions=20diffus=C3=A9es"=20+=20m?= =?UTF-8?q?arge=20lat=C3=A9rale=20des=20h2=20en=20tr=C3=A8s=20petit=20?= =?UTF-8?q?=C3=A9cran?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lang/libreavous_fr.php | 1 + squelettes/inclure/liste/emissions-precedentes.html | 2 +- squelettes/scss/styles/_perso.scss | 4 ++++ 3 files changed, 6 insertions(+), 1 deletion(-) diff --git a/lang/libreavous_fr.php b/lang/libreavous_fr.php index b91aae0..5ef991b 100644 --- a/lang/libreavous_fr.php +++ b/lang/libreavous_fr.php @@ -27,6 +27,7 @@ $GLOBALS[$GLOBALS['idx_lang']] = array( 'derniere_emission' => 'Dernière émission', 'toutes_les_emissions' => 'Toutes les émissions', 'emissions_precedentes' => 'Émissions précédentes', + 'emissions_diffusees' => 'Émissions diffusées', 'dernieres_chroniques' => 'Dernières chroniques', 'au_programme' => 'Au programme', diff --git a/squelettes/inclure/liste/emissions-precedentes.html b/squelettes/inclure/liste/emissions-precedentes.html index b0cb408..59ce406 100644 --- a/squelettes/inclure/liste/emissions-precedentes.html +++ b/squelettes/inclure/liste/emissions-precedentes.html @@ -1,6 +1,6 @@ #CACHE{0}
#ANCRE_PAGINATION -

<:libreavous:emissions_precedentes:>

+

<:libreavous:emissions_diffusees:>

  • diff --git a/squelettes/scss/styles/_perso.scss b/squelettes/scss/styles/_perso.scss index 0a3f33f..79def58 100644 --- a/squelettes/scss/styles/_perso.scss +++ b/squelettes/scss/styles/_perso.scss @@ -982,6 +982,10 @@ a:hover .fab, a:hover .fas { } > h2 { margin-bottom: 0.6rem; + @media (max-width:460px) { + margin-left: -2rem; + margin-right: -2rem; + } } > ul { list-style: none; From 33c6064744761521def57acdcf1c4575bea2e019 Mon Sep 17 00:00:00 2001 From: chankalan Date: Fri, 2 Dec 2022 12:59:21 +0100 Subject: [PATCH 07/15] =?UTF-8?q?emp=C3=AAcher=20malgr=C3=A9=20tout=20le?= =?UTF-8?q?=20passage=20=C3=A0=20la=20ligne=20entre=20les=20deux=20fl?= =?UTF-8?q?=C3=A8ches=20du=20contr=C3=B4le=20carousel?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- squelettes/content/sommaire_selection.html | 2 +- squelettes/scss/styles/_perso.scss | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/squelettes/content/sommaire_selection.html b/squelettes/content/sommaire_selection.html index ac21843..9580755 100644 --- a/squelettes/content/sommaire_selection.html +++ b/squelettes/content/sommaire_selection.html @@ -75,7 +75,7 @@ ensuite inclusion en statique pour la gestion du cache indépendante - à vérif
    -

    [(#CONFIG{libreavous/selectionaccueiltitre}|sinon{<:libreavous:selection_d_emissions:>}) ]

    +

    [(#CONFIG{libreavous/selectionaccueiltitre}|sinon{<:libreavous:selection_d_emissions:>}) ]