source: spip-zone/_plugins_/albums/trunk/modeles/inc-album.html @ 87155

Last change on this file since 87155 was 87155, checked in by tcharlss@…, 5 years ago

suite r87048 : prendre en compte Foundation 3 et les versions précédentes (Didier). Aussi, ajuster le nombre de colonnes selon la taille d'écran : petits écrans -> 2, moyens -> 3, grands -> 4. TODO : vérifier si la classe small-block-medium-grid-x est apparue avec Foundation 4 ou 5.

File size: 3.5 KB
Line 
1[(#REM)
2
3        Modèle «album» par défaut : vue sous forme de vignettes.
4        cf. notes de modeles/album.html
5
6][(#REM)
7
8        Inclus dans :
9                modeles/album.html
10
11][(#REM)
12
13        Paramètres (*obligatoire):
14                *ids_documents    identifiant des documents
15                *env              environnement issu du squelette appelant
16                + ceux de modeles/album.html
17
18][
19(#SET{titre_album,        #ENV{titre}|in_array{#LISTE{oui,true}}|?{#INFO_TITRE{album,#ID_ALBUM},#ENV{titre}|trim}})][
20(#SET{descriptif_album,   #ENV{descriptif}|?{#INFO_DESCRIPTIF{album,#ID_ALBUM}}})][
21(#SET{taille_preview,     #CONFIG{taille_preview}|intval|sinon{#EVAL{_ALBUMS_TAILLE_PREVIEW}|intval}|sinon{150}})][
22(#SET{recadrer,           #VAL{recadrer}|in_array{#ENV{args}|array_keys}|?{#ENV{recadrer},#EVAL{_ALBUMS_RECADRER}}})][
23(#SET{pagination,         #ENV{pagination}|intval|sinon{#EVAL{_ALBUMS_PAGINATION_VIGNETTES}|intval}|sinon{#EVAL{_ALBUMS_PAGINATION}|intval}|sinon{20}})][
24(#SET{balise_titre,       #ENV*{balise_titre}|sinon{#ENV*{balise_titraille}}|sinon{#EVAL{_ALBUMS_BALISE_TITRE_VIGNETTES}}|sinon{#EVAL{_ALBUMS_BALISE_TITRE}}|sinon{strong}|trim|replace{^<|>$}})][
25(#SET{position_legende,   #ENV{position_legende}|sinon{#EVAL{_ALBUMS_POSITION_LEGENDE_VIGNETTES}}|sinon{#EVAL{_ALBUMS_POSITION_LEGENDE}}|trim})][
26(#SET{position_legende,   #GET{position_legende}|in_array{#LISTE{top,bottom}}|?{#GET{position_legende},bottom}})][
27(#SET{caption,            #GET{titre_album}|?{#GET{titre_album}|wrap{#VAL{'<'}|concat{#GET{balise_titre},' class="titre_album">'}}}
28                          |concat{#GET{#GET{descriptif_album}}|?{#GET{descriptif_album}|wrap{<div class="descriptif_album">}}}
29                          |wrap{#VAL{'<'}|concat{#HTML5|?{figcaption,div},' class="caption ',#GET{position_legende},'">'}}}|trim)
30]<B_documents_album>
31[<(#HTML5|?{figure,div}) class="album vignettes figure[ (#ENV{align})][ (#ENV{classe})]">]
32        #ANCRE_PAGINATION
33        [(#GET{position_legende}|=={top}|oui)[(#GET{caption})]]
34        <ul[ (#PLUGIN{bootstrap}|oui)class='thumbnails'][ (#CONFIG{foundation/variante}|intval|>={4}|?{class='small-block-grid-2 medium-block-grid-3 large-block-grid-4',class='block-grid 4-up mobile-two-up'})]>
35                <BOUCLE_documents_album(DOCUMENTS){id_document IN #ENV{ids_documents}}{tout}{pagination #GET{pagination} #VAL{album}|concat{#ENV{id}}}>[
36                (#SET{src,#MEDIA|=={image}|?{
37                        #GET{recadrer}|?{
38                                #FICHIER|image_passe_partout{#ENV{largeur,#GET{taille_preview}},#ENV{hauteur,#GET{taille_preview}}}|image_recadre{#ENV{largeur,#GET{taille_preview}},#ENV{hauteur,#GET{taille_preview}},center},
39                                #FICHIER|image_reduire{#ENV{largeur,0},#ENV{hauteur,#GET{taille_preview}}}},
40                        #LOGO_DOCUMENT{icone}}
41                |extraire_attribut{src}})][
42                (#SET{titre_document,#TITRE|sinon{#FICHIER|basename}})][
43                (#SET{titre_document_long,#GET{titre_document}|concat{' - ',#TYPE_DOCUMENT,' - ',#TAILLE|taille_en_octets}})]
44                <li[ (#PLUGIN{bootstrap}|oui)class='thumbnail']>
45                        <a href="#FICHIER" type="#MIME_TYPE" rel="album#ID_ALBUM" class="[(#EXTENSION)][ (#PLUGIN{foundation}|oui)th]" title="[(#GET{titre_document_long}|attribut_html)]" role="button" aria-label="Vignette">
46                                [(#GET{src}|balise_img{#GET{titre_document_long},vignette}|inserer_attribut{aria-hidden,true})]
47                        </a>
48                        [(#ENV{label}|oui)[<span class="label">(#GET{titre_document})</span>]]
49                </li>
50                </BOUCLE_documents_album>
51        </ul>
52        [<div class='pagination'>(#PAGINATION{#ENV{pagination_type,page}})</div>]
53        [(#GET{position_legende}|=={bottom}|oui)[(#GET{caption})]]
54[</(#HTML5|?{figure,div})>]<!-- .album.vignettes -->
55</B_documents_album>
Note: See TracBrowser for help on using the repository browser.