Changeset 87048 in spip-zone

Timestamp:

Jan 9, 2015, 1:15:50 PM (5 years ago)

Author:

tcharlss@…

Message:

Modèle «vignettes» : compatibilité avec Bootstrap et Foundation.
Ajout des classes CSS qui vont bien pour un affichage correct avec ces 2 plugins.
On complète la feuille de style de base par 2 CSS qui contiennent quelques fix (chargées uniquement quand les plugins sont activés).
Ajout également de quelques attributs aria pour accessibilité (tirés des thumbnails de Foundation).
La taille max par défaut passe à 150 (au lieu de 120).

Location:

_plugins_/albums/trunk

Files:

• albums_options.php (modified) (1 diff)
• albums_pipelines.php (modified) (1 diff)
• css/albums_bootstrap.css (added)
• css/albums_foundation.css (added)
• modeles/album.html (modified) (1 diff)
• modeles/inc-album.html (modified) (3 diffs)

_plugins_/albums/trunk/albums_options.php

@@ -32 +32 @@
 
 // [vignettes] Dimension maximale des vignettes : nombre
-if (!defined('_ALBUMS_TAILLE_PREVIEW'))                define('_ALBUMS_TAILLE_PREVIEW',120);
+if (!defined('_ALBUMS_TAILLE_PREVIEW'))                define('_ALBUMS_TAILLE_PREVIEW',150);
 
 // [vignettes] Recadrer ou non les vignettes

_plugins_/albums/trunk/albums_pipelines.php

@@ -294 +294 @@
         if (!defined('_ALBUMS_INSERT_HEAD_CSS') OR !_ALBUMS_INSERT_HEAD_CSS){
                 include_spip("inc/config");
+                if (!function_exists('liste_plugin_actifs')) include_spip('inc/plugin');
                 $cfg = (defined('_ALBUMS_INSERT_HEAD_CSS')?_ALBUMS_INSERT_HEAD_CSS:lire_config("albums/insert_head_css",1));
                 if ($cfg){
+
+                        // feuille de style minimale de base
                         $flux .= '<link rel="stylesheet" href="'.find_in_path('css/albums.css').'" type="text/css" />';
+
+                        // fix selon les plugins
+                        $plugins_actifs = liste_plugin_actifs();
+
+                        // compatibilité avec bootstrap
+                        if (isset($plugins_actifs['BOOTSTRAP'])) {
+                                $flux .= '<link rel="stylesheet" href="'.find_in_path('css/albums_bootstrap.css').'" type="text/css" />';
+                        }
+
+                        // compatibilité avec foundation
+                        if (isset($plugins_actifs['FOUNDATION'])) {
+                                $flux .= '<link rel="stylesheet" href="'.find_in_path('css/albums_foundation.css').'" type="text/css" />';
+                        }
                 }
         }

_plugins_/albums/trunk/modeles/album.html

@@ -48 +48 @@
                                   défaut  : _ALBUMS_TAILLE_PREVIEW > taille des miniatures dans les options avancées > 0
                 hauteur           Hauteur maximale des images (filtre image_reduire).
-                                  défaut  : _ALBUMS_TAILLE_PREVIEW > taille des miniatures dans les options avancées > 120
+                                  défaut  : _ALBUMS_TAILLE_PREVIEW > taille des miniatures dans les options avancées > 150
                 recadrer          Pour recadrer les images (filtre image_passe_partout + image_recadre).
                                   valeurs : n'importe quelle chaîne (oui, true...)

_plugins_/albums/trunk/modeles/inc-album.html

@@ -19 +19 @@
 (#SET{titre_album,        #ENV{titre}|in_array{#LISTE{oui,true}}|?{#INFO_TITRE{album,#ID_ALBUM},#ENV{titre}|trim}})][
 (#SET{descriptif_album,   #ENV{descriptif}|?{#INFO_DESCRIPTIF{album,#ID_ALBUM}}})][
-(#SET{taille_preview,     #CONFIG{taille_preview}|intval|sinon{#EVAL{_ALBUMS_TAILLE_PREVIEW}|intval}|sinon{120}})][
+(#SET{taille_preview,     #CONFIG{taille_preview}|intval|sinon{#EVAL{_ALBUMS_TAILLE_PREVIEW}|intval}|sinon{150}})][
 (#SET{recadrer,           #VAL{recadrer}|in_array{#ENV{args}|array_keys}|?{#ENV{recadrer},#EVAL{_ALBUMS_RECADRER}}})][
 (#SET{pagination,         #ENV{pagination}|intval|sinon{#EVAL{_ALBUMS_PAGINATION_VIGNETTES}|intval}|sinon{#EVAL{_ALBUMS_PAGINATION}|intval}|sinon{20}})][
@@ -32 +32 @@
         #ANCRE_PAGINATION
         [(#GET{position_legende}|=={top}|oui)[(#GET{caption})]]
-        <ul>
+        <ul[ (#PLUGIN{bootstrap}|oui)class='thumbnails'][ (#PLUGIN{foundation}|oui)class='small-block-grid-4']>
                 <BOUCLE_documents_album(DOCUMENTS){id_document IN #ENV{ids_documents}}{tout}{pagination #GET{pagination} #VAL{album}|concat{#ENV{id}}}>[
                 (#SET{src,#MEDIA|=={image}|?{
@@ -42 +42 @@
                 (#SET{titre_document,#TITRE|sinon{#FICHIER|basename}})][
                 (#SET{titre_document_long,#GET{titre_document}|concat{' - ',#TYPE_DOCUMENT,' - ',#TAILLE|taille_en_octets}})]
-                <li>
-                        <a href="#FICHIER" type="#MIME_TYPE" rel="album#ID_ALBUM" class="[(#EXTENSION|attribut_html)]" title="[(#GET{titre_document_long}|attribut_html)]">
-                                [(#GET{src}|balise_img{#GET{titre_document_long},vignette})]
+                <li[ (#PLUGIN{bootstrap}|oui)class='thumbnail']>
+                        <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">
+                                [(#GET{src}|balise_img{#GET{titre_document_long},vignette}|inserer_attribut{aria-hidden,true})]
                         </a>
                         [(#ENV{label}|oui)[<span class="label">(#GET{titre_document})</span>]]