Changeset 109742 in spip-zone


Ignore:
Timestamp:
Mar 31, 2018, 2:54:19 PM (20 months ago)
Author:
tcharlss@…
Message:

Ticket #4100 : liste des documents joints. On simplifie légèrement la structure interne d'un .item en 2 conteneurs : la vignette à gauche, et tout le reste à droite. Le bloc .actions passe dans le bloc .descriptions avec tout le reste (titre, descriptif et infos). Pour l'affichage en grand, ça rend le bloc plus lisible et plus compact. Ça ne change rien pour les 2 autres modes d'affichage (en case et en liste).

Location:
_core_/plugins/medias
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _core_/plugins/medias/modeles/document_desc.html

    r105037 r109742  
    2424                        </h4>
    2525
    26                         <div class="descriptif [(#EDIT{descriptif})]">[(#DESCRIPTIF|couper{100})]</div>
     26                        [<div class="descriptif [(#EDIT{descriptif})]">(#DESCRIPTIF|couper{100})</div>]
    2727
    2828                        <div class="infos">
     
    7777                                </div>
    7878                        </div>
     79
     80                        <div class="actions">
     81                                [(#INCLUS|=={image}|et{#CONST{_BOUTON_MODE_IMAGE}}|oui)
     82                                <div class="mode">
     83                                        [(#MODE|=={image}|oui)[(#BOUTON_ACTION{<:medias:upload_info_mode_document:>,#URL_ACTION_AUTEUR{changer_mode_document,#ID_DOCUMENT-document,#SELF},ajax})]
     84                                        ][(#MODE|=={image}|non)[(#BOUTON_ACTION{<:medias:upload_info_mode_image:>,#URL_ACTION_AUTEUR{changer_mode_document,#ID_DOCUMENT-image,#SELF},ajax})]]
     85                                </div>]
     86                                <BOUCLE_compte(documents_liens){id_document}{0,2} />
     87                                [(#TOTAL_BOUCLE|=={1}|et{#AUTORISER{dissocierdocuments,#OBJET,#ID_OBJET}}|et{#VU|=={non}})[(#BOUTON_ACTION{<:medias:bouton_enlever_supprimer_document:>,#URL_ACTION_AUTEUR{dissocier_document,#ID_OBJET-#OBJET-#ID_DOCUMENT-suppr-safe,#SELF},ajax,<:medias:bouton_enlever_supprimer_document_confirmation:>,'',[(function(){jQuery("#doc(#ID_DOCUMENT)").animateRemove();return true;})()]})]]
     88                                [(#AUTORISER{dissocierdocuments,#OBJET,#ID_OBJET})[(#BOUTON_ACTION{<:medias:bouton_enlever_document:>,#URL_ACTION_AUTEUR{dissocier_document,#ID_OBJET-#OBJET-#ID_DOCUMENT--safe,#SELF},ajax,'','',[(function(){jQuery("#doc(#ID_DOCUMENT)").animateRemove();return true;})()]})]]
     89                                [(#AUTORISER{modifier,document,#ID_DOCUMENT}|oui)
     90                                        <div class="deplacer-modifier">
     91                                                <span class="deplacer-document" data-rang="#RANG_LIEN"><img src='#CHEMIN_IMAGE{deplacer-16.png}' width='16' height='16' alt='<:medias:ordonner_ce_document|attribut_html:>' title='<:medias:ordonner_ce_document|attribut_html:>' /></span>
     92                                                <a href="#URL_ECRIRE{document_edit,id_document=#ID_DOCUMENT}" target="_blank" class="editbox" tabindex="0" role="button"><:medias:bouton_modifier_document:></a>
     93                                        </div>
     94                                ]<//B_compte>
     95                                [(#PIPELINE{document_desc_actions,#ARRAY{args,#ARRAY{id_document,#ID_DOCUMENT,position,document_desc,objet,#OBJET,id_objet,#ID_OBJET},data,''}})]
     96                        </div>
    7997                </div>
    80         </div>
    81 
    82         <div class="actions">
    83                 [(#INCLUS|=={image}|et{#CONST{_BOUTON_MODE_IMAGE}}|oui)
    84                 <div class="mode">
    85                         [(#MODE|=={image}|oui)[(#BOUTON_ACTION{<:medias:upload_info_mode_document:>,#URL_ACTION_AUTEUR{changer_mode_document,#ID_DOCUMENT-document,#SELF},ajax})]
    86                         ][(#MODE|=={image}|non)[(#BOUTON_ACTION{<:medias:upload_info_mode_image:>,#URL_ACTION_AUTEUR{changer_mode_document,#ID_DOCUMENT-image,#SELF},ajax})]]
    87                 </div>]
    88                 <BOUCLE_compte(documents_liens){id_document}{0,2} />
    89                 [(#TOTAL_BOUCLE|=={1}|et{#AUTORISER{dissocierdocuments,#OBJET,#ID_OBJET}}|et{#VU|=={non}})[(#BOUTON_ACTION{<:medias:bouton_enlever_supprimer_document:>,#URL_ACTION_AUTEUR{dissocier_document,#ID_OBJET-#OBJET-#ID_DOCUMENT-suppr-safe,#SELF},ajax,<:medias:bouton_enlever_supprimer_document_confirmation:>,'',[(function(){jQuery("#doc(#ID_DOCUMENT)").animateRemove();return true;})()]})]]
    90                 [(#AUTORISER{dissocierdocuments,#OBJET,#ID_OBJET})[(#BOUTON_ACTION{<:medias:bouton_enlever_document:>,#URL_ACTION_AUTEUR{dissocier_document,#ID_OBJET-#OBJET-#ID_DOCUMENT--safe,#SELF},ajax,'','',[(function(){jQuery("#doc(#ID_DOCUMENT)").animateRemove();return true;})()]})]]
    91                 [(#AUTORISER{modifier,document,#ID_DOCUMENT}|oui)
    92                         <div class="deplacer-modifier">
    93                                 <span class="deplacer-document" data-rang="#RANG_LIEN"><img src='#CHEMIN_IMAGE{deplacer-16.png}' width='16' height='16' alt='<:medias:ordonner_ce_document|attribut_html:>' title='<:medias:ordonner_ce_document|attribut_html:>' /></span>
    94                                 <a href="#URL_ECRIRE{document_edit,id_document=#ID_DOCUMENT}" target="_blank" class="editbox" tabindex="0" role="button"><:medias:bouton_modifier_document:></a>
    95                         </div>
    96                 ]<//B_compte>
    97                 [(#PIPELINE{document_desc_actions,#ARRAY{args,#ARRAY{id_document,#ID_DOCUMENT,position,document_desc,objet,#OBJET,id_objet,#ID_OBJET},data,''}})]
    9898        </div>
    9999
  • _core_/plugins/medias/paquet.xml

    r108694 r109742  
    22        prefix="medias"
    33        categorie="multimedia"
    4         version="2.21.10"
     4        version="2.21.11"
    55        etat="stable"
    66        compatibilite="[3.3.0-dev;3.3.*]"
  • _core_/plugins/medias/prive/style_prive_plugin_medias.html

    r107993 r109742  
    157157.portfolios .item .titrem .titre {display:block;font-size:1.1em;}
    158158.portfolios .item .descriptif { color:#444; margin-bottom:.6925em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
     159.portfolios .item .infos { margin-top: auto; }
    159160.portfolios .item .infos .permanentes {
    160161        display: block;
     
    264265        overflow:hidden;
    265266}
     267.portfolios .documents_liste .item .descriptions {
     268        -webkit-box-orient: horizontal;
     269        -webkit-box-direction: normal;
     270            -ms-flex-direction: row;
     271                flex-direction: row;
     272}
    266273.portfolios .item .descriptions {  overflow: hidden; }
    267274.portfolios .documents_liste .item .infos,
     
    284291}
    285292.portfolios .documents_liste .item .actions {
     293        margin-#GET{left}: auto;
     294        margin-top: 0;
    286295        align-items:center;
    287296        text-align:#GET{right};
     
    323332                align-items:center;
    324333}
    325 .portfolios .documents_cases .item .presentation { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    326 .portfolios .documents_cases .item .descriptions,
     334.portfolios .documents_cases .item .presentation {
     335        -webkit-box-flex:1;
     336        -ms-flex-positive:1;
     337        flex-grow:1;
     338        -webkit-box-pack: center;
     339        -ms-flex-pack: center;
     340        justify-content: center;
     341        -webkit-box-orient: vertical;
     342        -webkit-box-direction: normal;
     343            -ms-flex-direction: column;
     344                flex-direction: column;
     345}
     346.portfolios .documents_cases .item .descriptions {
     347        margin: 0;
     348        padding: 0;
     349        -webkit-box-pack: end;
     350            -ms-flex-pack: end;
     351                justify-content: flex-end;
     352}
     353.portfolios .documents_cases .item .descriptions > *:not(.actions),
    327354.portfolios .documents_cases .item .mode,
    328355.portfolios .documents_cases .item .actions > * {
Note: See TracChangeset for help on using the changeset viewer.