Changeset 95665 in spip-zone


Ignore:
Timestamp:
Mar 1, 2016, 11:04:52 PM (4 years ago)
Author:
bystrano@…
Message:

chez SPIP on utilise des tabulations plutôt que des espaces…

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/massicot/trunk/javascripts/formulaireMassicoterImage.js

    r95664 r95665  
    11$.fn.formulaireMassicoterImage = function ( options ) {
    22
    3     options = $.extend(true,
    4                        {
    5                            zoom: 1
    6                        },
    7                        options
    8                       );
     3        options = $.extend(true,
     4                                           {
     5                                                   zoom: 1
     6                                           },
     7                                           options
     8                                          );
    99
    10     var self = this,
    11         zoom = options.zoom,
    12         img = $('.image-massicot img'),
    13         initialWidth = img.attr('width'),
    14         selection_actuelle = ( ! isNaN(parseInt($('input[name=x1]').val(), 10))) ?
    15             {
    16                 x1: parseInt($('input[name=x1]').val(), 10),
    17                 x2: parseInt($('input[name=x2]').val(), 10),
    18                 y1: parseInt($('input[name=y1]').val(), 10),
    19                 y2: parseInt($('input[name=y2]').val(), 10)
    20             } :
    21             {
    22                 x1: 0,
    23                 x2: parseInt(img.attr('width'),10),
    24                 y1: 0,
    25                 y2: parseInt(img.attr('height'),10)
    26             },
    27         /* On garde en mémoire la sélection telle qu'elle serait sans
    28            le zoom, pour pouvoir zoomer-dézoomer perdre de la
    29            précision à cause d'erreurs d'arrondi. */
    30         selection_nozoom = {
    31             x1: selection_actuelle.x1 / zoom,
    32             x2: selection_actuelle.x2 / zoom,
    33             y1: selection_actuelle.y1 / zoom,
    34             y2: selection_actuelle.y2 / zoom,
    35         },
    36         slider,
    37         imgAreaSelector;
     10        var self = this,
     11                zoom = options.zoom,
     12                img = $('.image-massicot img'),
     13                initialWidth = img.attr('width'),
     14                selection_actuelle = ( ! isNaN(parseInt($('input[name=x1]').val(), 10))) ?
     15                        {
     16                                x1: parseInt($('input[name=x1]').val(), 10),
     17                                x2: parseInt($('input[name=x2]').val(), 10),
     18                                y1: parseInt($('input[name=y1]').val(), 10),
     19                                y2: parseInt($('input[name=y2]').val(), 10)
     20                        } :
     21                        {
     22                                x1: 0,
     23                                x2: parseInt(img.attr('width'),10),
     24                                y1: 0,
     25                                y2: parseInt(img.attr('height'),10)
     26                        },
     27                /* On garde en mémoire la sélection telle qu'elle serait sans
     28                   le zoom, pour pouvoir zoomer-dézoomer perdre de la
     29                   précision à cause d'erreurs d'arrondi. */
     30                selection_nozoom = {
     31                        x1: selection_actuelle.x1 / zoom,
     32                        x2: selection_actuelle.x2 / zoom,
     33                        y1: selection_actuelle.y1 / zoom,
     34                        y2: selection_actuelle.y2 / zoom,
     35                },
     36                slider,
     37                imgAreaSelector;
    3838
    39     /* On initialise le formulaire. On ne le fait pas en php parce que
    40        c'est plus facile de trouver les dimensions de l'image en js… */
    41     maj_formulaire(img, selection_actuelle);
     39        /* On initialise le formulaire. On ne le fait pas en php parce que
     40           c'est plus facile de trouver les dimensions de l'image en js… */
     41        maj_formulaire(img, selection_actuelle);
    4242
    4343        /* On crée ensuite le slider de zoom */
    4444        slider = $('#zoom-slider').slider({
    45         /* SPIP ne propose pas de traitement d'image pour
    46            agrandir, alors pour l'instant on ne le permet pas… */
    47         max: 1,
    48         min: 0.01,
    49         value: options.zoom,
    50         step: 0.01,
    51         slide: function (event, ui) {
     45                /* SPIP ne propose pas de traitement d'image pour
     46                   agrandir, alors pour l'instant on ne le permet pas… */
     47                max: 1,
     48                min: 0.01,
     49                value: options.zoom,
     50                step: 0.01,
     51                slide: function (event, ui) {
    5252                        var new_zoom = ui.value;
    5353
    54             $('input#champ_zoom')
     54                        $('input#champ_zoom')
    5555                                .attr('value', new_zoom);
    5656
     
    5858                        maj_selection(new_zoom, zoom);
    5959                        zoom = new_zoom;
    60         },
     60                },
    6161                create: function (event, ui) {
    6262                        var new_zoom = $('input#champ_zoom').attr('value');
     
    6565                        zoom = new_zoom;
    6666                }
    67     });
     67        });
    6868
    6969        /* On crée le widget de sélection */
    7070        imgAreaSelector = img.imgAreaSelect({
    71         instance: true,
    72         handles: true,
    73         show: true,
    74         onSelectEnd: maj_formulaire,
    75         onSelectChange: function (img, selection) {
     71                instance: true,
     72                handles: true,
     73                show: true,
     74                onSelectEnd: maj_formulaire,
     75                onSelectChange: function (img, selection) {
    7676                        selection_nozoom = {
    7777                                x1: selection.x1 / zoom,
     
    8080                                y2: selection.y2 / zoom,
    8181                        };
    82             maj_formulaire(img, selection);
    83         },
    84         x1: selection_actuelle.x1,
    85         x2: selection_actuelle.x2,
    86         y1: selection_actuelle.y1,
    87         y2: selection_actuelle.y2,
    88     });
     82                        maj_formulaire(img, selection);
     83                },
     84                x1: selection_actuelle.x1,
     85                x2: selection_actuelle.x2,
     86                y1: selection_actuelle.y1,
     87                y2: selection_actuelle.y2,
     88        });
    8989
    9090
    91     /* Et enfin on s'occupe du bouton de réinitialisation */
    92     $('#formulaire_massicoter_image_reset').click(function (e) {
     91        /* Et enfin on s'occupe du bouton de réinitialisation */
     92        $('#formulaire_massicoter_image_reset').click(function (e) {
    9393
    94         $('#zoom-slider').slider('option', 'value', 1);
    95         $('input#champ_zoom').attr('value', 1);
    96         maj_image(1);
     94                $('#zoom-slider').slider('option', 'value', 1);
     95                $('input#champ_zoom').attr('value', 1);
     96                maj_image(1);
    9797
    98         imgAreaSelector.setSelection(0,0,img.width(),img.height());
    99         imgAreaSelector.update();
     98                imgAreaSelector.setSelection(0,0,img.width(),img.height());
     99                imgAreaSelector.update();
    100100
    101         maj_formulaire(img, {x1:0, y1:0, x2:img.width(), y2:img.height()});
    102         selection_nozoom = {x1:0, y1:0, x2:img.width(), y2:img.height()};
     101                maj_formulaire(img, {x1:0, y1:0, x2:img.width(), y2:img.height()});
     102                selection_nozoom = {x1:0, y1:0, x2:img.width(), y2:img.height()};
    103103
    104         e.preventDefault();
    105         return false;
    106     });
     104                e.preventDefault();
     105                return false;
     106        });
    107107
    108108        /*************/
     
    110110        /*************/
    111111
    112     /* Mise à jour du formulaire */
    113     function maj_formulaire (img, selection) {
     112        /* Mise à jour du formulaire */
     113        function maj_formulaire (img, selection) {
    114114
    115         $('input[name=x1]').attr('value', selection.x1);
    116         $('input[name=x2]').attr('value', selection.x2);
    117         $('input[name=y1]').attr('value', selection.y1);
    118         $('input[name=y2]').attr('value', selection.y2);
     115                $('input[name=x1]').attr('value', selection.x1);
     116                $('input[name=x2]').attr('value', selection.x2);
     117                $('input[name=y1]').attr('value', selection.y1);
     118                $('input[name=y2]').attr('value', selection.y2);
    119119
    120         $('.dimensions').html((selection.x2 - selection.x1) + ' x ' + (selection.y2 - selection.y1));
    121     }
     120                $('.dimensions').html((selection.x2 - selection.x1) + ' x ' + (selection.y2 - selection.y1));
     121        }
    122122
    123     /* Une fonction qui agrandi ou rapetisse l'image */
    124     function maj_image (zoom) {
     123        /* Une fonction qui agrandi ou rapetisse l'image */
     124        function maj_image (zoom) {
    125125
    126         img
    127             .css('width', zoom * initialWidth + 'px')
    128             .css('height', 'auto')
    129             .css('margin-left', '-' + (Math.max((zoom*initialWidth - 780),0) / 2) + 'px' );
    130     }
     126                img
     127                        .css('width', zoom * initialWidth + 'px')
     128                        .css('height', 'auto')
     129                        .css('margin-left', '-' + (Math.max((zoom*initialWidth - 780),0) / 2) + 'px' );
     130        }
    131131
    132     /* Une fonction pour mettre à jour la sélection lorsqu'on zoom */
    133     function maj_selection (new_zoom, zoom) {
     132        /* Une fonction pour mettre à jour la sélection lorsqu'on zoom */
     133        function maj_selection (new_zoom, zoom) {
    134134
    135         var nouvelle_selection = {};
     135                var nouvelle_selection = {};
    136136
    137         nouvelle_selection.x1 = Math.round(selection_nozoom.x1 * new_zoom);
    138         nouvelle_selection.x2 = Math.round(selection_nozoom.x2 * new_zoom);
    139         nouvelle_selection.y1 = Math.round(selection_nozoom.y1 * new_zoom);
    140         nouvelle_selection.y2 = Math.round(selection_nozoom.y2 * new_zoom);
     137                nouvelle_selection.x1 = Math.round(selection_nozoom.x1 * new_zoom);
     138                nouvelle_selection.x2 = Math.round(selection_nozoom.x2 * new_zoom);
     139                nouvelle_selection.y1 = Math.round(selection_nozoom.y1 * new_zoom);
     140                nouvelle_selection.y2 = Math.round(selection_nozoom.y2 * new_zoom);
    141141
    142         nouvelle_selection.x1 = Math.max(0, nouvelle_selection.x1);
    143         nouvelle_selection.y1 = Math.max(0, nouvelle_selection.y1);
    144         nouvelle_selection.x2 = Math.min(nouvelle_selection.x2, img.width());
    145         nouvelle_selection.y2 = Math.min(nouvelle_selection.y2, img.height());
     142                nouvelle_selection.x1 = Math.max(0, nouvelle_selection.x1);
     143                nouvelle_selection.y1 = Math.max(0, nouvelle_selection.y1);
     144                nouvelle_selection.x2 = Math.min(nouvelle_selection.x2, img.width());
     145                nouvelle_selection.y2 = Math.min(nouvelle_selection.y2, img.height());
    146146
    147         imgAreaSelector.setSelection(
    148             nouvelle_selection.x1,
    149             nouvelle_selection.y1,
    150             nouvelle_selection.x2,
    151             nouvelle_selection.y2
    152         );
    153         imgAreaSelector.update();
     147                imgAreaSelector.setSelection(
     148                        nouvelle_selection.x1,
     149                        nouvelle_selection.y1,
     150                        nouvelle_selection.x2,
     151                        nouvelle_selection.y2
     152                );
     153                imgAreaSelector.update();
    154154
    155         maj_formulaire(img, nouvelle_selection);
    156         selection_actuelle = nouvelle_selection;
    157     }
     155                maj_formulaire(img, nouvelle_selection);
     156                selection_actuelle = nouvelle_selection;
     157        }
    158158};
Note: See TracChangeset for help on using the changeset viewer.