\n' +
+ '{previewFileIcon}\n' +
+ '
',
+ MODAL_ID: 'kvFileinputModal',
+ MODAL_EVENTS: ['show', 'shown', 'hide', 'hidden', 'loaded'],
+ objUrl: window.URL || window.webkitURL,
+ compare: function (input, str, exact) {
+ return input !== undefined && (exact ? input === str : input.match(str));
+ },
+ isIE: function (ver) {
+ // check for IE versions < 11
+ if (navigator.appName !== 'Microsoft Internet Explorer') {
+ return false;
+ }
+ if (ver === 10) {
+ return new RegExp('msie\\s' + ver, 'i').test(navigator.userAgent);
+ }
+ var div = document.createElement("div"), status;
+ div.innerHTML = "";
+ status = div.getElementsByTagName("i").length;
+ document.body.appendChild(div);
+ div.parentNode.removeChild(div);
+ return status;
+ },
+ canAssignFilesToInput: function () {
+ var input = document.createElement('input');
+ try {
+ input.type = "file";
+ input.files = null;
+ return true;
+ } catch (err) {
+ return false;
+ }
+ },
+ getDragDropFolders: function (items) {
+ var i, item, len = items.length, folders = 0;
+ if (len > 0 && items[0].webkitGetAsEntry()) {
+ for (i = 0; i < len; i++) {
+ item = items[i].webkitGetAsEntry();
+ if (item && item.isDirectory) {
+ folders++;
+ }
+ }
+ }
+ return folders;
+ },
+ initModal: function ($modal) {
+ var $body = $('body');
+ if ($body.length) {
+ $modal.appendTo($body);
+ }
+ },
+ isEmpty: function (value, trim) {
+ return value === undefined || value === null || value.length === 0 || (trim && $.trim(value) === '');
+ },
+ isArray: function (a) {
+ return Array.isArray(a) || Object.prototype.toString.call(a) === '[object Array]';
+ },
+ ifSet: function (needle, haystack, def) {
+ def = def || '';
+ return (haystack && typeof haystack === 'object' && needle in haystack) ? haystack[needle] : def;
+ },
+ cleanArray: function (arr) {
+ if (!(arr instanceof Array)) {
+ arr = [];
+ }
+ return arr.filter(function (e) {
+ return (e !== undefined && e !== null);
+ });
+ },
+ spliceArray: function (arr, index, reverseOrder) {
+ var i, j = 0, out = [], newArr;
+ if (!(arr instanceof Array)) {
+ return [];
+ }
+ newArr = $.extend(true, [], arr);
+ if (reverseOrder) {
+ newArr.reverse();
+ }
+ for (i = 0; i < newArr.length; i++) {
+ if (i !== index) {
+ out[j] = newArr[i];
+ j++;
+ }
+ }
+ if (reverseOrder) {
+ out.reverse();
+ }
+ return out;
+ },
+ getNum: function (num, def) {
+ def = def || 0;
+ if (typeof num === "number") {
+ return num;
+ }
+ if (typeof num === "string") {
+ num = parseFloat(num);
+ }
+ return isNaN(num) ? def : num;
+ },
+ hasFileAPISupport: function () {
+ return !!(window.File && window.FileReader);
+ },
+ hasDragDropSupport: function () {
+ var div = document.createElement('div');
+ /** @namespace div.draggable */
+ /** @namespace div.ondragstart */
+ /** @namespace div.ondrop */
+ return !$h.isIE(9) &&
+ (div.draggable !== undefined || (div.ondragstart !== undefined && div.ondrop !== undefined));
+ },
+ hasFileUploadSupport: function () {
+ return $h.hasFileAPISupport() && window.FormData;
+ },
+ hasBlobSupport: function () {
+ try {
+ return !!window.Blob && Boolean(new Blob());
+ } catch (e) {
+ return false;
+ }
+ },
+ hasArrayBufferViewSupport: function () {
+ try {
+ return new Blob([new Uint8Array(100)]).size === 100;
+ } catch (e) {
+ return false;
+ }
+ },
+ dataURI2Blob: function (dataURI) {
+ //noinspection JSUnresolvedVariable
+ var BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder ||
+ window.MSBlobBuilder, canBlob = $h.hasBlobSupport(), byteStr, arrayBuffer, intArray, i, mimeStr, bb,
+ canProceed = (canBlob || BlobBuilder) && window.atob && window.ArrayBuffer && window.Uint8Array;
+ if (!canProceed) {
+ return null;
+ }
+ if (dataURI.split(',')[0].indexOf('base64') >= 0) {
+ byteStr = atob(dataURI.split(',')[1]);
+ } else {
+ byteStr = decodeURIComponent(dataURI.split(',')[1]);
+ }
+ arrayBuffer = new ArrayBuffer(byteStr.length);
+ intArray = new Uint8Array(arrayBuffer);
+ for (i = 0; i < byteStr.length; i += 1) {
+ intArray[i] = byteStr.charCodeAt(i);
+ }
+ mimeStr = dataURI.split(',')[0].split(':')[1].split(';')[0];
+ if (canBlob) {
+ return new Blob([$h.hasArrayBufferViewSupport() ? intArray : arrayBuffer], {type: mimeStr});
+ }
+ bb = new BlobBuilder();
+ bb.append(arrayBuffer);
+ return bb.getBlob(mimeStr);
+ },
+ arrayBuffer2String: function (buffer) {
+ //noinspection JSUnresolvedVariable
+ if (window.TextDecoder) {
+ // noinspection JSUnresolvedFunction
+ return new TextDecoder("utf-8").decode(buffer);
+ }
+ var array = Array.prototype.slice.apply(new Uint8Array(buffer)), out = '', i = 0, len, c, char2, char3;
+ len = array.length;
+ while (i < len) {
+ c = array[i++];
+ switch (c >> 4) { // jshint ignore:line
+ case 0:
+ case 1:
+ case 2:
+ case 3:
+ case 4:
+ case 5:
+ case 6:
+ case 7:
+ // 0xxxxxxx
+ out += String.fromCharCode(c);
+ break;
+ case 12:
+ case 13:
+ // 110x xxxx 10xx xxxx
+ char2 = array[i++];
+ out += String.fromCharCode(((c & 0x1F) << 6) | (char2 & 0x3F)); // jshint ignore:line
+ break;
+ case 14:
+ // 1110 xxxx 10xx xxxx 10xx xxxx
+ char2 = array[i++];
+ char3 = array[i++];
+ out += String.fromCharCode(((c & 0x0F) << 12) | // jshint ignore:line
+ ((char2 & 0x3F) << 6) | // jshint ignore:line
+ ((char3 & 0x3F) << 0)); // jshint ignore:line
+ break;
+ }
+ }
+ return out;
+ },
+ isHtml: function (str) {
+ var a = document.createElement('div');
+ a.innerHTML = str;
+ for (var c = a.childNodes, i = c.length; i--;) {
+ if (c[i].nodeType === 1) {
+ return true;
+ }
+ }
+ return false;
+ },
+ isSvg: function (str) {
+ return str.match(/^\s*<\?xml/i) && (str.match(//g, '>')
+ .replace(/"/g, '"')
+ .replace(/'/g, ''');
+ },
+ replaceTags: function (str, tags) {
+ var out = str;
+ if (!tags) {
+ return out;
+ }
+ $.each(tags, function (key, value) {
+ if (typeof value === "function") {
+ value = value();
+ }
+ out = out.split(key).join(value);
+ });
+ return out;
+ },
+ cleanMemory: function ($thumb) {
+ var data = $thumb.is('img') ? $thumb.attr('src') : $thumb.find('source').attr('src');
+ /** @namespace $h.objUrl.revokeObjectURL */
+ $h.objUrl.revokeObjectURL(data);
+ },
+ findFileName: function (filePath) {
+ var sepIndex = filePath.lastIndexOf('/');
+ if (sepIndex === -1) {
+ sepIndex = filePath.lastIndexOf('\\');
+ }
+ return filePath.split(filePath.substring(sepIndex, sepIndex + 1)).pop();
+ },
+ checkFullScreen: function () {
+ //noinspection JSUnresolvedVariable
+ return document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement ||
+ document.msFullscreenElement;
+ },
+ toggleFullScreen: function (maximize) {
+ var doc = document, de = doc.documentElement;
+ if (de && maximize && !$h.checkFullScreen()) {
+ /** @namespace document.requestFullscreen */
+ /** @namespace document.msRequestFullscreen */
+ /** @namespace document.mozRequestFullScreen */
+ /** @namespace document.webkitRequestFullscreen */
+ /** @namespace Element.ALLOW_KEYBOARD_INPUT */
+ if (de.requestFullscreen) {
+ de.requestFullscreen();
+ } else if (de.msRequestFullscreen) {
+ de.msRequestFullscreen();
+ } else if (de.mozRequestFullScreen) {
+ de.mozRequestFullScreen();
+ } else if (de.webkitRequestFullscreen) {
+ de.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
+ }
+ } else {
+ /** @namespace document.exitFullscreen */
+ /** @namespace document.msExitFullscreen */
+ /** @namespace document.mozCancelFullScreen */
+ /** @namespace document.webkitExitFullscreen */
+ if (doc.exitFullscreen) {
+ doc.exitFullscreen();
+ } else if (doc.msExitFullscreen) {
+ doc.msExitFullscreen();
+ } else if (doc.mozCancelFullScreen) {
+ doc.mozCancelFullScreen();
+ } else if (doc.webkitExitFullscreen) {
+ doc.webkitExitFullscreen();
+ }
+ }
+ },
+ moveArray: function (arr, oldIndex, newIndex, reverseOrder) {
+ var newArr = $.extend(true, [], arr);
+ if (reverseOrder) {
+ newArr.reverse();
+ }
+ if (newIndex >= newArr.length) {
+ var k = newIndex - newArr.length;
+ while ((k--) + 1) {
+ newArr.push(undefined);
+ }
+ }
+ newArr.splice(newIndex, 0, newArr.splice(oldIndex, 1)[0]);
+ if (reverseOrder) {
+ newArr.reverse();
+ }
+ return newArr;
+ },
+ cleanZoomCache: function ($el) {
+ var $cache = $el.closest('.kv-zoom-cache-theme');
+ if (!$cache.length) {
+ $cache = $el.closest('.kv-zoom-cache');
+ }
+ $cache.remove();
+ },
+ setOrientation: function (buffer, callback) {
+ var scanner = new DataView(buffer), idx = 0, value = 1, // Non-rotated is the default
+ maxBytes, uInt16, exifLength;
+ if (scanner.getUint16(idx) !== 0xFFD8 || buffer.length < 2) { // not a proper JPEG
+ if (callback) {
+ callback();
+ }
+ return;
+ }
+ idx += 2;
+ maxBytes = scanner.byteLength;
+ while (idx < maxBytes - 2) {
+ uInt16 = scanner.getUint16(idx);
+ idx += 2;
+ switch (uInt16) {
+ case 0xFFE1: // Start of EXIF
+ exifLength = scanner.getUint16(idx);
+ maxBytes = exifLength - idx;
+ idx += 2;
+ break;
+ case 0x0112: // Orientation tag
+ value = scanner.getUint16(idx + 6, false);
+ maxBytes = 0; // Stop scanning
+ break;
+ }
+ }
+ if (callback) {
+ callback(value);
+ }
+ },
+ validateOrientation: function (file, callback) {
+ if (!window.FileReader || !window.DataView) {
+ return; // skip orientation if pre-requisite libraries not supported by browser
+ }
+ var reader = new FileReader(), buffer;
+ reader.onloadend = function () {
+ buffer = reader.result;
+ $h.setOrientation(buffer, callback);
+ };
+ reader.readAsArrayBuffer(file);
+ },
+ adjustOrientedImage: function ($img, isZoom) {
+ var offsetContTop, offsetTop, newTop;
+ if (!$img.hasClass('is-portrait-gt4')) {
+ return;
+ }
+ if (isZoom) {
+ $img.css({width: $img.parent().height()});
+ return;
+ } else {
+ $img.css({height: 'auto', width: $img.height()});
+ }
+ offsetContTop = $img.parent().offset().top;
+ offsetTop = $img.offset().top;
+ newTop = offsetContTop - offsetTop;
+ $img.css('margin-top', newTop);
+ },
+ closeButton: function (css) {
+ css = css ? 'close ' + css : 'close';
+ return '';
+ }
+ };
+ FileInput = function (element, options) {
+ var self = this;
+ self.$element = $(element);
+ self.$parent = self.$element.parent();
+ if (!self._validate()) {
+ return;
+ }
+ self.isPreviewable = $h.hasFileAPISupport();
+ self.isIE9 = $h.isIE(9);
+ self.isIE10 = $h.isIE(10);
+ if (self.isPreviewable || self.isIE9) {
+ self._init(options);
+ self._listen();
+ }
+ self.$element.removeClass('file-loading');
+ };
+ //noinspection JSUnusedGlobalSymbols
+ FileInput.prototype = {
+ constructor: FileInput,
+ _cleanup: function () {
+ var self = this;
+ self.reader = null;
+ self.formdata = {};
+ self.uploadCount = 0;
+ self.uploadStatus = {};
+ self.uploadLog = [];
+ self.uploadAsyncCount = 0;
+ self.loadedImages = [];
+ self.totalImagesCount = 0;
+ self.ajaxRequests = [];
+ self.clearStack();
+ self.fileBatchCompleted = true;
+ if (!self.isPreviewable) {
+ self.showPreview = false;
+ }
+ self.isError = false;
+ self.ajaxAborted = false;
+ self.cancelling = false;
+ },
+ _init: function (options, refreshMode) {
+ var self = this, f, $el = self.$element, $cont, t, tmp;
+ self.options = options;
+ $.each(options, function (key, value) {
+ switch (key) {
+ case 'minFileCount':
+ case 'maxFileCount':
+ case 'minFileSize':
+ case 'maxFileSize':
+ case 'maxFilePreviewSize':
+ case 'resizeImageQuality':
+ case 'resizeIfSizeMoreThan':
+ case 'progressUploadThreshold':
+ case 'initialPreviewCount':
+ case 'zoomModalHeight':
+ case 'minImageHeight':
+ case 'maxImageHeight':
+ case 'minImageWidth':
+ case 'maxImageWidth':
+ self[key] = $h.getNum(value);
+ break;
+ default:
+ self[key] = value;
+ break;
+ }
+ });
+ if (self.rtl) { // swap buttons for rtl
+ tmp = self.previewZoomButtonIcons.prev;
+ self.previewZoomButtonIcons.prev = self.previewZoomButtonIcons.next;
+ self.previewZoomButtonIcons.next = tmp;
+ }
+ if (!refreshMode) {
+ self._cleanup();
+ }
+ self.$form = $el.closest('form');
+ self._initTemplateDefaults();
+ self.uploadFileAttr = !$h.isEmpty($el.attr('name')) ? $el.attr('name') : 'file_data';
+ t = self._getLayoutTemplate('progress');
+ self.progressTemplate = t.replace('{class}', self.progressClass);
+ self.progressCompleteTemplate = t.replace('{class}', self.progressCompleteClass);
+ self.progressErrorTemplate = t.replace('{class}', self.progressErrorClass);
+ self.isDisabled = $el.attr('disabled') || $el.attr('readonly');
+ if (self.isDisabled) {
+ $el.attr('disabled', true);
+ }
+ self.isAjaxUpload = $h.hasFileUploadSupport() && !$h.isEmpty(self.uploadUrl);
+ self.dropZoneEnabled = $h.hasDragDropSupport() && self.dropZoneEnabled;
+ if (!self.isAjaxUpload) {
+ self.dropZoneEnabled = self.dropZoneEnabled && $h.canAssignFilesToInput();
+ }
+ self.isClickable = self.browseOnZoneClick && self.showPreview &&
+ (self.dropZoneEnabled || !$h.isEmpty(self.defaultPreviewContent));
+ self.slug = typeof options.slugCallback === "function" ? options.slugCallback : self._slugDefault;
+ self.mainTemplate = self.showCaption ? self._getLayoutTemplate('main1') : self._getLayoutTemplate('main2');
+ self.captionTemplate = self._getLayoutTemplate('caption');
+ self.previewGenericTemplate = self._getPreviewTemplate('generic');
+ if (!self.imageCanvas && self.resizeImage && (self.maxImageWidth || self.maxImageHeight)) {
+ self.imageCanvas = document.createElement('canvas');
+ self.imageCanvasContext = self.imageCanvas.getContext('2d');
+ }
+ if ($h.isEmpty($el.attr('id'))) {
+ $el.attr('id', $h.uniqId());
+ }
+ self.namespace = '.fileinput_' + $el.attr('id').replace(/-/g, '_');
+ if (self.$container === undefined) {
+ self.$container = self._createContainer();
+ } else {
+ self._refreshContainer();
+ }
+ $cont = self.$container;
+ self.$dropZone = $cont.find('.file-drop-zone');
+ self.$progress = $cont.find('.kv-upload-progress');
+ self.$btnUpload = $cont.find('.fileinput-upload');
+ self.$captionContainer = $h.getElement(options, 'elCaptionContainer', $cont.find('.file-caption'));
+ self.$caption = $h.getElement(options, 'elCaptionText', $cont.find('.file-caption-name'));
+ if (!$h.isEmpty(self.msgPlaceholder)) {
+ f = $el.attr('multiple') ? self.filePlural : self.fileSingle;
+ self.$caption.attr('placeholder', self.msgPlaceholder.replace('{files}', f));
+ }
+ self.$captionIcon = self.$captionContainer.find('.file-caption-icon');
+ self.$previewContainer = $h.getElement(options, 'elPreviewContainer', $cont.find('.file-preview'));
+ self.$preview = $h.getElement(options, 'elPreviewImage', $cont.find('.file-preview-thumbnails'));
+ self.$previewStatus = $h.getElement(options, 'elPreviewStatus', $cont.find('.file-preview-status'));
+ self.$errorContainer = $h.getElement(options, 'elErrorContainer', self.$previewContainer.find('.kv-fileinput-error'));
+ self._validateDisabled();
+ if (!$h.isEmpty(self.msgErrorClass)) {
+ $h.addCss(self.$errorContainer, self.msgErrorClass);
+ }
+ if (!refreshMode) {
+ self.$errorContainer.hide();
+ self.previewInitId = "preview-" + $h.uniqId();
+ self._initPreviewCache();
+ self._initPreview(true);
+ self._initPreviewActions();
+ if (self.$parent.hasClass('file-loading')) {
+ self.$container.insertBefore(self.$parent);
+ self.$parent.remove();
+ }
+ } else {
+ if (!self._errorsExist()) {
+ self.$errorContainer.hide();
+ }
+ }
+ self._setFileDropZoneTitle();
+ if ($el.attr('disabled')) {
+ self.disable();
+ }
+ self._initZoom();
+ if (self.hideThumbnailContent) {
+ $h.addCss(self.$preview, 'hide-content');
+ }
+ },
+ _initTemplateDefaults: function () {
+ var self = this, tMain1, tMain2, tPreview, tFileIcon, tClose, tCaption, tBtnDefault, tBtnLink, tBtnBrowse,
+ tModalMain, tModal, tProgress, tSize, tFooter, tActions, tActionDelete, tActionUpload, tActionDownload,
+ tActionZoom, tActionDrag, tIndicator, tTagBef, tTagBef1, tTagBef2, tTagAft, tGeneric, tHtml, tImage,
+ tText, tOffice, tGdocs, tVideo, tAudio, tFlash, tObject, tPdf, tOther, tStyle, tZoomCache, vDefaultDim;
+ tMain1 = '{preview}\n' +
+ '\n' +
+ '\n' +
+ ' {caption}\n' +
+ '
';
+ tMain2 = '{preview}\n\n\n{remove}\n{cancel}\n{upload}\n{browse}\n';
+ tPreview = '\n' +
+ ' {remove}\n' +
+ ' {cancel}\n' +
+ ' {upload}\n' +
+ ' {browse}\n' +
+ '
\n' +
+ '\n' +
+ ' {close}' +
+ '
';
+ tClose = $h.closeButton('fileinput-remove');
+ tFileIcon = '';
+ // noinspection HtmlUnknownAttribute
+ tCaption = '\n' +
+ '
\n' +
+ '\n' +
+ '
\n' +
+ ' ' +
+ ' \n' +
+ ' \n' +
+ ' \n' +
+ ' \n' +
+ ' \n' +
+ '
';
+ //noinspection HtmlUnknownAttribute
+ tBtnDefault = '';
+ //noinspection HtmlUnknownAttribute
+ tBtnLink = '{icon} {label}';
+ //noinspection HtmlUnknownAttribute
+ tBtnBrowse = '{icon} {label}
';
+ tModalMain = '';
+ tModal = '\n' +
+ ' \n' +
+ '
\n';
+ tProgress = '\n' +
+ '
';
+ tSize = ' ({sizeText})';
+ tFooter = '';
+ tActions = '\n' +
+ ' {status}\n' +
+ '
\n' +
+ '\n' +
+ ' \n' +
+ '
\n' +
+ '{drag}\n' +
+ '';
+ //noinspection HtmlUnknownAttribute
+ tActionDelete = '\n';
+ tActionUpload = '';
+ tActionDownload = '{downloadIcon}';
+ tActionZoom = '';
+ tActionDrag = '{dragIcon}';
+ tIndicator = '{indicator}
';
+ tTagBef = '\n';
+ tTagBef2 = tTagBef + ' title="{caption}">
\n';
+ tGeneric = '{content}\n';
+ tStyle = ' {style}';
+ tHtml = '\n';
+ tTagAft = '
{footer}\n{data}
\n';
+ tImage = '