File Manager

/* jce - 2.6.31 | 2018-06-21 | https://www.joomlacontenteditor.net | Copyright (C) 2006 - 2018 Ryan Demmer. All rights reserved | GNU/GPL Version 2 or later - http://www.gnu.org/licenses/gpl-2.0.html */ !function($){function getRatio(o){return o.width/o.height}$.widget("ui.thumbnail",{options:{src:"",values:{width:120,height:90,quality:100},width:400,height:300,toDataURL:!0},_init:function(){var self=this,values=this.options.values;$(this.element).append('<div id="transform" class="uk-grid uk-grid-small"> <div class="uk-width-3-4">\t <div id="thumbnail-create-crop" class="uk-placeholder"></div> </div> <div class="uk-width-1-4"> <div class="uk-grid uk-grid-small uk-position-relative uk-margin-top uk-form-constrain"> <label for="thumbnail_width" class="uk-form-label uk-width-4-10">'+tinyMCEPopup.getLang("imgmanager_ext_dlg.width","Width")+'</label> <div class="uk-width-6-10"> <input type="text" id="thumbnail_width" value="" /> </div> <label for="thumbnail_height" class="uk-form-label uk-width-4-10 uk-margin-small-top">'+tinyMCEPopup.getLang("imgmanager_ext_dlg.height","Height")+'</label> <div class="uk-margin-small-top uk-width-6-10"> <input type="text" id="thumbnail_height" value="" /> </div> <label class="uk-form-label uk-width-1-1 uk-margin-small-top"><input class="uk-constrain-checkbox uk-margin-left-remove" type="checkbox" checked />'+tinyMCEPopup.getLang("dlg.proportional","Proportional")+'</label> </div>\t<div class="uk-grid uk-grid-small">\t\t<label for="thumbnail_quality" class="uk-form-label uk-width-4-10">'+tinyMCEPopup.getLang("imgmanager_ext_dlg.quality","Quality")+'</label> <div class="uk-width-6-10"> <input type="number" id="thumbnail_quality" value="" step="10" max="100" />\t </div>\t</div>\t<div id="thumbnail-create-preview"></div></div></div>'),$.each(["width","height","quality"],function(i,v){$("#thumbnail_"+v).val(values[v]).change()}),$(".uk-constrain-checkbox","#transform").constrain().on("constrain:change",function(){self._resizeMarquee($("#thumbnail_width").val(),$("#thumbnail_height").val())});var $preview=$("#thumbnail-create-preview"),img=new Image,thumb={width:parseFloat($("#thumbnail_width").val()),height:parseFloat($("#thumbnail_height").val())};this.image=img,img.onload=function(){var $crop=$("#thumbnail-create-crop"),size=($crop.width(),$crop.height(),{width:img.width,height:img.height});(img.width>self.options.width||img.height>self.options.height)&&(size=Wf.sizeToFit(img,{width:self.options.width,height:self.options.height}));var s={x:0,y:0,width:size.width,height:size.height};$.extend(s,Wf.sizeToFit(thumb,size)),self.cropImage=$(img).clone().attr(size).appendTo("#thumbnail-create-crop").crop({ratio:getRatio(thumb),width:size.width,height:size.height,selection:s,change:function(e,s){self._updatePreview(s)},handles:"nw,ne,sw,se"}),$("#crop-box").css({top:"50%","margin-top":0-size.height/2}),self._createPreview(s),$preview.removeClass("loading")},$preview.addClass("loading"),img.onerror=function(){$preview.removeClass("loading").addClass("error")},img.src=this.options.src},_createPreview:function(s){var img=this.image,thumb={width:parseFloat($("#thumbnail_width").val()),height:parseFloat($("#thumbnail_height").val())},$parent=$("#thumbnail-create-preview").parent();$parent.height()-($parent.outerHeight()-$parent.height());$("#thumbnail-create-preview").css({width:thumb.width,height:thumb.height}).append($(img).clone()),this._updatePreview(s)},_resizeMarquee:function(width,height){var ow=$("#crop-box").width(),oh=$("#crop-box").height();if(width||height){width=parseInt(width),height=parseInt(height);var r=ow>oh?oh/ow:ow/oh;width||(width=Math.round(height*r)),height||(height=Math.round(width*r));var s={x:0,y:0,width:Math.round(width*r),height:Math.round(height*r)};$.extend(s,Wf.sizeToFit({width:width,height:height},{width:ow,height:oh}));var ratio=width>height?width/height:height/width;$(this.cropImage).crop("setRatio",ratio).crop("setArea",s)}},_updatePreview:function(s){var w,h,o=this.options,$preview=$("#thumbnail-create-preview"),tw=$("#thumbnail_width").val(),th=$("#thumbnail_height").val(),img=this.image,iw=img.width,ih=img.height;if(tw||th){tw||(tw=Math.round(th/ih*iw)),th||(th=Math.round(tw/iw*ih));var mw=$("#thumbnail-create-preview").parent().width();tw>mw?($preview.css(Wf.sizeToFit({width:tw,height:th},{width:mw,height:120})),tw=$preview.width(),th=$preview.height()):$preview.css({width:tw,height:th});var r=Math.min(s.width/Math.min(iw,o.width),s.height/Math.min(ih,o.height));w=Math.round(tw/r),h=Math.round(th/r),iw>ih?h="auto":ih>iw&&(w="auto"),$("img","#thumbnail-create-preview").css({width:w,height:h,marginLeft:0-Math.round(s.x*tw/s.width),marginTop:0-Math.round(s.y*th/s.height)})}},getMime:function(s){var mime="image/jpeg",ext=Wf.String.getExt(s);switch(ext){case"jpg":case"jpeg":mime="image/jpeg";break;case"png":mime="image/png";break;case"bmp":mime="image/bmp"}return mime},save:function(){var area=$(this.cropImage).crop("getArea",!0),ow=$("#crop-container").width(),oh=$("#crop-container").height(),iw=this.image.width,ih=this.image.height,w=$("#thumbnail_width").val(),h=$("#thumbnail_height").val();if(w=parseFloat(w),h=parseFloat(h),w||h){var ar=ow>oh?ow/oh:oh/ow;w||(w=Math.round(h*ar,1)),h||(h=Math.round(w*ar,1));var r={x:iw/ow,y:ih/oh},s={width:iw,height:ih,x:0,y:0};iw>ih?(s.width=Math.round(area.width*r.x,1),area.height!==oh&&(s.height=Math.round(area.height*r.y,1))):(s.height=Math.round(area.height*r.y,1),area.width!==ow&&(s.width=Math.round(area.width*r.x,1))),s.x=Math.round(area.x*r.x,1),s.y=Math.round(area.y*r.y,1);var quality=parseFloat($("#thumbnail_quality").val());return quality=Math.max(Math.min(quality,100),10),{sx:s.x,sy:s.y,sw:s.width,sh:s.height,width:w,height:h,quality:quality}}},destroy:function(){$.Widget.prototype.destroy.apply(this,arguments)}})}(jQuery);