diff --git a/inc/documents.php b/inc/documents.php index df41d65ae6da030470bb1284f3eec15fea8e89cf..35946757f4e329090ef01c53a0bbc2fdb2e94341 100644 --- a/inc/documents.php +++ b/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"; } diff --git a/modeles/document_case_fonctions.php b/modeles/document_case_fonctions.php index cfcfa0c78660750a1db13d56e278e9c1309e6a23..e9776121a0e76fca7fe836a54e22ceb5c004da6c 100644 --- a/modeles/document_case_fonctions.php +++ b/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 diff --git a/prive/style_prive_plugin_medias.html b/prive/style_prive_plugin_medias.html index ae45360f43d3c161f9d3a3412a5328e565fed31c..a1e3a96964fa3e0b186dfa85e351104f1a0044cd 100644 --- a/prive/style_prive_plugin_medias.html +++ b/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 {