Compare commits
No commits in common. "be581c0f3ee1294966245a8bb755fdca8c00c8de" and "c13caee306715e318f29a7dce16ff7eb3e45b5ef" have entirely different histories.
be581c0f3e
...
c13caee306
@ -43,6 +43,55 @@ ensuite inclusion en statique pour la gestion du cache indépendante - à vérif
|
|||||||
</BOUCLE_quand>
|
</BOUCLE_quand>
|
||||||
</BOUCLE_emissions>
|
</BOUCLE_emissions>
|
||||||
|
|
||||||
|
<B_selection>
|
||||||
|
<div class="liste articles emissions emissions_selectionaccueil">
|
||||||
|
<h2>[(#CONFIG{libreavous/selectionaccueiltitre}|sinon{<:libreavous:selection_d_emissions:>})]</h2>
|
||||||
|
<div class="owl-theme owl-carousel [ (#TOTAL_BOUCLE|>={3}|oui)owlselectionaccueil]">
|
||||||
|
<BOUCLE_selection(ARTICLES){id_article IN #CONFIG{libreavous/selectionaccueil}|picker_selected{article}}>
|
||||||
|
<INCLURE{fond=inclure/resume/emission,id_article} />
|
||||||
|
</BOUCLE_selection>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
[(#TOTAL_BOUCLE|>={3}|oui)
|
||||||
|
<script>
|
||||||
|
jQuery(function($){
|
||||||
|
$(".owlselectionaccueil").owlCarousel({
|
||||||
|
loop:false,
|
||||||
|
margin:30,
|
||||||
|
items: 3,
|
||||||
|
slideBy: 3,
|
||||||
|
dots: false,
|
||||||
|
// navContainerClass:'navowl',
|
||||||
|
nav: true,
|
||||||
|
autoplay: true,
|
||||||
|
autoplayTimeout: 5000,
|
||||||
|
autoplayHoverPause: true,
|
||||||
|
lazyLoad: true,
|
||||||
|
autoHeight: false,
|
||||||
|
URLhashListener: true,
|
||||||
|
startPosition: 'URLHash',
|
||||||
|
responsive : {
|
||||||
|
// breakpoint from 0 up
|
||||||
|
0 : {
|
||||||
|
items: 1,
|
||||||
|
},
|
||||||
|
// breakpoint from 480 up
|
||||||
|
560 : {
|
||||||
|
items: 2,
|
||||||
|
},
|
||||||
|
// breakpoint from 768 up
|
||||||
|
860 : {
|
||||||
|
items: 3,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
]
|
||||||
|
</div>
|
||||||
|
</B_selection>
|
||||||
|
|
||||||
|
|
||||||
<B_accueil>
|
<B_accueil>
|
||||||
<article class="texte_accueil">
|
<article class="texte_accueil">
|
||||||
<BOUCLE_accueil(ARTICLES){page=accueil}>
|
<BOUCLE_accueil(ARTICLES){page=accueil}>
|
||||||
@ -73,62 +122,6 @@ ensuite inclusion en statique pour la gestion du cache indépendante - à vérif
|
|||||||
</div>
|
</div>
|
||||||
]
|
]
|
||||||
|
|
||||||
<B_selection>
|
|
||||||
<div class="liste articles emissions emissions_selectionaccueil">
|
|
||||||
<h2>[(#CONFIG{libreavous/selectionaccueiltitre}|sinon{<:libreavous:selection_d_emissions:>}) ]<span class="avant disabled"></span><span class="ensuite"></span></h2>
|
|
||||||
<div class="owl-theme owl-carousel [ (#TOTAL_BOUCLE|>={3}|oui)owlselectionaccueil]">
|
|
||||||
<BOUCLE_selection(ARTICLES){id_article IN #CONFIG{libreavous/selectionaccueil}|picker_selected{article}}>
|
|
||||||
<div data-item="#COMPTEUR_BOUCLE"><INCLURE{fond=inclure/resume/emission,id_article} /></div>
|
|
||||||
</BOUCLE_selection>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
[(#TOTAL_BOUCLE|>={3}|oui)
|
|
||||||
<script>
|
|
||||||
jQuery(function($){
|
|
||||||
var owl = $('.owl-carousel');
|
|
||||||
owl.owlCarousel({
|
|
||||||
loop:false,
|
|
||||||
margin:30,
|
|
||||||
items: 3,
|
|
||||||
slideBy: 3,
|
|
||||||
dots: false,
|
|
||||||
nav: false,
|
|
||||||
autoHeight: false,
|
|
||||||
onTranslated: callback
|
|
||||||
});
|
|
||||||
// Go to the next item
|
|
||||||
$('.ensuite').click(function() {
|
|
||||||
owl.trigger('next.owl.carousel');
|
|
||||||
})
|
|
||||||
// Go to the previous item
|
|
||||||
$('.avant').click(function() {
|
|
||||||
owl.trigger('prev.owl.carousel');
|
|
||||||
// owl.trigger('prev.owl.carousel', [100]);
|
|
||||||
})
|
|
||||||
function callback(event) {
|
|
||||||
var totalItems = $('.owl-item').length;
|
|
||||||
var firstitemactive = $('.owl-item.active').first().find('div').attr('data-item');
|
|
||||||
var lastitemactive = $('.owl-item.active').last().find('div').attr('data-item');
|
|
||||||
if (lastitemactive == totalItems) {
|
|
||||||
$('.ensuite').addClass('disabled');
|
|
||||||
}
|
|
||||||
if (lastitemactive < totalItems) {
|
|
||||||
$('.ensuite').removeClass('disabled');
|
|
||||||
}
|
|
||||||
if (firstitemactive == 1) {
|
|
||||||
$('.avant').addClass('disabled');
|
|
||||||
}
|
|
||||||
if (firstitemactive > 1) {
|
|
||||||
$('.avant').removeClass('disabled');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
]
|
|
||||||
</div>
|
|
||||||
</B_selection>
|
|
||||||
|
|
||||||
|
|
||||||
<INCLURE{fond=inclure/liste/emissions-precedentes,ajax,env,nb=6,prochaine=#GET{prochaine}} />
|
<INCLURE{fond=inclure/liste/emissions-precedentes,ajax,env,nb=6,prochaine=#GET{prochaine}} />
|
||||||
|
|
||||||
[(#MODELE{bouton,lienobjet=rubrique,lienidobjet=1,class=center taille130,texte=Toutes les émissions})]
|
[(#MODELE{bouton,lienobjet=rubrique,lienidobjet=1,class=center taille130,texte=Toutes les émissions})]
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
$(function() {
|
$(function() {
|
||||||
|
|
||||||
// $('.header_menu .abonnement label.btn').on('click', function(){
|
// $('.header_menu .abonnement label.btn').on('click', function(){
|
||||||
// $(this).siblings('#email').toggleClass('vu');
|
// $(this).siblings('#email').toggleClass('vu');
|
||||||
// $(this).parent().siblings('button').toggleClass('vu');
|
// $(this).parent().siblings('button').toggleClass('vu');
|
||||||
|
@ -285,7 +285,7 @@ html .formulaire_spip input[type="text"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.body__sommaire .page_main .annonce, .body__sommaire_selection .page_main .annonce {
|
.body__sommaire .page_main .annonce {
|
||||||
h1 {
|
h1 {
|
||||||
margin-top:0;
|
margin-top:0;
|
||||||
}
|
}
|
||||||
@ -860,7 +860,7 @@ a:hover .fab, a:hover .fas {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* page sommaire */
|
/* page sommaire */
|
||||||
.body__sommaire .page_main, .body__sommaire_selection .page_main {
|
.body__sommaire .page_main {
|
||||||
h1 {
|
h1 {
|
||||||
margin: 1em 0 0.8em;
|
margin: 1em 0 0.8em;
|
||||||
}
|
}
|
||||||
@ -1024,28 +1024,11 @@ a:hover .fab, a:hover .fas {
|
|||||||
|
|
||||||
&.emissions_selectionaccueil {
|
&.emissions_selectionaccueil {
|
||||||
position: relative;
|
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 {
|
.owl-carousel {
|
||||||
margin: 0 -4rem;
|
|
||||||
width: auto;
|
|
||||||
article {
|
article {
|
||||||
/* width: 30%; */
|
/* width: 30%; */
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
h1 small, .texte_aside, .podcast, .sujets {
|
.texte_aside, .podcast, .sujets, .btn.blanc {
|
||||||
display: none;
|
display: none;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
@ -1099,13 +1082,10 @@ a:hover .fab, a:hover .fas {
|
|||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.emission-resume.article-resume h1 {
|
.emission-resume.article-resume h1 small {
|
||||||
margin-top: 0.8em;
|
display: block;
|
||||||
margin-bottom: 1.5em;
|
|
||||||
small {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.liste.emissions.chroniques {
|
.liste.emissions.chroniques {
|
||||||
> ul > li {
|
> ul > li {
|
||||||
|
Loading…
Reference in New Issue
Block a user