Ajout du modèle <liste>

medias_responsive_pipelines.php

@@ -8,6 +8,7 @@ if (!defined('_ECRIRE_INC_VERSION')) {
 function medias_responsive_mod_declarer_tables_objets_sql($tables) {
 	$tables['spip_documents']['modeles'][] = 'ligne';
 	$tables['spip_documents']['modeles'][] = 'slide';
+	$tables['spip_documents']['modeles'][] = 'liste';
 	return $tables;
 }
 

paquet.xml

@@ -1,7 +1,7 @@
 <paquet
 	prefix="medias_responsive_mod"
 	categorie="multimedia"
-	version="1.22.6"
+	version="1.23.0"
 	etat="stable"
 	compatibilite="[3.0.0;4.0.*]"
 	logo="prive/themes/spip/images/medias_responsive-32.png"

prive/logo-modeles.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 50 66" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
+    <g transform="matrix(1,0,0,1,-4.5243,-1.92649)">
+        <path d="M40.611,67.534L4.524,67.534L4.524,1.926L53.634,1.926L53.634,21.93L49.634,21.93L49.634,5.926L8.524,5.926L8.524,63.534L38.954,63.534L38.954,52.854L49.634,52.854L49.634,39.931L53.634,39.931L53.634,54.511C49.293,58.852 44.952,63.193 40.611,67.534Z" style="fill-rule:nonzero;"/>
+    </g>
+</svg>

squelettes/css/medias_responsive.css

@@ -300,3 +300,66 @@ ul.portfolio_slide .spip_img {
 	object-fit: contain;
 	height: 100%!important;
 }
+
+.spip_documents_liste {
+	-spip-clear: fix;
+	margin-bottom: 2em;
+	font-size: 15px;
+	
+	
+	+ .spip_documents_liste {
+		margin-top: -1em;
+	}
+	
+	. .spip_documents_liste_right {
+		.logo {
+			float: right;
+		}
+		.spip_doc_intitules {
+			margin-left: 0;
+			margin-right: 85px;
+		}
+	}
+	
+	
+	.logo {
+		float: left;
+		width: 70px !important;
+		position: relative;
+		.logo-modeles {
+			display: block;
+			width: 65px;
+		}
+		.extension {
+			display: block;
+			position: absolute;
+			right: 0;
+			right: -8px;
+			top: 42%;
+			transform: translate(0, -50%);
+			background-color: black;
+			color: white;
+			font-size: 70%;
+			padding: 1px 5px;
+			text-transform: uppercase;
+			font-weight: bold;
+		}
+		
+	}
+	.spip_doc_intitules {
+		text-align: left;
+		margin-left: 85px;
+		
+		.spip_doc_descriptif {
+			clear: none;
+		}
+		.telecharger {
+			display: block;
+			margin-top: 5px;
+			font-size: 80%;
+			font-weight: bold;
+			text-decoration: underline;
+		}
+	}
+}
+

squelettes/modeles/ligne.html

@@ -1,4 +1,4 @@
-<BOUCLE_document (DOCUMENTS) {id_document=#ENV{id}} {mode?} {tout}>
+<BOUCLE_document (DOCUMENTS) {id_document=#ENV{id,#ENV{id_document}}} {mode?} {tout}>
 [(#SET{a,span})]
 [(#LARGEUR|>{800}|oui)[(#SET{a,a})]]
 [(#HAUTEUR|>{800}|oui)[(#SET{a,a})]]

squelettes/modeles/liste.html

@@ -0,0 +1,45 @@
+<BOUCLE_doc (DOCUMENTS) {id_document=#ENV{id,#ENV{id_document}}} {doublons} {tout}>
+[(#REM)
+
+	Modele pour <doc> en dl/dt/dd
+	cf. http://pompage.net/pompe/listesdefinitions/
+
+	La largeur de la legende est egale a la largeur de l'image
+	avec un minimum de 120px, et un maximum de 350px.
+
+	Dans le cas d'une simple image (mode=image), on affiche
+	le document lui-meme, sans lien de telechargement
+]
+[(#MODE|=={image}|oui)
+	#SET{fichier,#URL_DOCUMENT}
+	#SET{width,#LARGEUR}
+	#SET{height,#HAUTEUR}
+	#SET{url,#ENV{lien}}
+]
+[(#MODE|=={image}|non)
+	[(#SET{fichier,[(#LOGO_DOCUMENT||extraire_attribut{src})]})]
+	[(#SET{width,[(#LOGO_DOCUMENT||extraire_attribut{width})]})]
+	[(#SET{height,[(#LOGO_DOCUMENT||extraire_attribut{height})]})]
+	#SET{url,#ENV{lien,#URL_DOCUMENT}}
+]
+<figure class="spip_document_#ID_DOCUMENT spip_documents[ (#ENV{class})] spip_lien_ok spip_documents_liste">
+	<a class="logo" href="#FICHIER">
+		[(#GET{fichier}|match{vignettes}|oui)
+			<span class="logo-modeles">
+			[(#CHEMIN{prive/logo-modeles.svg}|include_svg)]
+			</span>
+		]
+		[(#GET{fichier}|match{vignettes}|non)
+			[(#GET{fichier}|image_responsive{70})]
+		]
+		<span class="extension">#TYPE_DOCUMENT</span>
+	</a>
+	<figcaption class="spip_doc_intitules">
+		[<div class='spip_doc_titre #EDIT{titre}'><strong>(#TITRE|propre|PtoBR)</strong></div>]
+		[<div class='spip_doc_descriptif #EDIT{descriptif}'>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</div>]
+		[<div class='spip_doc_credits #EDIT{credits}'>(#CREDITS|PtoBR)[(#NOTES|PtoBR)]</div>]
+		<a class="telecharger" href="#FICHIER"><:bouton_download:> [((#TAILLE|taille_en_octets))]</a>
+	</figcaption>
+
+</figure>
+</BOUCLE_doc>