recherche

This commit is contained in:
chankalan 2021-09-28 12:10:21 +02:00
parent b8f7879e22
commit 4376bb5add
6 changed files with 66 additions and 102 deletions

View File

@ -0,0 +1 @@
[(#REM) vide ]

View File

@ -0,0 +1,6 @@
<!-- connex -->[(#REM) charger un fichier different pour chaque page ]
<div class="page_container page_connex__container">
<INCLURE{fond=inclure/liste/articles-recherche, env, ajax} />
</div>

View File

@ -0,0 +1,5 @@
#FORMULAIRE_RECHERCHE
<h1><:resultats_recherche:/>
[<br />« (#RECHERCHE) »]</h1>

View File

@ -2,73 +2,7 @@
<BOUCLE_der(ARTICLES){id_rubrique}{!par date}{id_article!=#ENV{prochaine}}{0,1}> <BOUCLE_der(ARTICLES){id_rubrique}{!par date}{id_article!=#ENV{prochaine}}{0,1}>
<div class="derniere_emission"> <div class="derniere_emission">
<h2><:libreavous:derniere_emission:></h2> <h2><:libreavous:derniere_emission:></h2>
<article class="flex"> <INCLURE{fond=inclure/resume/emission,id_article} />
<div class="texte_content">
<header class="cartouche">
<p class="article__infos">
<a href="#URL_ARTICLE" class="sansbordure"><span class="num_emission #EDIT{surtitre}">#[(#SURTITRE)]</span></a>
[<span class="article__date"><:libreavous:diffusee_le:> [(#DATE|jour)/][(#DATE|mois)/](#DATE|annee)</span>]
<a href="#URL_ARTICLE" class="btn taille80 blanc"><:libreavous:page_de_l_emission:></a>
</p>
<h1><a href="#URL_ARTICLE"><span class="#EDIT{titre} article__titre">[(#TITRE|libreavous_supp_numero)]</span></a>[
<small class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</small>
]</h1>
<div class="postmeta">
#MODELE{article_traductions}
<BOUCLE_groupes(GROUPES_MOTS){par titre}>
<B_tags>
<p class="mots">
<strong>#TITRE : </strong><BOUCLE_tags(MOTS){id_article}{id_groupe}{', '}>
<a href="#URL_MOT">#TITRE</a>
</BOUCLE_tags>
</p>
</B_tags>
</BOUCLE_groupes>
</div>
</header>
<B_s>
<div class="sujets">
<h2><:libreavous:au_programme:> :</h2>
<ul>
<BOUCLE_s(CHAPITRES){id_article}{par debut}>
<li>#TITRE
[<small>[ <span class="duree"><:libreavous:duree:> : (#DEBUT|duree{#FIN}|sanszeroh)</span>] <a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].ogg" class="btn ogg podcast mini" title="(#PODCAST_OGG|taille_en_octets)"><span class="visuallyhidden">ogg</span></a>
<a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#CODE_PODCAST)]/libre-a-vous-[(#CODE_PODCAST)]-[(#CODE_FICHIER)].mp3" class="btn mp3 podcast mini"[ title="(#PODCAST_MP3|taille_en_octets)"]><span class="visuallyhidden">mp3</span></a></small>]
</li>
</BOUCLE_s>
</ul>
</div>
</B_s>
[<div class="emission-programme #EDIT{chapo}">(#CHAPO)</div>]
<//B_s>
<p class="flex">
[(#PODCAST_CODE|oui)
[<a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].ogg" class="btn blanc ogg podcast taille130" title="(#PODCAST_OGG|taille_en_octets)"><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:ogg:></a>
<a href="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/[(#PODCAST_CODE)]/libre-a-vous-[(#PODCAST_CODE)].mp3" class="btn blanc mp3 podcast taille130"[ title="(#PODCAST_MP3|taille_en_octets)"]><small><:libreavous:emission_integrale:></small><br /><:libreavous:podcast:> <:libreavous:mp3:></a>]
]
[<a href="(#PODCAST_TRANSCRIPTION)" class="btn taille80 blanc">Transcription</a>]
</p>
</div>
[<div class="photo">(#LOGO_ARTICLE|image_reduire{350,*})</div>]
#SET{thumbs,'data-original-title'}
<B_photos>
<div class="photo">
<BOUCLE_photos(DATA){si #LOGO_ARTICLE|non}{source file, #PODCAST_GALERIEPHOTOS}{valeur == #GET{thumbs}}{0,1}>
<figure class="photoapril">[<img src="https://photos.april.org/(#VALEUR|extraire_attribut{src})"[ alt="(#VALEUR|extraire_attribut{alt})"] />]</figure>
</BOUCLE_photos>
[<a href="(#PODCAST_GALERIEPHOTOS)" class="galeriephotos"><:libreavous:galerie_april:></a>]
</div>
</B_photos>
</article>
</div> </div>
</BOUCLE_der> </BOUCLE_der>
</BOUCLE_emissions> </BOUCLE_emissions>

View File

@ -0,0 +1,15 @@
[(#REM) Articles trouves ]
<BOUCLE_emissions(RUBRIQUES){composition=emissions}>
<B_articles>
<div class="liste articles emissions resultats">
#ANCRE_PAGINATION
<h2 class="h2"><:articles:> (#GRAND_TOTAL)</h2>
<ul class="liste-items">
<BOUCLE_articles(ARTICLES) {id_rubrique} {recherche} {par points}{inverse} {pagination 10}>
<li class="item"><INCLURE{fond=inclure/resume/emission,id_article,recherche=#ENV{recherche},composition,env} /></li>
</BOUCLE_articles>
</ul>
[<nav class="pagination" role="pagination">(#PAGINATION)</nav>]
</div>
</B_articles>
</BOUCLE_emissions>

View File

@ -24,10 +24,10 @@ span.btn {
} }
.page_wrapper { .page_wrapper {
background:$couleurPrincipale url('../images/egalizer.png') repeat-x center -150px; background:$couleurPrincipale url('../images/egalizer.png') repeat-x center -300px;
/* background-attachment:fixed; */ /* background-attachment:fixed; */
@media ($bp-small) { @media ($bp-small) {
background:$couleurPrincipale url('../images/egalizer-480.png') repeat-x center -150px; background:$couleurPrincipale url('../images/egalizer-480.png') repeat-x center -300px;
} }
} }
.page_header { .page_header {
@ -264,7 +264,7 @@ span.btn {
} }
> .ajaxbloc { > .ajaxbloc {
padding-top: 0; padding-top: 0;
margin-top: 8rem; margin-top: 6rem;
position: relative; position: relative;
.emissions > h2, .emissions > a { .emissions > h2, .emissions > a {
position:absolute; position:absolute;
@ -304,25 +304,10 @@ span.btn {
> ul .article-resume { > ul .article-resume {
padding:0; padding:0;
} }
@include media($bp-medium-up) {
html:not(.composition_blog) & {
min-width: 50%;
width: em(330px);
margin-left: 0;
> * { > * {
/* padding-left:0; */ padding-left:0;
} }
} }
}
@include media($bp-large-up) {
html:not(.composition_blog) & {
min-width: 50%;
width: em(430px);
}
}
}
@ -673,7 +658,7 @@ a:hover .fab, a:hover .fas {
.page_connex { .page_connex {
margin:3rem 0 0; margin:3rem 0 0;
padding:0 0 1rem; padding:0 0 1rem;
background:$couleurPrincipale; /* background:$couleurPrincipale; */
} }
.page_connex_content { .page_connex_content {
color:white; color:white;
@ -731,12 +716,28 @@ a:hover .fab, a:hover .fas {
margin: 1em 0 0.8em; margin: 1em 0 0.8em;
} }
} }
.emission-resume.article-resume {
align-items:center;
padding: 0 $spacer 0 ($spacer*4);
margin:0;
@include media($bp-medium) {
padding:0 $spacer 0 ($spacer*2);
}
.article__infos {
/* margin-left:-$spacer; */
}
}
.derniere_emission { .derniere_emission {
position:relative; position:relative;
margin-top:($spacer*6); margin-top:($spacer*6);
padding-left:0 !important;
padding-right:0 !important;
> h2 { > h2 {
margin-top:-($spacer*3.6); margin-top:-($spacer*3.6);
margin-bottom:($spacer*0.65); margin-bottom:($spacer*0.65);
padding-left:($spacer*4);
@include media($bp-medium) { @include media($bp-medium) {
margin-bottom: 2.05rem; margin-bottom: 2.05rem;
} }
@ -749,6 +750,9 @@ a:hover .fab, a:hover .fas {
padding-bottom:0; padding-bottom:0;
> h2 { > h2 {
color:white; color:white;
.page_recherche & {
padding:0 ($spacer*4);
}
} }
.texte_content { .texte_content {
flex:1; flex:1;
@ -822,6 +826,9 @@ a:hover .fab, a:hover .fas {
list-style:none; list-style:none;
padding:0; padding:0;
margin:0 -($spacer*4); margin:0 -($spacer*4);
.page_recherche & {
margin:0;
}
@include media($bp-medium) { @include media($bp-medium) {
margin:0 -($spacer*2); margin:0 -($spacer*2);
} }
@ -829,19 +836,7 @@ a:hover .fab, a:hover .fas {
margin-bottom:2px; margin-bottom:2px;
} }
} }
.emission-resume.article-resume {
align-items:center;
padding: 0 $spacer 0 ($spacer*4);
margin:0;
@include media($bp-medium) {
padding:0 $spacer 0 ($spacer*2);
}
.article__infos {
/* margin-left:-$spacer; */
}
}
.pagination .pagination-items a, .pagination .pagination-items span, .pagination .lien_pagination, .pagination .lien_pagination span { .pagination .pagination-items a, .pagination .pagination-items span, .pagination .lien_pagination, .pagination .lien_pagination span {
color:white; color:white;
&.on, &:hover { &.on, &:hover {
@ -867,6 +862,7 @@ a:hover .fab, a:hover .fas {
} }
.prochaine_emission { .prochaine_emission {
margin-bottom:($spacer*6);
.article__date { .article__date {
font-size:1rem; font-size:1rem;
color:$couleurPrincipale; color:$couleurPrincipale;
@ -943,7 +939,14 @@ a:hover .fab, a:hover .fas {
} }
} }
.page_recherche {
.page_content .formulaire_spip.formulaire_recherche {
float:right;
padding-left:0 !important;
padding-right:2rem;
width:250px;
}
}