Présenter les raccourcis de documents un peu plus résumé.

On met d'abord le modèle général, puis simplement le nom des align.

inc/documents.php

@@ -234,24 +234,28 @@ function afficher_documents_colonne($id, $type = 'article', $script = null) {
  *    Identifiant du document
  * @param string $align
  *    Alignement du document : left,center,right
+ * @param bool $short
+ *    Réduire le texte affiché à la valeur de 'align'
  *
  * @return string
  *    Texte du raccourcis
  **/
-function affiche_raccourci_doc($doc, $id, $align = '') {
+function affiche_raccourci_doc($doc, $id, $align = '', $short = false) {
 
 	$pipe = '';
 	if ($align) {
 		$pipe = "|$align";
-	} else {
-		$align = 'center';
-	}
+	} 
 
-	$modele = "<$doc$id$pipe>";
-	$js = "console.log(document.activeElement); barre_inserer('$modele'); return false;";
+	$model = "<$doc$id$pipe>";
+	$text = $model;
+	if ($short) {
+		$text = $align ? $align : $model;
+	}
+	$js = "barre_inserer('$model'); return false;";
 	$title = attribut_html(_T('medias:inserer_raccourci'));
 	$classes = "btn btn_link btn_mini";
-	$styles = "text-align: $align;";
+	$styles = "text-align: " . ($align ?? 'center') . ";";
 	
-	return "\n<button class=\"$classes\" style=\"$styles\" onmousedown=\"$js\" title=\"$title\">$modele</button>\n";
+	return "\n<button class=\"$classes\" style=\"$styles\" onmousedown=\"$js\" title=\"$title\">$text</button>\n";
 }

modeles/document_case_fonctions.php

@@ -44,10 +44,7 @@ function medias_raccourcis_doc(
 
 	if (!defined('_LEGACY_MODE_IMAGE_DOCUMENT') or _LEGACY_MODE_IMAGE_DOCUMENT === false){
 		// Affichage du raccourci <doc...> correspondant
-		$raccourci =
-			affiche_raccourci_doc($doc, $id_document, 'left')
-			. affiche_raccourci_doc($doc, $id_document, 'center')
-			. affiche_raccourci_doc($doc, $id_document, 'right');
+		$raccourci = medias_raccourcis_doc_groupe($doc, $id_document);
 	}
 	else {
 		// DEPRECATED
@@ -57,10 +54,7 @@ function medias_raccourcis_doc(
 		}
 
 		// Affichage du raccourci <doc...> correspondant
-		$raccourci =
-			affiche_raccourci_doc($doc, $id_document, 'left')
-			. affiche_raccourci_doc($doc, $id_document, 'center')
-			. affiche_raccourci_doc($doc, $id_document, 'right');
+		$raccourci = medias_raccourcis_doc_groupe($doc, $id_document);
 
 		if ($mode == 'document'
 			and ($inclus == 'embed' or $inclus == 'image')
@@ -68,15 +62,22 @@ function medias_raccourcis_doc(
 				or in_array($media, array('video', 'audio')))
 		) {
 			$raccourci =
-				'<span>' . _T('medias:info_inclusion_vignette') . '</span>'
+				'<span class="raccourcis_group_label">' . _T('medias:info_inclusion_vignette') . '</span>'
 				. $raccourci
-				. '<span>' . _T('medias:info_inclusion_directe') . '</span>'
-				. affiche_raccourci_doc('emb', $id_document, 'left')
-				. affiche_raccourci_doc('emb', $id_document, 'center')
-				. affiche_raccourci_doc('emb', $id_document, 'right');
+				. '<span class="raccourcis_group_label">' . _T('medias:info_inclusion_directe') . '</span>'
+				. medias_raccourcis_doc_groupe('emb', $id_document);
 		}
 	}
 
-
 	return "<div class='raccourcis'>" . $raccourci . '</div>';
 }
+
+
+function medias_raccourcis_doc_groupe($doc, $id_document) : string {
+	$raccourci =
+		affiche_raccourci_doc($doc, $id_document, '')
+		. affiche_raccourci_doc($doc, $id_document, 'left', true)
+		. affiche_raccourci_doc($doc, $id_document, 'center', true)
+		. affiche_raccourci_doc($doc, $id_document, 'right', true);
+	return "<div class='groupe-btns'>$raccourci</div>";
+}
\ No newline at end of file

prive/style_prive_plugin_medias.html

@@ -127,7 +127,8 @@ p.actions {clear:both;}
 #documents_joints .item .titrem .titre {display:block;color:#000;}
 #documents_joints .item .titrem .image_loading {position:absolute;bottom:-20px;right:0;}
 #documents_joints .item .type {font-size:x-small;}
-#documents_joints .item .raccourcis {padding:2px;}
+#documents_joints .item .raccourcis {margin:.5em 0;}
+#documents_joints .item .raccourcis .raccourcis_group_label { display: block; font-size: .9em; }
 #documents_joints .item div.mode {text-align:right;font-size:x-small;}
 #documents_joints .item .actions {font-size:0.8em; margin-top: 1em}
 #documents_joints .item .actions a.editbox {