openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

trumbowyg.resizimg.js (2871B)

      1 (function ($) {
      2     'use strict';
      3 
      4     var defaultOptions = {
      5         minSize: 32,
      6         step: 4
      7     };
      8 
      9     var preventDefault = function (ev) {
     10         return ev.preventDefault();
     11     };
     12 
     13     $.extend(true, $.trumbowyg, {
     14         plugins: {
     15             resizimg: {
     16                 init: function (trumbowyg) {
     17                     trumbowyg.o.plugins.resizimg = $.extend(true, {},
     18                         defaultOptions,
     19                         trumbowyg.o.plugins.resizimg || {},
     20                         {
     21                             resizable: {
     22                                 resizeWidth: false,
     23                                 onDragStart: function (ev, $el) {
     24                                     var opt = trumbowyg.o.plugins.resizimg;
     25                                     var x = ev.pageX - $el.offset().left;
     26                                     var y = ev.pageY - $el.offset().top;
     27                                     if (x < $el.width() - opt.minSize || y < $el.height() - opt.minSize) {
     28                                         return false;
     29                                     }
     30                                 },
     31                                 onDrag: function (ev, $el, newWidth, newHeight) {
     32                                     var opt = trumbowyg.o.plugins.resizimg;
     33                                     if (newHeight < opt.minSize) {
     34                                         newHeight = opt.minSize;
     35                                     }
     36                                     newHeight -= newHeight % opt.step;
     37                                     $el.height(newHeight);
     38                                     return false;
     39                                 },
     40                                 onDragEnd: function () {
     41                                     trumbowyg.$c.trigger('tbwchange');
     42                                 }
     43                             }
     44                         }
     45                     );
     46 
     47                     function initResizable() {
     48                         trumbowyg.$ed.find('img:not(.resizable)')
     49                             .resizable(trumbowyg.o.plugins.resizimg.resizable)
     50                             .on('mousedown', preventDefault);
     51                     }
     52 
     53                     function destroyResizable() {
     54                         trumbowyg.$ed.find('img.resizable')
     55                             .resizable('destroy')
     56                             .off('mousedown', preventDefault);
     57                         trumbowyg.syncTextarea();
     58                     }
     59 
     60                     trumbowyg.$c.on('tbwinit', initResizable);
     61                     trumbowyg.$c.on('tbwfocus', initResizable);
     62                     trumbowyg.$c.on('tbwchange', initResizable);
     63                     trumbowyg.$c.on('tbwblur', destroyResizable);
     64                     trumbowyg.$c.on('tbwclose', destroyResizable);
     65                 }
     66             }
     67         }
     68     });
     69 })(jQuery);