Changeset 61826 in spip-zone


Ignore:
Timestamp:
May 29, 2012, 4:47:49 PM (7 years ago)
Author:
kent1@…
Message:

Grosse amélioration du cas où l'on est dans une mediabox...

On sépare en 2 colonnes, l'image à gauche, le formulaire à droite

S'il y a scroll dans la mediabox, l'image nous suit si elle est plus petite que la taille visible de la mediabox

Incrément de version en 0.3.7

Location:
_plugins_/photospip/trunk
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/photospip/trunk/formulaires/editer_image.html

    r61774 r61826  
    1 <div class='formulaire_spip formulaire_editer formulaire_#FORM formulaire_#FORM-#ENV{id_document}' style="position:relative">
     1<div class='formulaire_spip formulaire_editer formulaire_#FORM formulaire_#FORM-#ENV{id_document}' style="position:relative;overflow:auto;">
    22        [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV**{message_ok})</p>]
    33        [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
    4         [(#ENV{erreurs}|table_valeur{message}|oui)
    5         <div class="notice">
    6                         [(#ENV{erreurs}|table_valeur{message}|=={previsu}|oui)
    7                         <span><:previsualisation:></span><br />
    8                         <:photospip:erreur_previsu:>]
    9                         [(#ENV{erreurs}|table_valeur{message}|=={sanstest}|oui)
    10                         <:photospip:sanstest:>]
    11                         [(#ENV{erreurs}|table_valeur{message}|=={sansfiltre}|oui)
    12                         <:photospip:sansfiltre:>]
    13                         [(#ENV{erreurs}|table_valeur{message}|=={sansconf}|oui)
    14                         <:photospip:sansconf:>]
    15                 </div>]
    164        <BOUCLE_editable(CONDITION){si #ENV{editable}|oui}>
    175        <BOUCLE_document(DOCUMENTS){id_document}{mode IN vignette,image,document}{tout}>
     
    3422                <div id="modifier_image">
    3523                        <div id="image-container">
    36                                 <div id="image_modifier" style="[width:(#GET{largeur_max})px;]">
     24                                <div id="image_modifier" class="spip_documents spip_documents_center">
    3725                                        [(#ENV{erreurs}|table_valeur{filtre}|oui)
    3826                                        [(#_document:FICHIER|photospip_appliquer_filtre{[(#ENV{erreurs}|table_valeur{filtre})],[(#ENV{erreurs}|table_valeur{param1})],[(#ENV{erreurs}|table_valeur{param2})],[(#ENV{erreurs}|table_valeur{param3})],[(#ENV{erreurs}|table_valeur{param})]}|image_reduire{#GET{largeur_max},#GET{hauteur_max}}|inserer_attribut{alt,' '})]]
     
    4129                                </div>
    4230                        </div>
     31                        [(#ENV{erreurs}|table_valeur{message}|oui)
     32                        <div class="notice">
     33                                [(#ENV{erreurs}|table_valeur{message}|=={previsu}|oui)
     34                                <span><:previsualisation:></span><br />
     35                                <:photospip:erreur_previsu:>]
     36                                [(#ENV{erreurs}|table_valeur{message}|=={sanstest}|oui)
     37                                <:photospip:sanstest:>]
     38                                [(#ENV{erreurs}|table_valeur{message}|=={sansfiltre}|oui)
     39                                <:photospip:sansfiltre:>]
     40                                [(#ENV{erreurs}|table_valeur{message}|=={sansconf}|oui)
     41                                <:photospip:sansconf:>]
     42                        </div>]
     43                </div>
     44                <div class="editer_image_inputs">
    4345                        <BOUCLE_si_versions_et_vignettes(CONDITION){si #ENV{mode}|!={vignette}|ou{#ENV{mode}|=={vignette}|et{#ENV{vignette}|=={oui}}}|oui}>
    4446                        <B_interd_nb>
     
    7577                        </B_interd_nb>
    7678                        </BOUCLE_si_versions_et_vignettes>
    77                 </div>
    78                 <div>
    7979                        <BOUCLE_modifiable(CONDITION){si #ENV{modifiable,oui}|oui}>
    8080                        <ul>
     
    137137                                </li>
    138138                        </ul>
     139                </div>
    139140          [(#REM) ajouter les saisies supplementaires : extra et autre, a cet endroit ]
    140141          <!--extra-->
     
    239240                                });
    240241                        }
    241                        
     242                        jQuery('#cboxLoadedContent').load(function() {
     243                                console.log('load');
     244                        });
    242245                        if(typeof(jQuery) == 'function'){
    243246                        jQuery(document).ready(function() {
     247                                if($('#cboxLoadedContent').size() > 0){
     248                                        var boxtop, imagetop, difftop;
     249                                        $(document).bind('cbox_complete', function(){
     250                                                if($('#modifier_image img').width() > $('#modifier_image').width()){
     251                                                        $('#image-container img').attr('width','');
     252                                                        $('#image-container img').attr('height','');
     253                                                        $('#image-container img').width('100%');
     254                                                        $('#image-container img').height('auto');
     255                                                }
     256                                                var boxoffset = $('#cboxLoadedContent').offset();
     257                                                var container_offset = $('#image-container').offset().top-$('#cboxLoadedContent').offset().top;
     258                                                var container_width = $('#image-container').width();
     259                                                if($('#image-container').height() < $('#cboxLoadedContent').height()){
     260                                                        $('#cboxLoadedContent').scroll(function() {
     261                                                                var limite_multilang = boxoffset.top;
     262                                                                var limite_bas = limite_multilang+$('#image-container').parents("form").height()-$('#image-container').parents("form").find(".boutons").height();
     263                                                                var pos_bas = $('#image-container').offset().top+$('#image-container').height();
     264                                                                if(($('#cboxLoadedContent').scrollTop() >= container_offset) && (pos_bas <= limite_bas) && ($('#cboxLoadedContent').scrollTop()+$('#image-container').offset().top < limite_bas)){
     265                                                                        var margintop = $('#cboxLoadedContent').scrollTop() - container_offset+20;
     266                                                                        if(!$('#image-container').hasClass("image_flottant"))
     267                                                                                $('#image-container').addClass("image_flottant");
     268                                                                        $('#image-container').css({"margin-top": margintop+"px"});
     269                                                                        if(typeof(ias) == 'object'){
     270                                                                                ias.update();
     271                                                                        }
     272                                                                }
     273                                                                else if(($('cboxLoadedContent').scrollTop()+$('#image-container').offset().top < limite_multilang)||(pos_bas > limite_bas) ){
     274                                                                        $('#image-container').removeClass("image_flottant").css({"margin-top": "0px", "width": "auto"});
     275                                                                        if(typeof(ias) == 'object'){
     276                                                                                ias.update();
     277                                                                        }
     278                                                                }
     279                                                        });
     280                                                }
     281                                        });
     282                                        if($('#modifier_image').width() != 0){
     283                                                if($('#modifier_image img').width() > $('#modifier_image').width()){
     284                                                        $('#image-container img').attr('width','');
     285                                                        $('#image-container img').attr('height','');
     286                                                        $('#image-container img').width('100%');
     287                                                        $('#image-container img').height('auto');
     288                                                }
     289                                        }
     290                                }
     291                                if(typeof($.fn.scrollTo) == 'function'){
     292                                        $('input[type=submit]').click(function(){
     293                                                $('#cboxLoadedContent').scrollTo( { top: 0, left:'0' });
     294                                        });
     295                                }
    244296                                activatesliders();
    245297                                /**
  • _plugins_/photospip/trunk/formulaires/editer_image.php

    r61774 r61826  
    5959        }
    6060       
    61         $valeurs['largeur_previsu'] = test_espace_prive()? 548 : lire_config('photospip/largeur_previsu','450');
     61        $valeurs['largeur_previsu'] = test_espace_prive()? 800 : lire_config('photospip/largeur_previsu','450');
    6262        if($mode != 'vignette'){
    6363                $limite = lire_config('photospip/limite_version',1000000);
  • _plugins_/photospip/trunk/photospip_pipelines.php

    r61774 r61826  
    4646        if (test_espace_prive())
    4747                $plugins[] = _DIR_LIB_IMGAREASELECT . 'scripts/jquery.imgareaselect.js';
     48                $plugins[] = find_in_path("js/jquery.scrollto.js");
     49                $plugins[] = find_in_path("js/jquery.localscroll.js");
    4850        return $plugins;
    4951}
  • _plugins_/photospip/trunk/plugin.xml

    r61774 r61826  
    44_ © 2008-2012 - Distribué sous licence GNU/GPL
    55        </auteur>
    6         <version>0.3.6</version>
     6        <version>0.3.7</version>
    77        <version_base>0.4</version_base>
    88        <prefix>photospip</prefix>
     
    5454        <necessite id="images" version='[1.0.1;]' />
    5555        <necessite id="verifier" version='[0.1.14;]' />
     56        <necessite id="ancresdouces" version='[1.4;]' />
    5657        <necessite id="SPIP" version='[2.1.10;2.1.99]' />
    5758        <necessite id="lib:jquery.imgareaselect-0.9.8" src="http://odyniec.net/projects/imgareaselect/jquery.imgareaselect-0.9.8.zip" />
  • _plugins_/photospip/trunk/prive/style_prive_plugin_photospip.html

    r61773 r61826  
    9191}
    9292
     93
     94#cboxLoadedContent #modifier_image{
     95        float:left;width:50%;padding:0;
     96}
     97
     98#cboxLoadedContent .editer_image_inputs{
     99        float:right;width:49%;margin-left:1%;
     100}
     101
     102#cboxLoadedContent .formulaire_editer_image {
     103        overflow:auto;
     104        padding:1%;
     105}
    93106[(#REM) </style>]
    94107
Note: See TracChangeset for help on using the changeset viewer.