Commit 8c448b56136e6710bdc84e140bbd4eb3150f1dfc
1 parent
ad6304d6
add yii jquery
Showing
31 changed files
with
5160 additions
and
40 deletions
Show diff stats
| 1 | +<?php | |
| 2 | +/** | |
| 3 | + * @link http://www.yiiframework.com/ | |
| 4 | + * @copyright Copyright (c) 2008 Yii Software LLC | |
| 5 | + * @license http://www.yiiframework.com/license/ | |
| 6 | + */ | |
| 7 | + | |
| 8 | + | |
| 9 | +namespace common\modules\file; | |
| 10 | + | |
| 11 | +use yii\helpers\Url; | |
| 12 | +use yii\web\AssetBundle; | |
| 13 | + | |
| 14 | +/** | |
| 15 | + * Asset bundle for the Twitter bootstrap javascript files. | |
| 16 | + * | |
| 17 | + * @author Qiang Xue <qiang.xue@gmail.com> | |
| 18 | + * @since 2.0 | |
| 19 | + */ | |
| 20 | +class FileUploadAsset extends AssetBundle | |
| 21 | +{ | |
| 22 | + | |
| 23 | + | |
| 24 | + /** | |
| 25 | + * @inheritdoc | |
| 26 | + */ | |
| 27 | + public function init() | |
| 28 | + { | |
| 29 | + parent::init(); | |
| 30 | + $this->sourcePath = __DIR__.'/assets'; | |
| 31 | + } | |
| 32 | + | |
| 33 | + public $css = [ | |
| 34 | + 'css/jquery.fileupload.css' | |
| 35 | + ]; | |
| 36 | + | |
| 37 | + public $js = [ | |
| 38 | + 'js/vendor/jquery.ui.widget.js', | |
| 39 | + 'js/jquery.iframe-transport.js', | |
| 40 | + 'js/jquery.fileupload.js' | |
| 41 | + ]; | |
| 42 | +} | ... | ... |
common/modules/file/assets/css/jquery.fileupload-noscript.css
0 → 100644
| 1 | +@charset "UTF-8"; | |
| 2 | +/* | |
| 3 | + * jQuery File Upload Plugin NoScript CSS | |
| 4 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 5 | + * | |
| 6 | + * Copyright 2013, Sebastian Tschan | |
| 7 | + * https://blueimp.net | |
| 8 | + * | |
| 9 | + * Licensed under the MIT license: | |
| 10 | + * http://www.opensource.org/licenses/MIT | |
| 11 | + */ | |
| 12 | + | |
| 13 | +.fileinput-button input { | |
| 14 | + position: static; | |
| 15 | + opacity: 1; | |
| 16 | + filter: none; | |
| 17 | + font-size: inherit; | |
| 18 | + direction: inherit; | |
| 19 | +} | |
| 20 | +.fileinput-button span { | |
| 21 | + display: none; | |
| 22 | +} | ... | ... |
common/modules/file/assets/css/jquery.fileupload-ui-noscript.css
0 → 100644
| 1 | +@charset "UTF-8"; | |
| 2 | +/* | |
| 3 | + * jQuery File Upload UI Plugin NoScript CSS | |
| 4 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 5 | + * | |
| 6 | + * Copyright 2012, Sebastian Tschan | |
| 7 | + * https://blueimp.net | |
| 8 | + * | |
| 9 | + * Licensed under the MIT license: | |
| 10 | + * http://www.opensource.org/licenses/MIT | |
| 11 | + */ | |
| 12 | + | |
| 13 | +.fileinput-button i, | |
| 14 | +.fileupload-buttonbar .delete, | |
| 15 | +.fileupload-buttonbar .toggle { | |
| 16 | + display: none; | |
| 17 | +} | ... | ... |
common/modules/file/assets/css/jquery.fileupload-ui.css
0 → 100644
| 1 | +@charset "UTF-8"; | |
| 2 | +/* | |
| 3 | + * jQuery File Upload UI Plugin CSS | |
| 4 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 5 | + * | |
| 6 | + * Copyright 2010, Sebastian Tschan | |
| 7 | + * https://blueimp.net | |
| 8 | + * | |
| 9 | + * Licensed under the MIT license: | |
| 10 | + * http://www.opensource.org/licenses/MIT | |
| 11 | + */ | |
| 12 | + | |
| 13 | +.fileupload-buttonbar .btn, | |
| 14 | +.fileupload-buttonbar .toggle { | |
| 15 | + margin-bottom: 5px; | |
| 16 | +} | |
| 17 | +.progress-animated .progress-bar, | |
| 18 | +.progress-animated .bar { | |
| 19 | + background: url("../img/progressbar.gif") !important; | |
| 20 | + filter: none; | |
| 21 | +} | |
| 22 | +.fileupload-process { | |
| 23 | + float: right; | |
| 24 | + display: none; | |
| 25 | +} | |
| 26 | +.fileupload-processing .fileupload-process, | |
| 27 | +.files .processing .preview { | |
| 28 | + display: block; | |
| 29 | + width: 32px; | |
| 30 | + height: 32px; | |
| 31 | + background: url("../img/loading.gif") center no-repeat; | |
| 32 | + background-size: contain; | |
| 33 | +} | |
| 34 | +.files audio, | |
| 35 | +.files video { | |
| 36 | + max-width: 300px; | |
| 37 | +} | |
| 38 | + | |
| 39 | +@media (max-width: 767px) { | |
| 40 | + .fileupload-buttonbar .toggle, | |
| 41 | + .files .toggle, | |
| 42 | + .files .btn span { | |
| 43 | + display: none; | |
| 44 | + } | |
| 45 | + .files .name { | |
| 46 | + width: 80px; | |
| 47 | + word-wrap: break-word; | |
| 48 | + } | |
| 49 | + .files audio, | |
| 50 | + .files video { | |
| 51 | + max-width: 80px; | |
| 52 | + } | |
| 53 | + .files img, | |
| 54 | + .files canvas { | |
| 55 | + max-width: 100%; | |
| 56 | + } | |
| 57 | +} | ... | ... |
common/modules/file/assets/css/jquery.fileupload.css
0 → 100644
| 1 | +@charset "UTF-8"; | |
| 2 | +/* | |
| 3 | + * jQuery File Upload Plugin CSS | |
| 4 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 5 | + * | |
| 6 | + * Copyright 2013, Sebastian Tschan | |
| 7 | + * https://blueimp.net | |
| 8 | + * | |
| 9 | + * Licensed under the MIT license: | |
| 10 | + * http://www.opensource.org/licenses/MIT | |
| 11 | + */ | |
| 12 | + | |
| 13 | +.fileinput-button { | |
| 14 | + position: relative; | |
| 15 | + overflow: hidden; | |
| 16 | + display: inline-block; | |
| 17 | +} | |
| 18 | +.fileinput-button input { | |
| 19 | + position: absolute; | |
| 20 | + top: 0; | |
| 21 | + right: 0; | |
| 22 | + margin: 0; | |
| 23 | + opacity: 0; | |
| 24 | + -ms-filter: 'alpha(opacity=0)'; | |
| 25 | + font-size: 200px; | |
| 26 | + direction: ltr; | |
| 27 | + cursor: pointer; | |
| 28 | +} | |
| 29 | + | |
| 30 | +/* Fixes for IE < 8 */ | |
| 31 | +@media screen\9 { | |
| 32 | + .fileinput-button input { | |
| 33 | + filter: alpha(opacity=0); | |
| 34 | + font-size: 100%; | |
| 35 | + height: 100%; | |
| 36 | + } | |
| 37 | +} | ... | ... |
3.81 KB
3.25 KB
common/modules/file/assets/js/cors/jquery.postmessage-transport.js
0 → 100644
| 1 | +/* | |
| 2 | + * jQuery postMessage Transport Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2011, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + */ | |
| 11 | + | |
| 12 | +/* global define, require, window, document */ | |
| 13 | + | |
| 14 | +(function (factory) { | |
| 15 | + 'use strict'; | |
| 16 | + if (typeof define === 'function' && define.amd) { | |
| 17 | + // Register as an anonymous AMD module: | |
| 18 | + define(['jquery'], factory); | |
| 19 | + } else if (typeof exports === 'object') { | |
| 20 | + // Node/CommonJS: | |
| 21 | + factory(require('jquery')); | |
| 22 | + } else { | |
| 23 | + // Browser globals: | |
| 24 | + factory(window.jQuery); | |
| 25 | + } | |
| 26 | +}(function ($) { | |
| 27 | + 'use strict'; | |
| 28 | + | |
| 29 | + var counter = 0, | |
| 30 | + names = [ | |
| 31 | + 'accepts', | |
| 32 | + 'cache', | |
| 33 | + 'contents', | |
| 34 | + 'contentType', | |
| 35 | + 'crossDomain', | |
| 36 | + 'data', | |
| 37 | + 'dataType', | |
| 38 | + 'headers', | |
| 39 | + 'ifModified', | |
| 40 | + 'mimeType', | |
| 41 | + 'password', | |
| 42 | + 'processData', | |
| 43 | + 'timeout', | |
| 44 | + 'traditional', | |
| 45 | + 'type', | |
| 46 | + 'url', | |
| 47 | + 'username' | |
| 48 | + ], | |
| 49 | + convert = function (p) { | |
| 50 | + return p; | |
| 51 | + }; | |
| 52 | + | |
| 53 | + $.ajaxSetup({ | |
| 54 | + converters: { | |
| 55 | + 'postmessage text': convert, | |
| 56 | + 'postmessage json': convert, | |
| 57 | + 'postmessage html': convert | |
| 58 | + } | |
| 59 | + }); | |
| 60 | + | |
| 61 | + $.ajaxTransport('postmessage', function (options) { | |
| 62 | + if (options.postMessage && window.postMessage) { | |
| 63 | + var iframe, | |
| 64 | + loc = $('<a>').prop('href', options.postMessage)[0], | |
| 65 | + target = loc.protocol + '//' + loc.host, | |
| 66 | + xhrUpload = options.xhr().upload; | |
| 67 | + return { | |
| 68 | + send: function (_, completeCallback) { | |
| 69 | + counter += 1; | |
| 70 | + var message = { | |
| 71 | + id: 'postmessage-transport-' + counter | |
| 72 | + }, | |
| 73 | + eventName = 'message.' + message.id; | |
| 74 | + iframe = $( | |
| 75 | + '<iframe style="display:none;" src="' + | |
| 76 | + options.postMessage + '" name="' + | |
| 77 | + message.id + '"></iframe>' | |
| 78 | + ).bind('load', function () { | |
| 79 | + $.each(names, function (i, name) { | |
| 80 | + message[name] = options[name]; | |
| 81 | + }); | |
| 82 | + message.dataType = message.dataType.replace('postmessage ', ''); | |
| 83 | + $(window).bind(eventName, function (e) { | |
| 84 | + e = e.originalEvent; | |
| 85 | + var data = e.data, | |
| 86 | + ev; | |
| 87 | + if (e.origin === target && data.id === message.id) { | |
| 88 | + if (data.type === 'progress') { | |
| 89 | + ev = document.createEvent('Event'); | |
| 90 | + ev.initEvent(data.type, false, true); | |
| 91 | + $.extend(ev, data); | |
| 92 | + xhrUpload.dispatchEvent(ev); | |
| 93 | + } else { | |
| 94 | + completeCallback( | |
| 95 | + data.status, | |
| 96 | + data.statusText, | |
| 97 | + {postmessage: data.result}, | |
| 98 | + data.headers | |
| 99 | + ); | |
| 100 | + iframe.remove(); | |
| 101 | + $(window).unbind(eventName); | |
| 102 | + } | |
| 103 | + } | |
| 104 | + }); | |
| 105 | + iframe[0].contentWindow.postMessage( | |
| 106 | + message, | |
| 107 | + target | |
| 108 | + ); | |
| 109 | + }).appendTo(document.body); | |
| 110 | + }, | |
| 111 | + abort: function () { | |
| 112 | + if (iframe) { | |
| 113 | + iframe.remove(); | |
| 114 | + } | |
| 115 | + } | |
| 116 | + }; | |
| 117 | + } | |
| 118 | + }); | |
| 119 | + | |
| 120 | +})); | ... | ... |
common/modules/file/assets/js/cors/jquery.xdr-transport.js
0 → 100644
| 1 | +/* | |
| 2 | + * jQuery XDomainRequest Transport Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2011, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + * | |
| 11 | + * Based on Julian Aubourg's ajaxHooks xdr.js: | |
| 12 | + * https://github.com/jaubourg/ajaxHooks/ | |
| 13 | + */ | |
| 14 | + | |
| 15 | +/* global define, require, window, XDomainRequest */ | |
| 16 | + | |
| 17 | +(function (factory) { | |
| 18 | + 'use strict'; | |
| 19 | + if (typeof define === 'function' && define.amd) { | |
| 20 | + // Register as an anonymous AMD module: | |
| 21 | + define(['jquery'], factory); | |
| 22 | + } else if (typeof exports === 'object') { | |
| 23 | + // Node/CommonJS: | |
| 24 | + factory(require('jquery')); | |
| 25 | + } else { | |
| 26 | + // Browser globals: | |
| 27 | + factory(window.jQuery); | |
| 28 | + } | |
| 29 | +}(function ($) { | |
| 30 | + 'use strict'; | |
| 31 | + if (window.XDomainRequest && !$.support.cors) { | |
| 32 | + $.ajaxTransport(function (s) { | |
| 33 | + if (s.crossDomain && s.async) { | |
| 34 | + if (s.timeout) { | |
| 35 | + s.xdrTimeout = s.timeout; | |
| 36 | + delete s.timeout; | |
| 37 | + } | |
| 38 | + var xdr; | |
| 39 | + return { | |
| 40 | + send: function (headers, completeCallback) { | |
| 41 | + var addParamChar = /\?/.test(s.url) ? '&' : '?'; | |
| 42 | + function callback(status, statusText, responses, responseHeaders) { | |
| 43 | + xdr.onload = xdr.onerror = xdr.ontimeout = $.noop; | |
| 44 | + xdr = null; | |
| 45 | + completeCallback(status, statusText, responses, responseHeaders); | |
| 46 | + } | |
| 47 | + xdr = new XDomainRequest(); | |
| 48 | + // XDomainRequest only supports GET and POST: | |
| 49 | + if (s.type === 'DELETE') { | |
| 50 | + s.url = s.url + addParamChar + '_method=DELETE'; | |
| 51 | + s.type = 'POST'; | |
| 52 | + } else if (s.type === 'PUT') { | |
| 53 | + s.url = s.url + addParamChar + '_method=PUT'; | |
| 54 | + s.type = 'POST'; | |
| 55 | + } else if (s.type === 'PATCH') { | |
| 56 | + s.url = s.url + addParamChar + '_method=PATCH'; | |
| 57 | + s.type = 'POST'; | |
| 58 | + } | |
| 59 | + xdr.open(s.type, s.url); | |
| 60 | + xdr.onload = function () { | |
| 61 | + callback( | |
| 62 | + 200, | |
| 63 | + 'OK', | |
| 64 | + {text: xdr.responseText}, | |
| 65 | + 'Content-Type: ' + xdr.contentType | |
| 66 | + ); | |
| 67 | + }; | |
| 68 | + xdr.onerror = function () { | |
| 69 | + callback(404, 'Not Found'); | |
| 70 | + }; | |
| 71 | + if (s.xdrTimeout) { | |
| 72 | + xdr.ontimeout = function () { | |
| 73 | + callback(0, 'timeout'); | |
| 74 | + }; | |
| 75 | + xdr.timeout = s.xdrTimeout; | |
| 76 | + } | |
| 77 | + xdr.send((s.hasContent && s.data) || null); | |
| 78 | + }, | |
| 79 | + abort: function () { | |
| 80 | + if (xdr) { | |
| 81 | + xdr.onerror = $.noop(); | |
| 82 | + xdr.abort(); | |
| 83 | + } | |
| 84 | + } | |
| 85 | + }; | |
| 86 | + } | |
| 87 | + }); | |
| 88 | + } | |
| 89 | +})); | ... | ... |
common/modules/file/assets/js/jquery.fileupload-angular.js
0 → 100644
| 1 | +/* | |
| 2 | + * jQuery File Upload AngularJS Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2013, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + */ | |
| 11 | + | |
| 12 | +/* jshint nomen:false */ | |
| 13 | +/* global define, angular */ | |
| 14 | + | |
| 15 | +(function (factory) { | |
| 16 | + 'use strict'; | |
| 17 | + if (typeof define === 'function' && define.amd) { | |
| 18 | + // Register as an anonymous AMD module: | |
| 19 | + define([ | |
| 20 | + 'jquery', | |
| 21 | + 'angular', | |
| 22 | + './jquery.fileupload-image', | |
| 23 | + './jquery.fileupload-audio', | |
| 24 | + './jquery.fileupload-video', | |
| 25 | + './jquery.fileupload-validate' | |
| 26 | + ], factory); | |
| 27 | + } else { | |
| 28 | + factory(); | |
| 29 | + } | |
| 30 | +}(function () { | |
| 31 | + 'use strict'; | |
| 32 | + | |
| 33 | + angular.module('blueimp.fileupload', []) | |
| 34 | + | |
| 35 | + // The fileUpload service provides configuration options | |
| 36 | + // for the fileUpload directive and default handlers for | |
| 37 | + // File Upload events: | |
| 38 | + .provider('fileUpload', function () { | |
| 39 | + var scopeEvalAsync = function (expression) { | |
| 40 | + var scope = angular.element(this) | |
| 41 | + .fileupload('option', 'scope'); | |
| 42 | + // Schedule a new $digest cycle if not already inside of one | |
| 43 | + // and evaluate the given expression: | |
| 44 | + scope.$evalAsync(expression); | |
| 45 | + }, | |
| 46 | + addFileMethods = function (scope, data) { | |
| 47 | + var files = data.files, | |
| 48 | + file = files[0]; | |
| 49 | + angular.forEach(files, function (file, index) { | |
| 50 | + file._index = index; | |
| 51 | + file.$state = function () { | |
| 52 | + return data.state(); | |
| 53 | + }; | |
| 54 | + file.$processing = function () { | |
| 55 | + return data.processing(); | |
| 56 | + }; | |
| 57 | + file.$progress = function () { | |
| 58 | + return data.progress(); | |
| 59 | + }; | |
| 60 | + file.$response = function () { | |
| 61 | + return data.response(); | |
| 62 | + }; | |
| 63 | + }); | |
| 64 | + file.$submit = function () { | |
| 65 | + if (!file.error) { | |
| 66 | + return data.submit(); | |
| 67 | + } | |
| 68 | + }; | |
| 69 | + file.$cancel = function () { | |
| 70 | + return data.abort(); | |
| 71 | + }; | |
| 72 | + }, | |
| 73 | + $config; | |
| 74 | + $config = this.defaults = { | |
| 75 | + handleResponse: function (e, data) { | |
| 76 | + var files = data.result && data.result.files; | |
| 77 | + if (files) { | |
| 78 | + data.scope.replace(data.files, files); | |
| 79 | + } else if (data.errorThrown || | |
| 80 | + data.textStatus === 'error') { | |
| 81 | + data.files[0].error = data.errorThrown || | |
| 82 | + data.textStatus; | |
| 83 | + } | |
| 84 | + }, | |
| 85 | + add: function (e, data) { | |
| 86 | + if (e.isDefaultPrevented()) { | |
| 87 | + return false; | |
| 88 | + } | |
| 89 | + var scope = data.scope, | |
| 90 | + filesCopy = []; | |
| 91 | + angular.forEach(data.files, function (file) { | |
| 92 | + filesCopy.push(file); | |
| 93 | + }); | |
| 94 | + scope.$parent.$applyAsync(function () { | |
| 95 | + addFileMethods(scope, data); | |
| 96 | + var method = scope.option('prependFiles') ? | |
| 97 | + 'unshift' : 'push'; | |
| 98 | + Array.prototype[method].apply(scope.queue, data.files); | |
| 99 | + }); | |
| 100 | + data.process(function () { | |
| 101 | + return scope.process(data); | |
| 102 | + }).always(function () { | |
| 103 | + scope.$parent.$applyAsync(function () { | |
| 104 | + addFileMethods(scope, data); | |
| 105 | + scope.replace(filesCopy, data.files); | |
| 106 | + }); | |
| 107 | + }).then(function () { | |
| 108 | + if ((scope.option('autoUpload') || | |
| 109 | + data.autoUpload) && | |
| 110 | + data.autoUpload !== false) { | |
| 111 | + data.submit(); | |
| 112 | + } | |
| 113 | + }); | |
| 114 | + }, | |
| 115 | + done: function (e, data) { | |
| 116 | + if (e.isDefaultPrevented()) { | |
| 117 | + return false; | |
| 118 | + } | |
| 119 | + var that = this; | |
| 120 | + data.scope.$apply(function () { | |
| 121 | + data.handleResponse.call(that, e, data); | |
| 122 | + }); | |
| 123 | + }, | |
| 124 | + fail: function (e, data) { | |
| 125 | + if (e.isDefaultPrevented()) { | |
| 126 | + return false; | |
| 127 | + } | |
| 128 | + var that = this, | |
| 129 | + scope = data.scope; | |
| 130 | + if (data.errorThrown === 'abort') { | |
| 131 | + scope.clear(data.files); | |
| 132 | + return; | |
| 133 | + } | |
| 134 | + scope.$apply(function () { | |
| 135 | + data.handleResponse.call(that, e, data); | |
| 136 | + }); | |
| 137 | + }, | |
| 138 | + stop: scopeEvalAsync, | |
| 139 | + processstart: scopeEvalAsync, | |
| 140 | + processstop: scopeEvalAsync, | |
| 141 | + getNumberOfFiles: function () { | |
| 142 | + var scope = this.scope; | |
| 143 | + return scope.queue.length - scope.processing(); | |
| 144 | + }, | |
| 145 | + dataType: 'json', | |
| 146 | + autoUpload: false | |
| 147 | + }; | |
| 148 | + this.$get = [ | |
| 149 | + function () { | |
| 150 | + return { | |
| 151 | + defaults: $config | |
| 152 | + }; | |
| 153 | + } | |
| 154 | + ]; | |
| 155 | + }) | |
| 156 | + | |
| 157 | + // Format byte numbers to readable presentations: | |
| 158 | + .provider('formatFileSizeFilter', function () { | |
| 159 | + var $config = { | |
| 160 | + // Byte units following the IEC format | |
| 161 | + // http://en.wikipedia.org/wiki/Kilobyte | |
| 162 | + units: [ | |
| 163 | + {size: 1000000000, suffix: ' GB'}, | |
| 164 | + {size: 1000000, suffix: ' MB'}, | |
| 165 | + {size: 1000, suffix: ' KB'} | |
| 166 | + ] | |
| 167 | + }; | |
| 168 | + this.defaults = $config; | |
| 169 | + this.$get = function () { | |
| 170 | + return function (bytes) { | |
| 171 | + if (!angular.isNumber(bytes)) { | |
| 172 | + return ''; | |
| 173 | + } | |
| 174 | + var unit = true, | |
| 175 | + i = 0, | |
| 176 | + prefix, | |
| 177 | + suffix; | |
| 178 | + while (unit) { | |
| 179 | + unit = $config.units[i]; | |
| 180 | + prefix = unit.prefix || ''; | |
| 181 | + suffix = unit.suffix || ''; | |
| 182 | + if (i === $config.units.length - 1 || bytes >= unit.size) { | |
| 183 | + return prefix + (bytes / unit.size).toFixed(2) + suffix; | |
| 184 | + } | |
| 185 | + i += 1; | |
| 186 | + } | |
| 187 | + }; | |
| 188 | + }; | |
| 189 | + }) | |
| 190 | + | |
| 191 | + // The FileUploadController initializes the fileupload widget and | |
| 192 | + // provides scope methods to control the File Upload functionality: | |
| 193 | + .controller('FileUploadController', [ | |
| 194 | + '$scope', '$element', '$attrs', '$window', 'fileUpload', | |
| 195 | + function ($scope, $element, $attrs, $window, fileUpload) { | |
| 196 | + var uploadMethods = { | |
| 197 | + progress: function () { | |
| 198 | + return $element.fileupload('progress'); | |
| 199 | + }, | |
| 200 | + active: function () { | |
| 201 | + return $element.fileupload('active'); | |
| 202 | + }, | |
| 203 | + option: function (option, data) { | |
| 204 | + if (arguments.length === 1) { | |
| 205 | + return $element.fileupload('option', option); | |
| 206 | + } | |
| 207 | + $element.fileupload('option', option, data); | |
| 208 | + }, | |
| 209 | + add: function (data) { | |
| 210 | + return $element.fileupload('add', data); | |
| 211 | + }, | |
| 212 | + send: function (data) { | |
| 213 | + return $element.fileupload('send', data); | |
| 214 | + }, | |
| 215 | + process: function (data) { | |
| 216 | + return $element.fileupload('process', data); | |
| 217 | + }, | |
| 218 | + processing: function (data) { | |
| 219 | + return $element.fileupload('processing', data); | |
| 220 | + } | |
| 221 | + }; | |
| 222 | + $scope.disabled = !$window.jQuery.support.fileInput; | |
| 223 | + $scope.queue = $scope.queue || []; | |
| 224 | + $scope.clear = function (files) { | |
| 225 | + var queue = this.queue, | |
| 226 | + i = queue.length, | |
| 227 | + file = files, | |
| 228 | + length = 1; | |
| 229 | + if (angular.isArray(files)) { | |
| 230 | + file = files[0]; | |
| 231 | + length = files.length; | |
| 232 | + } | |
| 233 | + while (i) { | |
| 234 | + i -= 1; | |
| 235 | + if (queue[i] === file) { | |
| 236 | + return queue.splice(i, length); | |
| 237 | + } | |
| 238 | + } | |
| 239 | + }; | |
| 240 | + $scope.replace = function (oldFiles, newFiles) { | |
| 241 | + var queue = this.queue, | |
| 242 | + file = oldFiles[0], | |
| 243 | + i, | |
| 244 | + j; | |
| 245 | + for (i = 0; i < queue.length; i += 1) { | |
| 246 | + if (queue[i] === file) { | |
| 247 | + for (j = 0; j < newFiles.length; j += 1) { | |
| 248 | + queue[i + j] = newFiles[j]; | |
| 249 | + } | |
| 250 | + return; | |
| 251 | + } | |
| 252 | + } | |
| 253 | + }; | |
| 254 | + $scope.applyOnQueue = function (method) { | |
| 255 | + var list = this.queue.slice(0), | |
| 256 | + i, | |
| 257 | + file; | |
| 258 | + for (i = 0; i < list.length; i += 1) { | |
| 259 | + file = list[i]; | |
| 260 | + if (file[method]) { | |
| 261 | + file[method](); | |
| 262 | + } | |
| 263 | + } | |
| 264 | + }; | |
| 265 | + $scope.submit = function () { | |
| 266 | + this.applyOnQueue('$submit'); | |
| 267 | + }; | |
| 268 | + $scope.cancel = function () { | |
| 269 | + this.applyOnQueue('$cancel'); | |
| 270 | + }; | |
| 271 | + // Add upload methods to the scope: | |
| 272 | + angular.extend($scope, uploadMethods); | |
| 273 | + // The fileupload widget will initialize with | |
| 274 | + // the options provided via "data-"-parameters, | |
| 275 | + // as well as those given via options object: | |
| 276 | + $element.fileupload(angular.extend( | |
| 277 | + {scope: $scope}, | |
| 278 | + fileUpload.defaults | |
| 279 | + )).on('fileuploadadd', function (e, data) { | |
| 280 | + data.scope = $scope; | |
| 281 | + }).on('fileuploadfail', function (e, data) { | |
| 282 | + if (data.errorThrown === 'abort') { | |
| 283 | + return; | |
| 284 | + } | |
| 285 | + if (data.dataType && | |
| 286 | + data.dataType.indexOf('json') === data.dataType.length - 4) { | |
| 287 | + try { | |
| 288 | + data.result = angular.fromJson(data.jqXHR.responseText); | |
| 289 | + } catch (ignore) {} | |
| 290 | + } | |
| 291 | + }).on([ | |
| 292 | + 'fileuploadadd', | |
| 293 | + 'fileuploadsubmit', | |
| 294 | + 'fileuploadsend', | |
| 295 | + 'fileuploaddone', | |
| 296 | + 'fileuploadfail', | |
| 297 | + 'fileuploadalways', | |
| 298 | + 'fileuploadprogress', | |
| 299 | + 'fileuploadprogressall', | |
| 300 | + 'fileuploadstart', | |
| 301 | + 'fileuploadstop', | |
| 302 | + 'fileuploadchange', | |
| 303 | + 'fileuploadpaste', | |
| 304 | + 'fileuploaddrop', | |
| 305 | + 'fileuploaddragover', | |
| 306 | + 'fileuploadchunksend', | |
| 307 | + 'fileuploadchunkdone', | |
| 308 | + 'fileuploadchunkfail', | |
| 309 | + 'fileuploadchunkalways', | |
| 310 | + 'fileuploadprocessstart', | |
| 311 | + 'fileuploadprocess', | |
| 312 | + 'fileuploadprocessdone', | |
| 313 | + 'fileuploadprocessfail', | |
| 314 | + 'fileuploadprocessalways', | |
| 315 | + 'fileuploadprocessstop' | |
| 316 | + ].join(' '), function (e, data) { | |
| 317 | + $scope.$parent.$applyAsync(function () { | |
| 318 | + if ($scope.$emit(e.type, data).defaultPrevented) { | |
| 319 | + e.preventDefault(); | |
| 320 | + } | |
| 321 | + }); | |
| 322 | + }).on('remove', function () { | |
| 323 | + // Remove upload methods from the scope, | |
| 324 | + // when the widget is removed: | |
| 325 | + var method; | |
| 326 | + for (method in uploadMethods) { | |
| 327 | + if (uploadMethods.hasOwnProperty(method)) { | |
| 328 | + delete $scope[method]; | |
| 329 | + } | |
| 330 | + } | |
| 331 | + }); | |
| 332 | + // Observe option changes: | |
| 333 | + $scope.$watch( | |
| 334 | + $attrs.fileUpload, | |
| 335 | + function (newOptions) { | |
| 336 | + if (newOptions) { | |
| 337 | + $element.fileupload('option', newOptions); | |
| 338 | + } | |
| 339 | + } | |
| 340 | + ); | |
| 341 | + } | |
| 342 | + ]) | |
| 343 | + | |
| 344 | + // Provide File Upload progress feedback: | |
| 345 | + .controller('FileUploadProgressController', [ | |
| 346 | + '$scope', '$attrs', '$parse', | |
| 347 | + function ($scope, $attrs, $parse) { | |
| 348 | + var fn = $parse($attrs.fileUploadProgress), | |
| 349 | + update = function () { | |
| 350 | + var progress = fn($scope); | |
| 351 | + if (!progress || !progress.total) { | |
| 352 | + return; | |
| 353 | + } | |
| 354 | + $scope.num = Math.floor( | |
| 355 | + progress.loaded / progress.total * 100 | |
| 356 | + ); | |
| 357 | + }; | |
| 358 | + update(); | |
| 359 | + $scope.$watch( | |
| 360 | + $attrs.fileUploadProgress + '.loaded', | |
| 361 | + function (newValue, oldValue) { | |
| 362 | + if (newValue !== oldValue) { | |
| 363 | + update(); | |
| 364 | + } | |
| 365 | + } | |
| 366 | + ); | |
| 367 | + } | |
| 368 | + ]) | |
| 369 | + | |
| 370 | + // Display File Upload previews: | |
| 371 | + .controller('FileUploadPreviewController', [ | |
| 372 | + '$scope', '$element', '$attrs', | |
| 373 | + function ($scope, $element, $attrs) { | |
| 374 | + $scope.$watch( | |
| 375 | + $attrs.fileUploadPreview + '.preview', | |
| 376 | + function (preview) { | |
| 377 | + $element.empty(); | |
| 378 | + if (preview) { | |
| 379 | + $element.append(preview); | |
| 380 | + } | |
| 381 | + } | |
| 382 | + ); | |
| 383 | + } | |
| 384 | + ]) | |
| 385 | + | |
| 386 | + .directive('fileUpload', function () { | |
| 387 | + return { | |
| 388 | + controller: 'FileUploadController', | |
| 389 | + scope: true | |
| 390 | + }; | |
| 391 | + }) | |
| 392 | + | |
| 393 | + .directive('fileUploadProgress', function () { | |
| 394 | + return { | |
| 395 | + controller: 'FileUploadProgressController', | |
| 396 | + scope: true | |
| 397 | + }; | |
| 398 | + }) | |
| 399 | + | |
| 400 | + .directive('fileUploadPreview', function () { | |
| 401 | + return { | |
| 402 | + controller: 'FileUploadPreviewController' | |
| 403 | + }; | |
| 404 | + }) | |
| 405 | + | |
| 406 | + // Enhance the HTML5 download attribute to | |
| 407 | + // allow drag&drop of files to the desktop: | |
| 408 | + .directive('download', function () { | |
| 409 | + return function (scope, elm) { | |
| 410 | + elm.on('dragstart', function (e) { | |
| 411 | + try { | |
| 412 | + e.originalEvent.dataTransfer.setData( | |
| 413 | + 'DownloadURL', | |
| 414 | + [ | |
| 415 | + 'application/octet-stream', | |
| 416 | + elm.prop('download'), | |
| 417 | + elm.prop('href') | |
| 418 | + ].join(':') | |
| 419 | + ); | |
| 420 | + } catch (ignore) {} | |
| 421 | + }); | |
| 422 | + }; | |
| 423 | + }); | |
| 424 | + | |
| 425 | +})); | ... | ... |
common/modules/file/assets/js/jquery.fileupload-audio.js
0 → 100644
| 1 | +/* | |
| 2 | + * jQuery File Upload Audio Preview Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2013, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + */ | |
| 11 | + | |
| 12 | +/* jshint nomen:false */ | |
| 13 | +/* global define, require, window, document */ | |
| 14 | + | |
| 15 | +(function (factory) { | |
| 16 | + 'use strict'; | |
| 17 | + if (typeof define === 'function' && define.amd) { | |
| 18 | + // Register as an anonymous AMD module: | |
| 19 | + define([ | |
| 20 | + 'jquery', | |
| 21 | + 'load-image', | |
| 22 | + './jquery.fileupload-process' | |
| 23 | + ], factory); | |
| 24 | + } else if (typeof exports === 'object') { | |
| 25 | + // Node/CommonJS: | |
| 26 | + factory( | |
| 27 | + require('jquery'), | |
| 28 | + require('load-image') | |
| 29 | + ); | |
| 30 | + } else { | |
| 31 | + // Browser globals: | |
| 32 | + factory( | |
| 33 | + window.jQuery, | |
| 34 | + window.loadImage | |
| 35 | + ); | |
| 36 | + } | |
| 37 | +}(function ($, loadImage) { | |
| 38 | + 'use strict'; | |
| 39 | + | |
| 40 | + // Prepend to the default processQueue: | |
| 41 | + $.blueimp.fileupload.prototype.options.processQueue.unshift( | |
| 42 | + { | |
| 43 | + action: 'loadAudio', | |
| 44 | + // Use the action as prefix for the "@" options: | |
| 45 | + prefix: true, | |
| 46 | + fileTypes: '@', | |
| 47 | + maxFileSize: '@', | |
| 48 | + disabled: '@disableAudioPreview' | |
| 49 | + }, | |
| 50 | + { | |
| 51 | + action: 'setAudio', | |
| 52 | + name: '@audioPreviewName', | |
| 53 | + disabled: '@disableAudioPreview' | |
| 54 | + } | |
| 55 | + ); | |
| 56 | + | |
| 57 | + // The File Upload Audio Preview plugin extends the fileupload widget | |
| 58 | + // with audio preview functionality: | |
| 59 | + $.widget('blueimp.fileupload', $.blueimp.fileupload, { | |
| 60 | + | |
| 61 | + options: { | |
| 62 | + // The regular expression for the types of audio files to load, | |
| 63 | + // matched against the file type: | |
| 64 | + loadAudioFileTypes: /^audio\/.*$/ | |
| 65 | + }, | |
| 66 | + | |
| 67 | + _audioElement: document.createElement('audio'), | |
| 68 | + | |
| 69 | + processActions: { | |
| 70 | + | |
| 71 | + // Loads the audio file given via data.files and data.index | |
| 72 | + // as audio element if the browser supports playing it. | |
| 73 | + // Accepts the options fileTypes (regular expression) | |
| 74 | + // and maxFileSize (integer) to limit the files to load: | |
| 75 | + loadAudio: function (data, options) { | |
| 76 | + if (options.disabled) { | |
| 77 | + return data; | |
| 78 | + } | |
| 79 | + var file = data.files[data.index], | |
| 80 | + url, | |
| 81 | + audio; | |
| 82 | + if (this._audioElement.canPlayType && | |
| 83 | + this._audioElement.canPlayType(file.type) && | |
| 84 | + ($.type(options.maxFileSize) !== 'number' || | |
| 85 | + file.size <= options.maxFileSize) && | |
| 86 | + (!options.fileTypes || | |
| 87 | + options.fileTypes.test(file.type))) { | |
| 88 | + url = loadImage.createObjectURL(file); | |
| 89 | + if (url) { | |
| 90 | + audio = this._audioElement.cloneNode(false); | |
| 91 | + audio.src = url; | |
| 92 | + audio.controls = true; | |
| 93 | + data.audio = audio; | |
| 94 | + return data; | |
| 95 | + } | |
| 96 | + } | |
| 97 | + return data; | |
| 98 | + }, | |
| 99 | + | |
| 100 | + // Sets the audio element as a property of the file object: | |
| 101 | + setAudio: function (data, options) { | |
| 102 | + if (data.audio && !options.disabled) { | |
| 103 | + data.files[data.index][options.name || 'preview'] = data.audio; | |
| 104 | + } | |
| 105 | + return data; | |
| 106 | + } | |
| 107 | + | |
| 108 | + } | |
| 109 | + | |
| 110 | + }); | |
| 111 | + | |
| 112 | +})); | ... | ... |
common/modules/file/assets/js/jquery.fileupload-image.js
0 → 100644
| 1 | +/* | |
| 2 | + * jQuery File Upload Image Preview & Resize Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2013, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + */ | |
| 11 | + | |
| 12 | +/* jshint nomen:false */ | |
| 13 | +/* global define, require, window, Blob */ | |
| 14 | + | |
| 15 | +(function (factory) { | |
| 16 | + 'use strict'; | |
| 17 | + if (typeof define === 'function' && define.amd) { | |
| 18 | + // Register as an anonymous AMD module: | |
| 19 | + define([ | |
| 20 | + 'jquery', | |
| 21 | + 'load-image', | |
| 22 | + 'load-image-meta', | |
| 23 | + 'load-image-exif', | |
| 24 | + 'load-image-ios', | |
| 25 | + 'canvas-to-blob', | |
| 26 | + './jquery.fileupload-process' | |
| 27 | + ], factory); | |
| 28 | + } else if (typeof exports === 'object') { | |
| 29 | + // Node/CommonJS: | |
| 30 | + factory( | |
| 31 | + require('jquery'), | |
| 32 | + require('load-image') | |
| 33 | + ); | |
| 34 | + } else { | |
| 35 | + // Browser globals: | |
| 36 | + factory( | |
| 37 | + window.jQuery, | |
| 38 | + window.loadImage | |
| 39 | + ); | |
| 40 | + } | |
| 41 | +}(function ($, loadImage) { | |
| 42 | + 'use strict'; | |
| 43 | + | |
| 44 | + // Prepend to the default processQueue: | |
| 45 | + $.blueimp.fileupload.prototype.options.processQueue.unshift( | |
| 46 | + { | |
| 47 | + action: 'loadImageMetaData', | |
| 48 | + disableImageHead: '@', | |
| 49 | + disableExif: '@', | |
| 50 | + disableExifThumbnail: '@', | |
| 51 | + disableExifSub: '@', | |
| 52 | + disableExifGps: '@', | |
| 53 | + disabled: '@disableImageMetaDataLoad' | |
| 54 | + }, | |
| 55 | + { | |
| 56 | + action: 'loadImage', | |
| 57 | + // Use the action as prefix for the "@" options: | |
| 58 | + prefix: true, | |
| 59 | + fileTypes: '@', | |
| 60 | + maxFileSize: '@', | |
| 61 | + noRevoke: '@', | |
| 62 | + disabled: '@disableImageLoad' | |
| 63 | + }, | |
| 64 | + { | |
| 65 | + action: 'resizeImage', | |
| 66 | + // Use "image" as prefix for the "@" options: | |
| 67 | + prefix: 'image', | |
| 68 | + maxWidth: '@', | |
| 69 | + maxHeight: '@', | |
| 70 | + minWidth: '@', | |
| 71 | + minHeight: '@', | |
| 72 | + crop: '@', | |
| 73 | + orientation: '@', | |
| 74 | + forceResize: '@', | |
| 75 | + disabled: '@disableImageResize' | |
| 76 | + }, | |
| 77 | + { | |
| 78 | + action: 'saveImage', | |
| 79 | + quality: '@imageQuality', | |
| 80 | + type: '@imageType', | |
| 81 | + disabled: '@disableImageResize' | |
| 82 | + }, | |
| 83 | + { | |
| 84 | + action: 'saveImageMetaData', | |
| 85 | + disabled: '@disableImageMetaDataSave' | |
| 86 | + }, | |
| 87 | + { | |
| 88 | + action: 'resizeImage', | |
| 89 | + // Use "preview" as prefix for the "@" options: | |
| 90 | + prefix: 'preview', | |
| 91 | + maxWidth: '@', | |
| 92 | + maxHeight: '@', | |
| 93 | + minWidth: '@', | |
| 94 | + minHeight: '@', | |
| 95 | + crop: '@', | |
| 96 | + orientation: '@', | |
| 97 | + thumbnail: '@', | |
| 98 | + canvas: '@', | |
| 99 | + disabled: '@disableImagePreview' | |
| 100 | + }, | |
| 101 | + { | |
| 102 | + action: 'setImage', | |
| 103 | + name: '@imagePreviewName', | |
| 104 | + disabled: '@disableImagePreview' | |
| 105 | + }, | |
| 106 | + { | |
| 107 | + action: 'deleteImageReferences', | |
| 108 | + disabled: '@disableImageReferencesDeletion' | |
| 109 | + } | |
| 110 | + ); | |
| 111 | + | |
| 112 | + // The File Upload Resize plugin extends the fileupload widget | |
| 113 | + // with image resize functionality: | |
| 114 | + $.widget('blueimp.fileupload', $.blueimp.fileupload, { | |
| 115 | + | |
| 116 | + options: { | |
| 117 | + // The regular expression for the types of images to load: | |
| 118 | + // matched against the file type: | |
| 119 | + loadImageFileTypes: /^image\/(gif|jpeg|png|svg\+xml)$/, | |
| 120 | + // The maximum file size of images to load: | |
| 121 | + loadImageMaxFileSize: 10000000, // 10MB | |
| 122 | + // The maximum width of resized images: | |
| 123 | + imageMaxWidth: 1920, | |
| 124 | + // The maximum height of resized images: | |
| 125 | + imageMaxHeight: 1080, | |
| 126 | + // Defines the image orientation (1-8) or takes the orientation | |
| 127 | + // value from Exif data if set to true: | |
| 128 | + imageOrientation: false, | |
| 129 | + // Define if resized images should be cropped or only scaled: | |
| 130 | + imageCrop: false, | |
| 131 | + // Disable the resize image functionality by default: | |
| 132 | + disableImageResize: true, | |
| 133 | + // The maximum width of the preview images: | |
| 134 | + previewMaxWidth: 80, | |
| 135 | + // The maximum height of the preview images: | |
| 136 | + previewMaxHeight: 80, | |
| 137 | + // Defines the preview orientation (1-8) or takes the orientation | |
| 138 | + // value from Exif data if set to true: | |
| 139 | + previewOrientation: true, | |
| 140 | + // Create the preview using the Exif data thumbnail: | |
| 141 | + previewThumbnail: true, | |
| 142 | + // Define if preview images should be cropped or only scaled: | |
| 143 | + previewCrop: false, | |
| 144 | + // Define if preview images should be resized as canvas elements: | |
| 145 | + previewCanvas: true | |
| 146 | + }, | |
| 147 | + | |
| 148 | + processActions: { | |
| 149 | + | |
| 150 | + // Loads the image given via data.files and data.index | |
| 151 | + // as img element, if the browser supports the File API. | |
| 152 | + // Accepts the options fileTypes (regular expression) | |
| 153 | + // and maxFileSize (integer) to limit the files to load: | |
| 154 | + loadImage: function (data, options) { | |
| 155 | + if (options.disabled) { | |
| 156 | + return data; | |
| 157 | + } | |
| 158 | + var that = this, | |
| 159 | + file = data.files[data.index], | |
| 160 | + dfd = $.Deferred(); | |
| 161 | + if (($.type(options.maxFileSize) === 'number' && | |
| 162 | + file.size > options.maxFileSize) || | |
| 163 | + (options.fileTypes && | |
| 164 | + !options.fileTypes.test(file.type)) || | |
| 165 | + !loadImage( | |
| 166 | + file, | |
| 167 | + function (img) { | |
| 168 | + if (img.src) { | |
| 169 | + data.img = img; | |
| 170 | + } | |
| 171 | + dfd.resolveWith(that, [data]); | |
| 172 | + }, | |
| 173 | + options | |
| 174 | + )) { | |
| 175 | + return data; | |
| 176 | + } | |
| 177 | + return dfd.promise(); | |
| 178 | + }, | |
| 179 | + | |
| 180 | + // Resizes the image given as data.canvas or data.img | |
| 181 | + // and updates data.canvas or data.img with the resized image. | |
| 182 | + // Also stores the resized image as preview property. | |
| 183 | + // Accepts the options maxWidth, maxHeight, minWidth, | |
| 184 | + // minHeight, canvas and crop: | |
| 185 | + resizeImage: function (data, options) { | |
| 186 | + if (options.disabled || !(data.canvas || data.img)) { | |
| 187 | + return data; | |
| 188 | + } | |
| 189 | + options = $.extend({canvas: true}, options); | |
| 190 | + var that = this, | |
| 191 | + dfd = $.Deferred(), | |
| 192 | + img = (options.canvas && data.canvas) || data.img, | |
| 193 | + resolve = function (newImg) { | |
| 194 | + if (newImg && (newImg.width !== img.width || | |
| 195 | + newImg.height !== img.height || | |
| 196 | + options.forceResize)) { | |
| 197 | + data[newImg.getContext ? 'canvas' : 'img'] = newImg; | |
| 198 | + } | |
| 199 | + data.preview = newImg; | |
| 200 | + dfd.resolveWith(that, [data]); | |
| 201 | + }, | |
| 202 | + thumbnail; | |
| 203 | + if (data.exif) { | |
| 204 | + if (options.orientation === true) { | |
| 205 | + options.orientation = data.exif.get('Orientation'); | |
| 206 | + } | |
| 207 | + if (options.thumbnail) { | |
| 208 | + thumbnail = data.exif.get('Thumbnail'); | |
| 209 | + if (thumbnail) { | |
| 210 | + loadImage(thumbnail, resolve, options); | |
| 211 | + return dfd.promise(); | |
| 212 | + } | |
| 213 | + } | |
| 214 | + // Prevent orienting the same image twice: | |
| 215 | + if (data.orientation) { | |
| 216 | + delete options.orientation; | |
| 217 | + } else { | |
| 218 | + data.orientation = options.orientation; | |
| 219 | + } | |
| 220 | + } | |
| 221 | + if (img) { | |
| 222 | + resolve(loadImage.scale(img, options)); | |
| 223 | + return dfd.promise(); | |
| 224 | + } | |
| 225 | + return data; | |
| 226 | + }, | |
| 227 | + | |
| 228 | + // Saves the processed image given as data.canvas | |
| 229 | + // inplace at data.index of data.files: | |
| 230 | + saveImage: function (data, options) { | |
| 231 | + if (!data.canvas || options.disabled) { | |
| 232 | + return data; | |
| 233 | + } | |
| 234 | + var that = this, | |
| 235 | + file = data.files[data.index], | |
| 236 | + dfd = $.Deferred(); | |
| 237 | + if (data.canvas.toBlob) { | |
| 238 | + data.canvas.toBlob( | |
| 239 | + function (blob) { | |
| 240 | + if (!blob.name) { | |
| 241 | + if (file.type === blob.type) { | |
| 242 | + blob.name = file.name; | |
| 243 | + } else if (file.name) { | |
| 244 | + blob.name = file.name.replace( | |
| 245 | + /\.\w+$/, | |
| 246 | + '.' + blob.type.substr(6) | |
| 247 | + ); | |
| 248 | + } | |
| 249 | + } | |
| 250 | + // Don't restore invalid meta data: | |
| 251 | + if (file.type !== blob.type) { | |
| 252 | + delete data.imageHead; | |
| 253 | + } | |
| 254 | + // Store the created blob at the position | |
| 255 | + // of the original file in the files list: | |
| 256 | + data.files[data.index] = blob; | |
| 257 | + dfd.resolveWith(that, [data]); | |
| 258 | + }, | |
| 259 | + options.type || file.type, | |
| 260 | + options.quality | |
| 261 | + ); | |
| 262 | + } else { | |
| 263 | + return data; | |
| 264 | + } | |
| 265 | + return dfd.promise(); | |
| 266 | + }, | |
| 267 | + | |
| 268 | + loadImageMetaData: function (data, options) { | |
| 269 | + if (options.disabled) { | |
| 270 | + return data; | |
| 271 | + } | |
| 272 | + var that = this, | |
| 273 | + dfd = $.Deferred(); | |
| 274 | + loadImage.parseMetaData(data.files[data.index], function (result) { | |
| 275 | + $.extend(data, result); | |
| 276 | + dfd.resolveWith(that, [data]); | |
| 277 | + }, options); | |
| 278 | + return dfd.promise(); | |
| 279 | + }, | |
| 280 | + | |
| 281 | + saveImageMetaData: function (data, options) { | |
| 282 | + if (!(data.imageHead && data.canvas && | |
| 283 | + data.canvas.toBlob && !options.disabled)) { | |
| 284 | + return data; | |
| 285 | + } | |
| 286 | + var file = data.files[data.index], | |
| 287 | + blob = new Blob([ | |
| 288 | + data.imageHead, | |
| 289 | + // Resized images always have a head size of 20 bytes, | |
| 290 | + // including the JPEG marker and a minimal JFIF header: | |
| 291 | + this._blobSlice.call(file, 20) | |
| 292 | + ], {type: file.type}); | |
| 293 | + blob.name = file.name; | |
| 294 | + data.files[data.index] = blob; | |
| 295 | + return data; | |
| 296 | + }, | |
| 297 | + | |
| 298 | + // Sets the resized version of the image as a property of the | |
| 299 | + // file object, must be called after "saveImage": | |
| 300 | + setImage: function (data, options) { | |
| 301 | + if (data.preview && !options.disabled) { | |
| 302 | + data.files[data.index][options.name || 'preview'] = data.preview; | |
| 303 | + } | |
| 304 | + return data; | |
| 305 | + }, | |
| 306 | + | |
| 307 | + deleteImageReferences: function (data, options) { | |
| 308 | + if (!options.disabled) { | |
| 309 | + delete data.img; | |
| 310 | + delete data.canvas; | |
| 311 | + delete data.preview; | |
| 312 | + delete data.imageHead; | |
| 313 | + } | |
| 314 | + return data; | |
| 315 | + } | |
| 316 | + | |
| 317 | + } | |
| 318 | + | |
| 319 | + }); | |
| 320 | + | |
| 321 | +})); | ... | ... |
common/modules/file/assets/js/jquery.fileupload-jquery-ui.js
0 → 100644
| 1 | +/* | |
| 2 | + * jQuery File Upload jQuery UI Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2013, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + */ | |
| 11 | + | |
| 12 | +/* jshint nomen:false */ | |
| 13 | +/* global define, require, window */ | |
| 14 | + | |
| 15 | +(function (factory) { | |
| 16 | + 'use strict'; | |
| 17 | + if (typeof define === 'function' && define.amd) { | |
| 18 | + // Register as an anonymous AMD module: | |
| 19 | + define(['jquery', './jquery.fileupload-ui'], factory); | |
| 20 | + } else if (typeof exports === 'object') { | |
| 21 | + // Node/CommonJS: | |
| 22 | + factory(require('jquery')); | |
| 23 | + } else { | |
| 24 | + // Browser globals: | |
| 25 | + factory(window.jQuery); | |
| 26 | + } | |
| 27 | +}(function ($) { | |
| 28 | + 'use strict'; | |
| 29 | + | |
| 30 | + $.widget('blueimp.fileupload', $.blueimp.fileupload, { | |
| 31 | + | |
| 32 | + options: { | |
| 33 | + processdone: function (e, data) { | |
| 34 | + data.context.find('.start').button('enable'); | |
| 35 | + }, | |
| 36 | + progress: function (e, data) { | |
| 37 | + if (data.context) { | |
| 38 | + data.context.find('.progress').progressbar( | |
| 39 | + 'option', | |
| 40 | + 'value', | |
| 41 | + parseInt(data.loaded / data.total * 100, 10) | |
| 42 | + ); | |
| 43 | + } | |
| 44 | + }, | |
| 45 | + progressall: function (e, data) { | |
| 46 | + var $this = $(this); | |
| 47 | + $this.find('.fileupload-progress') | |
| 48 | + .find('.progress').progressbar( | |
| 49 | + 'option', | |
| 50 | + 'value', | |
| 51 | + parseInt(data.loaded / data.total * 100, 10) | |
| 52 | + ).end() | |
| 53 | + .find('.progress-extended').each(function () { | |
| 54 | + $(this).html( | |
| 55 | + ($this.data('blueimp-fileupload') || | |
| 56 | + $this.data('fileupload')) | |
| 57 | + ._renderExtendedProgress(data) | |
| 58 | + ); | |
| 59 | + }); | |
| 60 | + } | |
| 61 | + }, | |
| 62 | + | |
| 63 | + _renderUpload: function (func, files) { | |
| 64 | + var node = this._super(func, files), | |
| 65 | + showIconText = $(window).width() > 480; | |
| 66 | + node.find('.progress').empty().progressbar(); | |
| 67 | + node.find('.start').button({ | |
| 68 | + icons: {primary: 'ui-icon-circle-arrow-e'}, | |
| 69 | + text: showIconText | |
| 70 | + }); | |
| 71 | + node.find('.cancel').button({ | |
| 72 | + icons: {primary: 'ui-icon-cancel'}, | |
| 73 | + text: showIconText | |
| 74 | + }); | |
| 75 | + if (node.hasClass('fade')) { | |
| 76 | + node.hide(); | |
| 77 | + } | |
| 78 | + return node; | |
| 79 | + }, | |
| 80 | + | |
| 81 | + _renderDownload: function (func, files) { | |
| 82 | + var node = this._super(func, files), | |
| 83 | + showIconText = $(window).width() > 480; | |
| 84 | + node.find('.delete').button({ | |
| 85 | + icons: {primary: 'ui-icon-trash'}, | |
| 86 | + text: showIconText | |
| 87 | + }); | |
| 88 | + if (node.hasClass('fade')) { | |
| 89 | + node.hide(); | |
| 90 | + } | |
| 91 | + return node; | |
| 92 | + }, | |
| 93 | + | |
| 94 | + _startHandler: function (e) { | |
| 95 | + $(e.currentTarget).button('disable'); | |
| 96 | + this._super(e); | |
| 97 | + }, | |
| 98 | + | |
| 99 | + _transition: function (node) { | |
| 100 | + var deferred = $.Deferred(); | |
| 101 | + if (node.hasClass('fade')) { | |
| 102 | + node.fadeToggle( | |
| 103 | + this.options.transitionDuration, | |
| 104 | + this.options.transitionEasing, | |
| 105 | + function () { | |
| 106 | + deferred.resolveWith(node); | |
| 107 | + } | |
| 108 | + ); | |
| 109 | + } else { | |
| 110 | + deferred.resolveWith(node); | |
| 111 | + } | |
| 112 | + return deferred; | |
| 113 | + }, | |
| 114 | + | |
| 115 | + _create: function () { | |
| 116 | + this._super(); | |
| 117 | + this.element | |
| 118 | + .find('.fileupload-buttonbar') | |
| 119 | + .find('.fileinput-button').each(function () { | |
| 120 | + var input = $(this).find('input:file').detach(); | |
| 121 | + $(this) | |
| 122 | + .button({icons: {primary: 'ui-icon-plusthick'}}) | |
| 123 | + .append(input); | |
| 124 | + }) | |
| 125 | + .end().find('.start') | |
| 126 | + .button({icons: {primary: 'ui-icon-circle-arrow-e'}}) | |
| 127 | + .end().find('.cancel') | |
| 128 | + .button({icons: {primary: 'ui-icon-cancel'}}) | |
| 129 | + .end().find('.delete') | |
| 130 | + .button({icons: {primary: 'ui-icon-trash'}}) | |
| 131 | + .end().find('.progress').progressbar(); | |
| 132 | + }, | |
| 133 | + | |
| 134 | + _destroy: function () { | |
| 135 | + this.element | |
| 136 | + .find('.fileupload-buttonbar') | |
| 137 | + .find('.fileinput-button').each(function () { | |
| 138 | + var input = $(this).find('input:file').detach(); | |
| 139 | + $(this) | |
| 140 | + .button('destroy') | |
| 141 | + .append(input); | |
| 142 | + }) | |
| 143 | + .end().find('.start') | |
| 144 | + .button('destroy') | |
| 145 | + .end().find('.cancel') | |
| 146 | + .button('destroy') | |
| 147 | + .end().find('.delete') | |
| 148 | + .button('destroy') | |
| 149 | + .end().find('.progress').progressbar('destroy'); | |
| 150 | + this._super(); | |
| 151 | + } | |
| 152 | + | |
| 153 | + }); | |
| 154 | + | |
| 155 | +})); | ... | ... |
common/modules/file/assets/js/jquery.fileupload-process.js
0 → 100644
| 1 | +/* | |
| 2 | + * jQuery File Upload Processing Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2012, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + */ | |
| 11 | + | |
| 12 | +/* jshint nomen:false */ | |
| 13 | +/* global define, require, window */ | |
| 14 | + | |
| 15 | +(function (factory) { | |
| 16 | + 'use strict'; | |
| 17 | + if (typeof define === 'function' && define.amd) { | |
| 18 | + // Register as an anonymous AMD module: | |
| 19 | + define([ | |
| 20 | + 'jquery', | |
| 21 | + './jquery.fileupload' | |
| 22 | + ], factory); | |
| 23 | + } else if (typeof exports === 'object') { | |
| 24 | + // Node/CommonJS: | |
| 25 | + factory(require('jquery')); | |
| 26 | + } else { | |
| 27 | + // Browser globals: | |
| 28 | + factory( | |
| 29 | + window.jQuery | |
| 30 | + ); | |
| 31 | + } | |
| 32 | +}(function ($) { | |
| 33 | + 'use strict'; | |
| 34 | + | |
| 35 | + var originalAdd = $.blueimp.fileupload.prototype.options.add; | |
| 36 | + | |
| 37 | + // The File Upload Processing plugin extends the fileupload widget | |
| 38 | + // with file processing functionality: | |
| 39 | + $.widget('blueimp.fileupload', $.blueimp.fileupload, { | |
| 40 | + | |
| 41 | + options: { | |
| 42 | + // The list of processing actions: | |
| 43 | + processQueue: [ | |
| 44 | + /* | |
| 45 | + { | |
| 46 | + action: 'log', | |
| 47 | + type: 'debug' | |
| 48 | + } | |
| 49 | + */ | |
| 50 | + ], | |
| 51 | + add: function (e, data) { | |
| 52 | + var $this = $(this); | |
| 53 | + data.process(function () { | |
| 54 | + return $this.fileupload('process', data); | |
| 55 | + }); | |
| 56 | + originalAdd.call(this, e, data); | |
| 57 | + } | |
| 58 | + }, | |
| 59 | + | |
| 60 | + processActions: { | |
| 61 | + /* | |
| 62 | + log: function (data, options) { | |
| 63 | + console[options.type]( | |
| 64 | + 'Processing "' + data.files[data.index].name + '"' | |
| 65 | + ); | |
| 66 | + } | |
| 67 | + */ | |
| 68 | + }, | |
| 69 | + | |
| 70 | + _processFile: function (data, originalData) { | |
| 71 | + var that = this, | |
| 72 | + dfd = $.Deferred().resolveWith(that, [data]), | |
| 73 | + chain = dfd.promise(); | |
| 74 | + this._trigger('process', null, data); | |
| 75 | + $.each(data.processQueue, function (i, settings) { | |
| 76 | + var func = function (data) { | |
| 77 | + if (originalData.errorThrown) { | |
| 78 | + return $.Deferred() | |
| 79 | + .rejectWith(that, [originalData]).promise(); | |
| 80 | + } | |
| 81 | + return that.processActions[settings.action].call( | |
| 82 | + that, | |
| 83 | + data, | |
| 84 | + settings | |
| 85 | + ); | |
| 86 | + }; | |
| 87 | + chain = chain.pipe(func, settings.always && func); | |
| 88 | + }); | |
| 89 | + chain | |
| 90 | + .done(function () { | |
| 91 | + that._trigger('processdone', null, data); | |
| 92 | + that._trigger('processalways', null, data); | |
| 93 | + }) | |
| 94 | + .fail(function () { | |
| 95 | + that._trigger('processfail', null, data); | |
| 96 | + that._trigger('processalways', null, data); | |
| 97 | + }); | |
| 98 | + return chain; | |
| 99 | + }, | |
| 100 | + | |
| 101 | + // Replaces the settings of each processQueue item that | |
| 102 | + // are strings starting with an "@", using the remaining | |
| 103 | + // substring as key for the option map, | |
| 104 | + // e.g. "@autoUpload" is replaced with options.autoUpload: | |
| 105 | + _transformProcessQueue: function (options) { | |
| 106 | + var processQueue = []; | |
| 107 | + $.each(options.processQueue, function () { | |
| 108 | + var settings = {}, | |
| 109 | + action = this.action, | |
| 110 | + prefix = this.prefix === true ? action : this.prefix; | |
| 111 | + $.each(this, function (key, value) { | |
| 112 | + if ($.type(value) === 'string' && | |
| 113 | + value.charAt(0) === '@') { | |
| 114 | + settings[key] = options[ | |
| 115 | + value.slice(1) || (prefix ? prefix + | |
| 116 | + key.charAt(0).toUpperCase() + key.slice(1) : key) | |
| 117 | + ]; | |
| 118 | + } else { | |
| 119 | + settings[key] = value; | |
| 120 | + } | |
| 121 | + | |
| 122 | + }); | |
| 123 | + processQueue.push(settings); | |
| 124 | + }); | |
| 125 | + options.processQueue = processQueue; | |
| 126 | + }, | |
| 127 | + | |
| 128 | + // Returns the number of files currently in the processsing queue: | |
| 129 | + processing: function () { | |
| 130 | + return this._processing; | |
| 131 | + }, | |
| 132 | + | |
| 133 | + // Processes the files given as files property of the data parameter, | |
| 134 | + // returns a Promise object that allows to bind callbacks: | |
| 135 | + process: function (data) { | |
| 136 | + var that = this, | |
| 137 | + options = $.extend({}, this.options, data); | |
| 138 | + if (options.processQueue && options.processQueue.length) { | |
| 139 | + this._transformProcessQueue(options); | |
| 140 | + if (this._processing === 0) { | |
| 141 | + this._trigger('processstart'); | |
| 142 | + } | |
| 143 | + $.each(data.files, function (index) { | |
| 144 | + var opts = index ? $.extend({}, options) : options, | |
| 145 | + func = function () { | |
| 146 | + if (data.errorThrown) { | |
| 147 | + return $.Deferred() | |
| 148 | + .rejectWith(that, [data]).promise(); | |
| 149 | + } | |
| 150 | + return that._processFile(opts, data); | |
| 151 | + }; | |
| 152 | + opts.index = index; | |
| 153 | + that._processing += 1; | |
| 154 | + that._processingQueue = that._processingQueue.pipe(func, func) | |
| 155 | + .always(function () { | |
| 156 | + that._processing -= 1; | |
| 157 | + if (that._processing === 0) { | |
| 158 | + that._trigger('processstop'); | |
| 159 | + } | |
| 160 | + }); | |
| 161 | + }); | |
| 162 | + } | |
| 163 | + return this._processingQueue; | |
| 164 | + }, | |
| 165 | + | |
| 166 | + _create: function () { | |
| 167 | + this._super(); | |
| 168 | + this._processing = 0; | |
| 169 | + this._processingQueue = $.Deferred().resolveWith(this) | |
| 170 | + .promise(); | |
| 171 | + } | |
| 172 | + | |
| 173 | + }); | |
| 174 | + | |
| 175 | +})); | ... | ... |
common/modules/file/assets/js/jquery.fileupload-ui.js
0 → 100644
| 1 | +/* | |
| 2 | + * jQuery File Upload User Interface Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2010, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + */ | |
| 11 | + | |
| 12 | +/* jshint nomen:false */ | |
| 13 | +/* global define, require, window */ | |
| 14 | + | |
| 15 | +(function (factory) { | |
| 16 | + 'use strict'; | |
| 17 | + if (typeof define === 'function' && define.amd) { | |
| 18 | + // Register as an anonymous AMD module: | |
| 19 | + define([ | |
| 20 | + 'jquery', | |
| 21 | + 'tmpl', | |
| 22 | + './jquery.fileupload-image', | |
| 23 | + './jquery.fileupload-audio', | |
| 24 | + './jquery.fileupload-video', | |
| 25 | + './jquery.fileupload-validate' | |
| 26 | + ], factory); | |
| 27 | + } else if (typeof exports === 'object') { | |
| 28 | + // Node/CommonJS: | |
| 29 | + factory( | |
| 30 | + require('jquery'), | |
| 31 | + require('tmpl') | |
| 32 | + ); | |
| 33 | + } else { | |
| 34 | + // Browser globals: | |
| 35 | + factory( | |
| 36 | + window.jQuery, | |
| 37 | + window.tmpl | |
| 38 | + ); | |
| 39 | + } | |
| 40 | +}(function ($, tmpl) { | |
| 41 | + 'use strict'; | |
| 42 | + | |
| 43 | + $.blueimp.fileupload.prototype._specialOptions.push( | |
| 44 | + 'filesContainer', | |
| 45 | + 'uploadTemplateId', | |
| 46 | + 'downloadTemplateId' | |
| 47 | + ); | |
| 48 | + | |
| 49 | + // The UI version extends the file upload widget | |
| 50 | + // and adds complete user interface interaction: | |
| 51 | + $.widget('blueimp.fileupload', $.blueimp.fileupload, { | |
| 52 | + | |
| 53 | + options: { | |
| 54 | + // By default, files added to the widget are uploaded as soon | |
| 55 | + // as the user clicks on the start buttons. To enable automatic | |
| 56 | + // uploads, set the following option to true: | |
| 57 | + autoUpload: false, | |
| 58 | + // The ID of the upload template: | |
| 59 | + uploadTemplateId: 'template-upload', | |
| 60 | + // The ID of the download template: | |
| 61 | + downloadTemplateId: 'template-download', | |
| 62 | + // The container for the list of files. If undefined, it is set to | |
| 63 | + // an element with class "files" inside of the widget element: | |
| 64 | + filesContainer: undefined, | |
| 65 | + // By default, files are appended to the files container. | |
| 66 | + // Set the following option to true, to prepend files instead: | |
| 67 | + prependFiles: false, | |
| 68 | + // The expected data type of the upload response, sets the dataType | |
| 69 | + // option of the $.ajax upload requests: | |
| 70 | + dataType: 'json', | |
| 71 | + | |
| 72 | + // Error and info messages: | |
| 73 | + messages: { | |
| 74 | + unknownError: 'Unknown error' | |
| 75 | + }, | |
| 76 | + | |
| 77 | + // Function returning the current number of files, | |
| 78 | + // used by the maxNumberOfFiles validation: | |
| 79 | + getNumberOfFiles: function () { | |
| 80 | + return this.filesContainer.children() | |
| 81 | + .not('.processing').length; | |
| 82 | + }, | |
| 83 | + | |
| 84 | + // Callback to retrieve the list of files from the server response: | |
| 85 | + getFilesFromResponse: function (data) { | |
| 86 | + if (data.result && $.isArray(data.result.files)) { | |
| 87 | + return data.result.files; | |
| 88 | + } | |
| 89 | + return []; | |
| 90 | + }, | |
| 91 | + | |
| 92 | + // The add callback is invoked as soon as files are added to the fileupload | |
| 93 | + // widget (via file input selection, drag & drop or add API call). | |
| 94 | + // See the basic file upload widget for more information: | |
| 95 | + add: function (e, data) { | |
| 96 | + if (e.isDefaultPrevented()) { | |
| 97 | + return false; | |
| 98 | + } | |
| 99 | + var $this = $(this), | |
| 100 | + that = $this.data('blueimp-fileupload') || | |
| 101 | + $this.data('fileupload'), | |
| 102 | + options = that.options; | |
| 103 | + data.context = that._renderUpload(data.files) | |
| 104 | + .data('data', data) | |
| 105 | + .addClass('processing'); | |
| 106 | + options.filesContainer[ | |
| 107 | + options.prependFiles ? 'prepend' : 'append' | |
| 108 | + ](data.context); | |
| 109 | + that._forceReflow(data.context); | |
| 110 | + that._transition(data.context); | |
| 111 | + data.process(function () { | |
| 112 | + return $this.fileupload('process', data); | |
| 113 | + }).always(function () { | |
| 114 | + data.context.each(function (index) { | |
| 115 | + $(this).find('.size').text( | |
| 116 | + that._formatFileSize(data.files[index].size) | |
| 117 | + ); | |
| 118 | + }).removeClass('processing'); | |
| 119 | + that._renderPreviews(data); | |
| 120 | + }).done(function () { | |
| 121 | + data.context.find('.start').prop('disabled', false); | |
| 122 | + if ((that._trigger('added', e, data) !== false) && | |
| 123 | + (options.autoUpload || data.autoUpload) && | |
| 124 | + data.autoUpload !== false) { | |
| 125 | + data.submit(); | |
| 126 | + } | |
| 127 | + }).fail(function () { | |
| 128 | + if (data.files.error) { | |
| 129 | + data.context.each(function (index) { | |
| 130 | + var error = data.files[index].error; | |
| 131 | + if (error) { | |
| 132 | + $(this).find('.error').text(error); | |
| 133 | + } | |
| 134 | + }); | |
| 135 | + } | |
| 136 | + }); | |
| 137 | + }, | |
| 138 | + // Callback for the start of each file upload request: | |
| 139 | + send: function (e, data) { | |
| 140 | + if (e.isDefaultPrevented()) { | |
| 141 | + return false; | |
| 142 | + } | |
| 143 | + var that = $(this).data('blueimp-fileupload') || | |
| 144 | + $(this).data('fileupload'); | |
| 145 | + if (data.context && data.dataType && | |
| 146 | + data.dataType.substr(0, 6) === 'iframe') { | |
| 147 | + // Iframe Transport does not support progress events. | |
| 148 | + // In lack of an indeterminate progress bar, we set | |
| 149 | + // the progress to 100%, showing the full animated bar: | |
| 150 | + data.context | |
| 151 | + .find('.progress').addClass( | |
| 152 | + !$.support.transition && 'progress-animated' | |
| 153 | + ) | |
| 154 | + .attr('aria-valuenow', 100) | |
| 155 | + .children().first().css( | |
| 156 | + 'width', | |
| 157 | + '100%' | |
| 158 | + ); | |
| 159 | + } | |
| 160 | + return that._trigger('sent', e, data); | |
| 161 | + }, | |
| 162 | + // Callback for successful uploads: | |
| 163 | + done: function (e, data) { | |
| 164 | + if (e.isDefaultPrevented()) { | |
| 165 | + return false; | |
| 166 | + } | |
| 167 | + var that = $(this).data('blueimp-fileupload') || | |
| 168 | + $(this).data('fileupload'), | |
| 169 | + getFilesFromResponse = data.getFilesFromResponse || | |
| 170 | + that.options.getFilesFromResponse, | |
| 171 | + files = getFilesFromResponse(data), | |
| 172 | + template, | |
| 173 | + deferred; | |
| 174 | + if (data.context) { | |
| 175 | + data.context.each(function (index) { | |
| 176 | + var file = files[index] || | |
| 177 | + {error: 'Empty file upload result'}; | |
| 178 | + deferred = that._addFinishedDeferreds(); | |
| 179 | + that._transition($(this)).done( | |
| 180 | + function () { | |
| 181 | + var node = $(this); | |
| 182 | + template = that._renderDownload([file]) | |
| 183 | + .replaceAll(node); | |
| 184 | + that._forceReflow(template); | |
| 185 | + that._transition(template).done( | |
| 186 | + function () { | |
| 187 | + data.context = $(this); | |
| 188 | + that._trigger('completed', e, data); | |
| 189 | + that._trigger('finished', e, data); | |
| 190 | + deferred.resolve(); | |
| 191 | + } | |
| 192 | + ); | |
| 193 | + } | |
| 194 | + ); | |
| 195 | + }); | |
| 196 | + } else { | |
| 197 | + template = that._renderDownload(files)[ | |
| 198 | + that.options.prependFiles ? 'prependTo' : 'appendTo' | |
| 199 | + ](that.options.filesContainer); | |
| 200 | + that._forceReflow(template); | |
| 201 | + deferred = that._addFinishedDeferreds(); | |
| 202 | + that._transition(template).done( | |
| 203 | + function () { | |
| 204 | + data.context = $(this); | |
| 205 | + that._trigger('completed', e, data); | |
| 206 | + that._trigger('finished', e, data); | |
| 207 | + deferred.resolve(); | |
| 208 | + } | |
| 209 | + ); | |
| 210 | + } | |
| 211 | + }, | |
| 212 | + // Callback for failed (abort or error) uploads: | |
| 213 | + fail: function (e, data) { | |
| 214 | + if (e.isDefaultPrevented()) { | |
| 215 | + return false; | |
| 216 | + } | |
| 217 | + var that = $(this).data('blueimp-fileupload') || | |
| 218 | + $(this).data('fileupload'), | |
| 219 | + template, | |
| 220 | + deferred; | |
| 221 | + if (data.context) { | |
| 222 | + data.context.each(function (index) { | |
| 223 | + if (data.errorThrown !== 'abort') { | |
| 224 | + var file = data.files[index]; | |
| 225 | + file.error = file.error || data.errorThrown || | |
| 226 | + data.i18n('unknownError'); | |
| 227 | + deferred = that._addFinishedDeferreds(); | |
| 228 | + that._transition($(this)).done( | |
| 229 | + function () { | |
| 230 | + var node = $(this); | |
| 231 | + template = that._renderDownload([file]) | |
| 232 | + .replaceAll(node); | |
| 233 | + that._forceReflow(template); | |
| 234 | + that._transition(template).done( | |
| 235 | + function () { | |
| 236 | + data.context = $(this); | |
| 237 | + that._trigger('failed', e, data); | |
| 238 | + that._trigger('finished', e, data); | |
| 239 | + deferred.resolve(); | |
| 240 | + } | |
| 241 | + ); | |
| 242 | + } | |
| 243 | + ); | |
| 244 | + } else { | |
| 245 | + deferred = that._addFinishedDeferreds(); | |
| 246 | + that._transition($(this)).done( | |
| 247 | + function () { | |
| 248 | + $(this).remove(); | |
| 249 | + that._trigger('failed', e, data); | |
| 250 | + that._trigger('finished', e, data); | |
| 251 | + deferred.resolve(); | |
| 252 | + } | |
| 253 | + ); | |
| 254 | + } | |
| 255 | + }); | |
| 256 | + } else if (data.errorThrown !== 'abort') { | |
| 257 | + data.context = that._renderUpload(data.files)[ | |
| 258 | + that.options.prependFiles ? 'prependTo' : 'appendTo' | |
| 259 | + ](that.options.filesContainer) | |
| 260 | + .data('data', data); | |
| 261 | + that._forceReflow(data.context); | |
| 262 | + deferred = that._addFinishedDeferreds(); | |
| 263 | + that._transition(data.context).done( | |
| 264 | + function () { | |
| 265 | + data.context = $(this); | |
| 266 | + that._trigger('failed', e, data); | |
| 267 | + that._trigger('finished', e, data); | |
| 268 | + deferred.resolve(); | |
| 269 | + } | |
| 270 | + ); | |
| 271 | + } else { | |
| 272 | + that._trigger('failed', e, data); | |
| 273 | + that._trigger('finished', e, data); | |
| 274 | + that._addFinishedDeferreds().resolve(); | |
| 275 | + } | |
| 276 | + }, | |
| 277 | + // Callback for upload progress events: | |
| 278 | + progress: function (e, data) { | |
| 279 | + if (e.isDefaultPrevented()) { | |
| 280 | + return false; | |
| 281 | + } | |
| 282 | + var progress = Math.floor(data.loaded / data.total * 100); | |
| 283 | + if (data.context) { | |
| 284 | + data.context.each(function () { | |
| 285 | + $(this).find('.progress') | |
| 286 | + .attr('aria-valuenow', progress) | |
| 287 | + .children().first().css( | |
| 288 | + 'width', | |
| 289 | + progress + '%' | |
| 290 | + ); | |
| 291 | + }); | |
| 292 | + } | |
| 293 | + }, | |
| 294 | + // Callback for global upload progress events: | |
| 295 | + progressall: function (e, data) { | |
| 296 | + if (e.isDefaultPrevented()) { | |
| 297 | + return false; | |
| 298 | + } | |
| 299 | + var $this = $(this), | |
| 300 | + progress = Math.floor(data.loaded / data.total * 100), | |
| 301 | + globalProgressNode = $this.find('.fileupload-progress'), | |
| 302 | + extendedProgressNode = globalProgressNode | |
| 303 | + .find('.progress-extended'); | |
| 304 | + if (extendedProgressNode.length) { | |
| 305 | + extendedProgressNode.html( | |
| 306 | + ($this.data('blueimp-fileupload') || $this.data('fileupload')) | |
| 307 | + ._renderExtendedProgress(data) | |
| 308 | + ); | |
| 309 | + } | |
| 310 | + globalProgressNode | |
| 311 | + .find('.progress') | |
| 312 | + .attr('aria-valuenow', progress) | |
| 313 | + .children().first().css( | |
| 314 | + 'width', | |
| 315 | + progress + '%' | |
| 316 | + ); | |
| 317 | + }, | |
| 318 | + // Callback for uploads start, equivalent to the global ajaxStart event: | |
| 319 | + start: function (e) { | |
| 320 | + if (e.isDefaultPrevented()) { | |
| 321 | + return false; | |
| 322 | + } | |
| 323 | + var that = $(this).data('blueimp-fileupload') || | |
| 324 | + $(this).data('fileupload'); | |
| 325 | + that._resetFinishedDeferreds(); | |
| 326 | + that._transition($(this).find('.fileupload-progress')).done( | |
| 327 | + function () { | |
| 328 | + that._trigger('started', e); | |
| 329 | + } | |
| 330 | + ); | |
| 331 | + }, | |
| 332 | + // Callback for uploads stop, equivalent to the global ajaxStop event: | |
| 333 | + stop: function (e) { | |
| 334 | + if (e.isDefaultPrevented()) { | |
| 335 | + return false; | |
| 336 | + } | |
| 337 | + var that = $(this).data('blueimp-fileupload') || | |
| 338 | + $(this).data('fileupload'), | |
| 339 | + deferred = that._addFinishedDeferreds(); | |
| 340 | + $.when.apply($, that._getFinishedDeferreds()) | |
| 341 | + .done(function () { | |
| 342 | + that._trigger('stopped', e); | |
| 343 | + }); | |
| 344 | + that._transition($(this).find('.fileupload-progress')).done( | |
| 345 | + function () { | |
| 346 | + $(this).find('.progress') | |
| 347 | + .attr('aria-valuenow', '0') | |
| 348 | + .children().first().css('width', '0%'); | |
| 349 | + $(this).find('.progress-extended').html(' '); | |
| 350 | + deferred.resolve(); | |
| 351 | + } | |
| 352 | + ); | |
| 353 | + }, | |
| 354 | + processstart: function (e) { | |
| 355 | + if (e.isDefaultPrevented()) { | |
| 356 | + return false; | |
| 357 | + } | |
| 358 | + $(this).addClass('fileupload-processing'); | |
| 359 | + }, | |
| 360 | + processstop: function (e) { | |
| 361 | + if (e.isDefaultPrevented()) { | |
| 362 | + return false; | |
| 363 | + } | |
| 364 | + $(this).removeClass('fileupload-processing'); | |
| 365 | + }, | |
| 366 | + // Callback for file deletion: | |
| 367 | + destroy: function (e, data) { | |
| 368 | + if (e.isDefaultPrevented()) { | |
| 369 | + return false; | |
| 370 | + } | |
| 371 | + var that = $(this).data('blueimp-fileupload') || | |
| 372 | + $(this).data('fileupload'), | |
| 373 | + removeNode = function () { | |
| 374 | + that._transition(data.context).done( | |
| 375 | + function () { | |
| 376 | + $(this).remove(); | |
| 377 | + that._trigger('destroyed', e, data); | |
| 378 | + } | |
| 379 | + ); | |
| 380 | + }; | |
| 381 | + if (data.url) { | |
| 382 | + data.dataType = data.dataType || that.options.dataType; | |
| 383 | + $.ajax(data).done(removeNode).fail(function () { | |
| 384 | + that._trigger('destroyfailed', e, data); | |
| 385 | + }); | |
| 386 | + } else { | |
| 387 | + removeNode(); | |
| 388 | + } | |
| 389 | + } | |
| 390 | + }, | |
| 391 | + | |
| 392 | + _resetFinishedDeferreds: function () { | |
| 393 | + this._finishedUploads = []; | |
| 394 | + }, | |
| 395 | + | |
| 396 | + _addFinishedDeferreds: function (deferred) { | |
| 397 | + if (!deferred) { | |
| 398 | + deferred = $.Deferred(); | |
| 399 | + } | |
| 400 | + this._finishedUploads.push(deferred); | |
| 401 | + return deferred; | |
| 402 | + }, | |
| 403 | + | |
| 404 | + _getFinishedDeferreds: function () { | |
| 405 | + return this._finishedUploads; | |
| 406 | + }, | |
| 407 | + | |
| 408 | + // Link handler, that allows to download files | |
| 409 | + // by drag & drop of the links to the desktop: | |
| 410 | + _enableDragToDesktop: function () { | |
| 411 | + var link = $(this), | |
| 412 | + url = link.prop('href'), | |
| 413 | + name = link.prop('download'), | |
| 414 | + type = 'application/octet-stream'; | |
| 415 | + link.bind('dragstart', function (e) { | |
| 416 | + try { | |
| 417 | + e.originalEvent.dataTransfer.setData( | |
| 418 | + 'DownloadURL', | |
| 419 | + [type, name, url].join(':') | |
| 420 | + ); | |
| 421 | + } catch (ignore) {} | |
| 422 | + }); | |
| 423 | + }, | |
| 424 | + | |
| 425 | + _formatFileSize: function (bytes) { | |
| 426 | + if (typeof bytes !== 'number') { | |
| 427 | + return ''; | |
| 428 | + } | |
| 429 | + if (bytes >= 1000000000) { | |
| 430 | + return (bytes / 1000000000).toFixed(2) + ' GB'; | |
| 431 | + } | |
| 432 | + if (bytes >= 1000000) { | |
| 433 | + return (bytes / 1000000).toFixed(2) + ' MB'; | |
| 434 | + } | |
| 435 | + return (bytes / 1000).toFixed(2) + ' KB'; | |
| 436 | + }, | |
| 437 | + | |
| 438 | + _formatBitrate: function (bits) { | |
| 439 | + if (typeof bits !== 'number') { | |
| 440 | + return ''; | |
| 441 | + } | |
| 442 | + if (bits >= 1000000000) { | |
| 443 | + return (bits / 1000000000).toFixed(2) + ' Gbit/s'; | |
| 444 | + } | |
| 445 | + if (bits >= 1000000) { | |
| 446 | + return (bits / 1000000).toFixed(2) + ' Mbit/s'; | |
| 447 | + } | |
| 448 | + if (bits >= 1000) { | |
| 449 | + return (bits / 1000).toFixed(2) + ' kbit/s'; | |
| 450 | + } | |
| 451 | + return bits.toFixed(2) + ' bit/s'; | |
| 452 | + }, | |
| 453 | + | |
| 454 | + _formatTime: function (seconds) { | |
| 455 | + var date = new Date(seconds * 1000), | |
| 456 | + days = Math.floor(seconds / 86400); | |
| 457 | + days = days ? days + 'd ' : ''; | |
| 458 | + return days + | |
| 459 | + ('0' + date.getUTCHours()).slice(-2) + ':' + | |
| 460 | + ('0' + date.getUTCMinutes()).slice(-2) + ':' + | |
| 461 | + ('0' + date.getUTCSeconds()).slice(-2); | |
| 462 | + }, | |
| 463 | + | |
| 464 | + _formatPercentage: function (floatValue) { | |
| 465 | + return (floatValue * 100).toFixed(2) + ' %'; | |
| 466 | + }, | |
| 467 | + | |
| 468 | + _renderExtendedProgress: function (data) { | |
| 469 | + return this._formatBitrate(data.bitrate) + ' | ' + | |
| 470 | + this._formatTime( | |
| 471 | + (data.total - data.loaded) * 8 / data.bitrate | |
| 472 | + ) + ' | ' + | |
| 473 | + this._formatPercentage( | |
| 474 | + data.loaded / data.total | |
| 475 | + ) + ' | ' + | |
| 476 | + this._formatFileSize(data.loaded) + ' / ' + | |
| 477 | + this._formatFileSize(data.total); | |
| 478 | + }, | |
| 479 | + | |
| 480 | + _renderTemplate: function (func, files) { | |
| 481 | + if (!func) { | |
| 482 | + return $(); | |
| 483 | + } | |
| 484 | + var result = func({ | |
| 485 | + files: files, | |
| 486 | + formatFileSize: this._formatFileSize, | |
| 487 | + options: this.options | |
| 488 | + }); | |
| 489 | + if (result instanceof $) { | |
| 490 | + return result; | |
| 491 | + } | |
| 492 | + return $(this.options.templatesContainer).html(result).children(); | |
| 493 | + }, | |
| 494 | + | |
| 495 | + _renderPreviews: function (data) { | |
| 496 | + data.context.find('.preview').each(function (index, elm) { | |
| 497 | + $(elm).append(data.files[index].preview); | |
| 498 | + }); | |
| 499 | + }, | |
| 500 | + | |
| 501 | + _renderUpload: function (files) { | |
| 502 | + return this._renderTemplate( | |
| 503 | + this.options.uploadTemplate, | |
| 504 | + files | |
| 505 | + ); | |
| 506 | + }, | |
| 507 | + | |
| 508 | + _renderDownload: function (files) { | |
| 509 | + return this._renderTemplate( | |
| 510 | + this.options.downloadTemplate, | |
| 511 | + files | |
| 512 | + ).find('a[download]').each(this._enableDragToDesktop).end(); | |
| 513 | + }, | |
| 514 | + | |
| 515 | + _startHandler: function (e) { | |
| 516 | + e.preventDefault(); | |
| 517 | + var button = $(e.currentTarget), | |
| 518 | + template = button.closest('.template-upload'), | |
| 519 | + data = template.data('data'); | |
| 520 | + button.prop('disabled', true); | |
| 521 | + if (data && data.submit) { | |
| 522 | + data.submit(); | |
| 523 | + } | |
| 524 | + }, | |
| 525 | + | |
| 526 | + _cancelHandler: function (e) { | |
| 527 | + e.preventDefault(); | |
| 528 | + var template = $(e.currentTarget) | |
| 529 | + .closest('.template-upload,.template-download'), | |
| 530 | + data = template.data('data') || {}; | |
| 531 | + data.context = data.context || template; | |
| 532 | + if (data.abort) { | |
| 533 | + data.abort(); | |
| 534 | + } else { | |
| 535 | + data.errorThrown = 'abort'; | |
| 536 | + this._trigger('fail', e, data); | |
| 537 | + } | |
| 538 | + }, | |
| 539 | + | |
| 540 | + _deleteHandler: function (e) { | |
| 541 | + e.preventDefault(); | |
| 542 | + var button = $(e.currentTarget); | |
| 543 | + this._trigger('destroy', e, $.extend({ | |
| 544 | + context: button.closest('.template-download'), | |
| 545 | + type: 'DELETE' | |
| 546 | + }, button.data())); | |
| 547 | + }, | |
| 548 | + | |
| 549 | + _forceReflow: function (node) { | |
| 550 | + return $.support.transition && node.length && | |
| 551 | + node[0].offsetWidth; | |
| 552 | + }, | |
| 553 | + | |
| 554 | + _transition: function (node) { | |
| 555 | + var dfd = $.Deferred(); | |
| 556 | + if ($.support.transition && node.hasClass('fade') && node.is(':visible')) { | |
| 557 | + node.bind( | |
| 558 | + $.support.transition.end, | |
| 559 | + function (e) { | |
| 560 | + // Make sure we don't respond to other transitions events | |
| 561 | + // in the container element, e.g. from button elements: | |
| 562 | + if (e.target === node[0]) { | |
| 563 | + node.unbind($.support.transition.end); | |
| 564 | + dfd.resolveWith(node); | |
| 565 | + } | |
| 566 | + } | |
| 567 | + ).toggleClass('in'); | |
| 568 | + } else { | |
| 569 | + node.toggleClass('in'); | |
| 570 | + dfd.resolveWith(node); | |
| 571 | + } | |
| 572 | + return dfd; | |
| 573 | + }, | |
| 574 | + | |
| 575 | + _initButtonBarEventHandlers: function () { | |
| 576 | + var fileUploadButtonBar = this.element.find('.fileupload-buttonbar'), | |
| 577 | + filesList = this.options.filesContainer; | |
| 578 | + this._on(fileUploadButtonBar.find('.start'), { | |
| 579 | + click: function (e) { | |
| 580 | + e.preventDefault(); | |
| 581 | + filesList.find('.start').click(); | |
| 582 | + } | |
| 583 | + }); | |
| 584 | + this._on(fileUploadButtonBar.find('.cancel'), { | |
| 585 | + click: function (e) { | |
| 586 | + e.preventDefault(); | |
| 587 | + filesList.find('.cancel').click(); | |
| 588 | + } | |
| 589 | + }); | |
| 590 | + this._on(fileUploadButtonBar.find('.delete'), { | |
| 591 | + click: function (e) { | |
| 592 | + e.preventDefault(); | |
| 593 | + filesList.find('.toggle:checked') | |
| 594 | + .closest('.template-download') | |
| 595 | + .find('.delete').click(); | |
| 596 | + fileUploadButtonBar.find('.toggle') | |
| 597 | + .prop('checked', false); | |
| 598 | + } | |
| 599 | + }); | |
| 600 | + this._on(fileUploadButtonBar.find('.toggle'), { | |
| 601 | + change: function (e) { | |
| 602 | + filesList.find('.toggle').prop( | |
| 603 | + 'checked', | |
| 604 | + $(e.currentTarget).is(':checked') | |
| 605 | + ); | |
| 606 | + } | |
| 607 | + }); | |
| 608 | + }, | |
| 609 | + | |
| 610 | + _destroyButtonBarEventHandlers: function () { | |
| 611 | + this._off( | |
| 612 | + this.element.find('.fileupload-buttonbar') | |
| 613 | + .find('.start, .cancel, .delete'), | |
| 614 | + 'click' | |
| 615 | + ); | |
| 616 | + this._off( | |
| 617 | + this.element.find('.fileupload-buttonbar .toggle'), | |
| 618 | + 'change.' | |
| 619 | + ); | |
| 620 | + }, | |
| 621 | + | |
| 622 | + _initEventHandlers: function () { | |
| 623 | + this._super(); | |
| 624 | + this._on(this.options.filesContainer, { | |
| 625 | + 'click .start': this._startHandler, | |
| 626 | + 'click .cancel': this._cancelHandler, | |
| 627 | + 'click .delete': this._deleteHandler | |
| 628 | + }); | |
| 629 | + this._initButtonBarEventHandlers(); | |
| 630 | + }, | |
| 631 | + | |
| 632 | + _destroyEventHandlers: function () { | |
| 633 | + this._destroyButtonBarEventHandlers(); | |
| 634 | + this._off(this.options.filesContainer, 'click'); | |
| 635 | + this._super(); | |
| 636 | + }, | |
| 637 | + | |
| 638 | + _enableFileInputButton: function () { | |
| 639 | + this.element.find('.fileinput-button input') | |
| 640 | + .prop('disabled', false) | |
| 641 | + .parent().removeClass('disabled'); | |
| 642 | + }, | |
| 643 | + | |
| 644 | + _disableFileInputButton: function () { | |
| 645 | + this.element.find('.fileinput-button input') | |
| 646 | + .prop('disabled', true) | |
| 647 | + .parent().addClass('disabled'); | |
| 648 | + }, | |
| 649 | + | |
| 650 | + _initTemplates: function () { | |
| 651 | + var options = this.options; | |
| 652 | + options.templatesContainer = this.document[0].createElement( | |
| 653 | + options.filesContainer.prop('nodeName') | |
| 654 | + ); | |
| 655 | + if (tmpl) { | |
| 656 | + if (options.uploadTemplateId) { | |
| 657 | + options.uploadTemplate = tmpl(options.uploadTemplateId); | |
| 658 | + } | |
| 659 | + if (options.downloadTemplateId) { | |
| 660 | + options.downloadTemplate = tmpl(options.downloadTemplateId); | |
| 661 | + } | |
| 662 | + } | |
| 663 | + }, | |
| 664 | + | |
| 665 | + _initFilesContainer: function () { | |
| 666 | + var options = this.options; | |
| 667 | + if (options.filesContainer === undefined) { | |
| 668 | + options.filesContainer = this.element.find('.files'); | |
| 669 | + } else if (!(options.filesContainer instanceof $)) { | |
| 670 | + options.filesContainer = $(options.filesContainer); | |
| 671 | + } | |
| 672 | + }, | |
| 673 | + | |
| 674 | + _initSpecialOptions: function () { | |
| 675 | + this._super(); | |
| 676 | + this._initFilesContainer(); | |
| 677 | + this._initTemplates(); | |
| 678 | + }, | |
| 679 | + | |
| 680 | + _create: function () { | |
| 681 | + this._super(); | |
| 682 | + this._resetFinishedDeferreds(); | |
| 683 | + if (!$.support.fileInput) { | |
| 684 | + this._disableFileInputButton(); | |
| 685 | + } | |
| 686 | + }, | |
| 687 | + | |
| 688 | + enable: function () { | |
| 689 | + var wasDisabled = false; | |
| 690 | + if (this.options.disabled) { | |
| 691 | + wasDisabled = true; | |
| 692 | + } | |
| 693 | + this._super(); | |
| 694 | + if (wasDisabled) { | |
| 695 | + this.element.find('input, button').prop('disabled', false); | |
| 696 | + this._enableFileInputButton(); | |
| 697 | + } | |
| 698 | + }, | |
| 699 | + | |
| 700 | + disable: function () { | |
| 701 | + if (!this.options.disabled) { | |
| 702 | + this.element.find('input, button').prop('disabled', true); | |
| 703 | + this._disableFileInputButton(); | |
| 704 | + } | |
| 705 | + this._super(); | |
| 706 | + } | |
| 707 | + | |
| 708 | + }); | |
| 709 | + | |
| 710 | +})); | ... | ... |
common/modules/file/assets/js/jquery.fileupload-validate.js
0 → 100644
| 1 | +/* | |
| 2 | + * jQuery File Upload Validation Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2013, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + */ | |
| 11 | + | |
| 12 | +/* global define, require, window */ | |
| 13 | + | |
| 14 | +(function (factory) { | |
| 15 | + 'use strict'; | |
| 16 | + if (typeof define === 'function' && define.amd) { | |
| 17 | + // Register as an anonymous AMD module: | |
| 18 | + define([ | |
| 19 | + 'jquery', | |
| 20 | + './jquery.fileupload-process' | |
| 21 | + ], factory); | |
| 22 | + } else if (typeof exports === 'object') { | |
| 23 | + // Node/CommonJS: | |
| 24 | + factory(require('jquery')); | |
| 25 | + } else { | |
| 26 | + // Browser globals: | |
| 27 | + factory( | |
| 28 | + window.jQuery | |
| 29 | + ); | |
| 30 | + } | |
| 31 | +}(function ($) { | |
| 32 | + 'use strict'; | |
| 33 | + | |
| 34 | + // Append to the default processQueue: | |
| 35 | + $.blueimp.fileupload.prototype.options.processQueue.push( | |
| 36 | + { | |
| 37 | + action: 'validate', | |
| 38 | + // Always trigger this action, | |
| 39 | + // even if the previous action was rejected: | |
| 40 | + always: true, | |
| 41 | + // Options taken from the global options map: | |
| 42 | + acceptFileTypes: '@', | |
| 43 | + maxFileSize: '@', | |
| 44 | + minFileSize: '@', | |
| 45 | + maxNumberOfFiles: '@', | |
| 46 | + disabled: '@disableValidation' | |
| 47 | + } | |
| 48 | + ); | |
| 49 | + | |
| 50 | + // The File Upload Validation plugin extends the fileupload widget | |
| 51 | + // with file validation functionality: | |
| 52 | + $.widget('blueimp.fileupload', $.blueimp.fileupload, { | |
| 53 | + | |
| 54 | + options: { | |
| 55 | + /* | |
| 56 | + // The regular expression for allowed file types, matches | |
| 57 | + // against either file type or file name: | |
| 58 | + acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i, | |
| 59 | + // The maximum allowed file size in bytes: | |
| 60 | + maxFileSize: 10000000, // 10 MB | |
| 61 | + // The minimum allowed file size in bytes: | |
| 62 | + minFileSize: undefined, // No minimal file size | |
| 63 | + // The limit of files to be uploaded: | |
| 64 | + maxNumberOfFiles: 10, | |
| 65 | + */ | |
| 66 | + | |
| 67 | + // Function returning the current number of files, | |
| 68 | + // has to be overriden for maxNumberOfFiles validation: | |
| 69 | + getNumberOfFiles: $.noop, | |
| 70 | + | |
| 71 | + // Error and info messages: | |
| 72 | + messages: { | |
| 73 | + maxNumberOfFiles: 'Maximum number of files exceeded', | |
| 74 | + acceptFileTypes: 'File type not allowed', | |
| 75 | + maxFileSize: 'File is too large', | |
| 76 | + minFileSize: 'File is too small' | |
| 77 | + } | |
| 78 | + }, | |
| 79 | + | |
| 80 | + processActions: { | |
| 81 | + | |
| 82 | + validate: function (data, options) { | |
| 83 | + if (options.disabled) { | |
| 84 | + return data; | |
| 85 | + } | |
| 86 | + var dfd = $.Deferred(), | |
| 87 | + settings = this.options, | |
| 88 | + file = data.files[data.index], | |
| 89 | + fileSize; | |
| 90 | + if (options.minFileSize || options.maxFileSize) { | |
| 91 | + fileSize = file.size; | |
| 92 | + } | |
| 93 | + if ($.type(options.maxNumberOfFiles) === 'number' && | |
| 94 | + (settings.getNumberOfFiles() || 0) + data.files.length > | |
| 95 | + options.maxNumberOfFiles) { | |
| 96 | + file.error = settings.i18n('maxNumberOfFiles'); | |
| 97 | + } else if (options.acceptFileTypes && | |
| 98 | + !(options.acceptFileTypes.test(file.type) || | |
| 99 | + options.acceptFileTypes.test(file.name))) { | |
| 100 | + file.error = settings.i18n('acceptFileTypes'); | |
| 101 | + } else if (fileSize > options.maxFileSize) { | |
| 102 | + file.error = settings.i18n('maxFileSize'); | |
| 103 | + } else if ($.type(fileSize) === 'number' && | |
| 104 | + fileSize < options.minFileSize) { | |
| 105 | + file.error = settings.i18n('minFileSize'); | |
| 106 | + } else { | |
| 107 | + delete file.error; | |
| 108 | + } | |
| 109 | + if (file.error || data.files.error) { | |
| 110 | + data.files.error = true; | |
| 111 | + dfd.rejectWith(this, [data]); | |
| 112 | + } else { | |
| 113 | + dfd.resolveWith(this, [data]); | |
| 114 | + } | |
| 115 | + return dfd.promise(); | |
| 116 | + } | |
| 117 | + | |
| 118 | + } | |
| 119 | + | |
| 120 | + }); | |
| 121 | + | |
| 122 | +})); | ... | ... |
common/modules/file/assets/js/jquery.fileupload-video.js
0 → 100644
| 1 | +/* | |
| 2 | + * jQuery File Upload Video Preview Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2013, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + */ | |
| 11 | + | |
| 12 | +/* jshint nomen:false */ | |
| 13 | +/* global define, require, window, document */ | |
| 14 | + | |
| 15 | +(function (factory) { | |
| 16 | + 'use strict'; | |
| 17 | + if (typeof define === 'function' && define.amd) { | |
| 18 | + // Register as an anonymous AMD module: | |
| 19 | + define([ | |
| 20 | + 'jquery', | |
| 21 | + 'load-image', | |
| 22 | + './jquery.fileupload-process' | |
| 23 | + ], factory); | |
| 24 | + } else if (typeof exports === 'object') { | |
| 25 | + // Node/CommonJS: | |
| 26 | + factory( | |
| 27 | + require('jquery'), | |
| 28 | + require('load-image') | |
| 29 | + ); | |
| 30 | + } else { | |
| 31 | + // Browser globals: | |
| 32 | + factory( | |
| 33 | + window.jQuery, | |
| 34 | + window.loadImage | |
| 35 | + ); | |
| 36 | + } | |
| 37 | +}(function ($, loadImage) { | |
| 38 | + 'use strict'; | |
| 39 | + | |
| 40 | + // Prepend to the default processQueue: | |
| 41 | + $.blueimp.fileupload.prototype.options.processQueue.unshift( | |
| 42 | + { | |
| 43 | + action: 'loadVideo', | |
| 44 | + // Use the action as prefix for the "@" options: | |
| 45 | + prefix: true, | |
| 46 | + fileTypes: '@', | |
| 47 | + maxFileSize: '@', | |
| 48 | + disabled: '@disableVideoPreview' | |
| 49 | + }, | |
| 50 | + { | |
| 51 | + action: 'setVideo', | |
| 52 | + name: '@videoPreviewName', | |
| 53 | + disabled: '@disableVideoPreview' | |
| 54 | + } | |
| 55 | + ); | |
| 56 | + | |
| 57 | + // The File Upload Video Preview plugin extends the fileupload widget | |
| 58 | + // with video preview functionality: | |
| 59 | + $.widget('blueimp.fileupload', $.blueimp.fileupload, { | |
| 60 | + | |
| 61 | + options: { | |
| 62 | + // The regular expression for the types of video files to load, | |
| 63 | + // matched against the file type: | |
| 64 | + loadVideoFileTypes: /^video\/.*$/ | |
| 65 | + }, | |
| 66 | + | |
| 67 | + _videoElement: document.createElement('video'), | |
| 68 | + | |
| 69 | + processActions: { | |
| 70 | + | |
| 71 | + // Loads the video file given via data.files and data.index | |
| 72 | + // as video element if the browser supports playing it. | |
| 73 | + // Accepts the options fileTypes (regular expression) | |
| 74 | + // and maxFileSize (integer) to limit the files to load: | |
| 75 | + loadVideo: function (data, options) { | |
| 76 | + if (options.disabled) { | |
| 77 | + return data; | |
| 78 | + } | |
| 79 | + var file = data.files[data.index], | |
| 80 | + url, | |
| 81 | + video; | |
| 82 | + if (this._videoElement.canPlayType && | |
| 83 | + this._videoElement.canPlayType(file.type) && | |
| 84 | + ($.type(options.maxFileSize) !== 'number' || | |
| 85 | + file.size <= options.maxFileSize) && | |
| 86 | + (!options.fileTypes || | |
| 87 | + options.fileTypes.test(file.type))) { | |
| 88 | + url = loadImage.createObjectURL(file); | |
| 89 | + if (url) { | |
| 90 | + video = this._videoElement.cloneNode(false); | |
| 91 | + video.src = url; | |
| 92 | + video.controls = true; | |
| 93 | + data.video = video; | |
| 94 | + return data; | |
| 95 | + } | |
| 96 | + } | |
| 97 | + return data; | |
| 98 | + }, | |
| 99 | + | |
| 100 | + // Sets the video element as a property of the file object: | |
| 101 | + setVideo: function (data, options) { | |
| 102 | + if (data.video && !options.disabled) { | |
| 103 | + data.files[data.index][options.name || 'preview'] = data.video; | |
| 104 | + } | |
| 105 | + return data; | |
| 106 | + } | |
| 107 | + | |
| 108 | + } | |
| 109 | + | |
| 110 | + }); | |
| 111 | + | |
| 112 | +})); | ... | ... |
| 1 | +/* | |
| 2 | + * jQuery File Upload Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2010, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + */ | |
| 11 | + | |
| 12 | +/* jshint nomen:false */ | |
| 13 | +/* global define, require, window, document, location, Blob, FormData */ | |
| 14 | + | |
| 15 | +(function (factory) { | |
| 16 | + 'use strict'; | |
| 17 | + if (typeof define === 'function' && define.amd) { | |
| 18 | + // Register as an anonymous AMD module: | |
| 19 | + define([ | |
| 20 | + 'jquery', | |
| 21 | + 'jquery.ui.widget' | |
| 22 | + ], factory); | |
| 23 | + } else if (typeof exports === 'object') { | |
| 24 | + // Node/CommonJS: | |
| 25 | + factory( | |
| 26 | + require('jquery'), | |
| 27 | + require('./vendor/jquery.ui.widget') | |
| 28 | + ); | |
| 29 | + } else { | |
| 30 | + // Browser globals: | |
| 31 | + factory(window.jQuery); | |
| 32 | + } | |
| 33 | +}(function ($) { | |
| 34 | + 'use strict'; | |
| 35 | + | |
| 36 | + // Detect file input support, based on | |
| 37 | + // http://viljamis.com/blog/2012/file-upload-support-on-mobile/ | |
| 38 | + $.support.fileInput = !(new RegExp( | |
| 39 | + // Handle devices which give false positives for the feature detection: | |
| 40 | + '(Android (1\\.[0156]|2\\.[01]))' + | |
| 41 | + '|(Windows Phone (OS 7|8\\.0))|(XBLWP)|(ZuneWP)|(WPDesktop)' + | |
| 42 | + '|(w(eb)?OSBrowser)|(webOS)' + | |
| 43 | + '|(Kindle/(1\\.0|2\\.[05]|3\\.0))' | |
| 44 | + ).test(window.navigator.userAgent) || | |
| 45 | + // Feature detection for all other devices: | |
| 46 | + $('<input type="file">').prop('disabled')); | |
| 47 | + | |
| 48 | + // The FileReader API is not actually used, but works as feature detection, | |
| 49 | + // as some Safari versions (5?) support XHR file uploads via the FormData API, | |
| 50 | + // but not non-multipart XHR file uploads. | |
| 51 | + // window.XMLHttpRequestUpload is not available on IE10, so we check for | |
| 52 | + // window.ProgressEvent instead to detect XHR2 file upload capability: | |
| 53 | + $.support.xhrFileUpload = !!(window.ProgressEvent && window.FileReader); | |
| 54 | + $.support.xhrFormDataFileUpload = !!window.FormData; | |
| 55 | + | |
| 56 | + // Detect support for Blob slicing (required for chunked uploads): | |
| 57 | + $.support.blobSlice = window.Blob && (Blob.prototype.slice || | |
| 58 | + Blob.prototype.webkitSlice || Blob.prototype.mozSlice); | |
| 59 | + | |
| 60 | + // Helper function to create drag handlers for dragover/dragenter/dragleave: | |
| 61 | + function getDragHandler(type) { | |
| 62 | + var isDragOver = type === 'dragover'; | |
| 63 | + return function (e) { | |
| 64 | + e.dataTransfer = e.originalEvent && e.originalEvent.dataTransfer; | |
| 65 | + var dataTransfer = e.dataTransfer; | |
| 66 | + if (dataTransfer && $.inArray('Files', dataTransfer.types) !== -1 && | |
| 67 | + this._trigger( | |
| 68 | + type, | |
| 69 | + $.Event(type, {delegatedEvent: e}) | |
| 70 | + ) !== false) { | |
| 71 | + e.preventDefault(); | |
| 72 | + if (isDragOver) { | |
| 73 | + dataTransfer.dropEffect = 'copy'; | |
| 74 | + } | |
| 75 | + } | |
| 76 | + }; | |
| 77 | + } | |
| 78 | + | |
| 79 | + // The fileupload widget listens for change events on file input fields defined | |
| 80 | + // via fileInput setting and paste or drop events of the given dropZone. | |
| 81 | + // In addition to the default jQuery Widget methods, the fileupload widget | |
| 82 | + // exposes the "add" and "send" methods, to add or directly send files using | |
| 83 | + // the fileupload API. | |
| 84 | + // By default, files added via file input selection, paste, drag & drop or | |
| 85 | + // "add" method are uploaded immediately, but it is possible to override | |
| 86 | + // the "add" callback option to queue file uploads. | |
| 87 | + $.widget('blueimp.fileupload', { | |
| 88 | + | |
| 89 | + options: { | |
| 90 | + // The drop target element(s), by the default the complete document. | |
| 91 | + // Set to null to disable drag & drop support: | |
| 92 | + dropZone: $(document), | |
| 93 | + // The paste target element(s), by the default undefined. | |
| 94 | + // Set to a DOM node or jQuery object to enable file pasting: | |
| 95 | + pasteZone: undefined, | |
| 96 | + // The file input field(s), that are listened to for change events. | |
| 97 | + // If undefined, it is set to the file input fields inside | |
| 98 | + // of the widget element on plugin initialization. | |
| 99 | + // Set to null to disable the change listener. | |
| 100 | + fileInput: undefined, | |
| 101 | + // By default, the file input field is replaced with a clone after | |
| 102 | + // each input field change event. This is required for iframe transport | |
| 103 | + // queues and allows change events to be fired for the same file | |
| 104 | + // selection, but can be disabled by setting the following option to false: | |
| 105 | + replaceFileInput: true, | |
| 106 | + // The parameter name for the file form data (the request argument name). | |
| 107 | + // If undefined or empty, the name property of the file input field is | |
| 108 | + // used, or "files[]" if the file input name property is also empty, | |
| 109 | + // can be a string or an array of strings: | |
| 110 | + paramName: undefined, | |
| 111 | + // By default, each file of a selection is uploaded using an individual | |
| 112 | + // request for XHR type uploads. Set to false to upload file | |
| 113 | + // selections in one request each: | |
| 114 | + singleFileUploads: true, | |
| 115 | + // To limit the number of files uploaded with one XHR request, | |
| 116 | + // set the following option to an integer greater than 0: | |
| 117 | + limitMultiFileUploads: undefined, | |
| 118 | + // The following option limits the number of files uploaded with one | |
| 119 | + // XHR request to keep the request size under or equal to the defined | |
| 120 | + // limit in bytes: | |
| 121 | + limitMultiFileUploadSize: undefined, | |
| 122 | + // Multipart file uploads add a number of bytes to each uploaded file, | |
| 123 | + // therefore the following option adds an overhead for each file used | |
| 124 | + // in the limitMultiFileUploadSize configuration: | |
| 125 | + limitMultiFileUploadSizeOverhead: 512, | |
| 126 | + // Set the following option to true to issue all file upload requests | |
| 127 | + // in a sequential order: | |
| 128 | + sequentialUploads: false, | |
| 129 | + // To limit the number of concurrent uploads, | |
| 130 | + // set the following option to an integer greater than 0: | |
| 131 | + limitConcurrentUploads: undefined, | |
| 132 | + // Set the following option to true to force iframe transport uploads: | |
| 133 | + forceIframeTransport: false, | |
| 134 | + // Set the following option to the location of a redirect url on the | |
| 135 | + // origin server, for cross-domain iframe transport uploads: | |
| 136 | + redirect: undefined, | |
| 137 | + // The parameter name for the redirect url, sent as part of the form | |
| 138 | + // data and set to 'redirect' if this option is empty: | |
| 139 | + redirectParamName: undefined, | |
| 140 | + // Set the following option to the location of a postMessage window, | |
| 141 | + // to enable postMessage transport uploads: | |
| 142 | + postMessage: undefined, | |
| 143 | + // By default, XHR file uploads are sent as multipart/form-data. | |
| 144 | + // The iframe transport is always using multipart/form-data. | |
| 145 | + // Set to false to enable non-multipart XHR uploads: | |
| 146 | + multipart: true, | |
| 147 | + // To upload large files in smaller chunks, set the following option | |
| 148 | + // to a preferred maximum chunk size. If set to 0, null or undefined, | |
| 149 | + // or the browser does not support the required Blob API, files will | |
| 150 | + // be uploaded as a whole. | |
| 151 | + maxChunkSize: undefined, | |
| 152 | + // When a non-multipart upload or a chunked multipart upload has been | |
| 153 | + // aborted, this option can be used to resume the upload by setting | |
| 154 | + // it to the size of the already uploaded bytes. This option is most | |
| 155 | + // useful when modifying the options object inside of the "add" or | |
| 156 | + // "send" callbacks, as the options are cloned for each file upload. | |
| 157 | + uploadedBytes: undefined, | |
| 158 | + // By default, failed (abort or error) file uploads are removed from the | |
| 159 | + // global progress calculation. Set the following option to false to | |
| 160 | + // prevent recalculating the global progress data: | |
| 161 | + recalculateProgress: true, | |
| 162 | + // Interval in milliseconds to calculate and trigger progress events: | |
| 163 | + progressInterval: 100, | |
| 164 | + // Interval in milliseconds to calculate progress bitrate: | |
| 165 | + bitrateInterval: 500, | |
| 166 | + // By default, uploads are started automatically when adding files: | |
| 167 | + autoUpload: true, | |
| 168 | + | |
| 169 | + // Error and info messages: | |
| 170 | + messages: { | |
| 171 | + uploadedBytes: 'Uploaded bytes exceed file size' | |
| 172 | + }, | |
| 173 | + | |
| 174 | + // Translation function, gets the message key to be translated | |
| 175 | + // and an object with context specific data as arguments: | |
| 176 | + i18n: function (message, context) { | |
| 177 | + message = this.messages[message] || message.toString(); | |
| 178 | + if (context) { | |
| 179 | + $.each(context, function (key, value) { | |
| 180 | + message = message.replace('{' + key + '}', value); | |
| 181 | + }); | |
| 182 | + } | |
| 183 | + return message; | |
| 184 | + }, | |
| 185 | + | |
| 186 | + // Additional form data to be sent along with the file uploads can be set | |
| 187 | + // using this option, which accepts an array of objects with name and | |
| 188 | + // value properties, a function returning such an array, a FormData | |
| 189 | + // object (for XHR file uploads), or a simple object. | |
| 190 | + // The form of the first fileInput is given as parameter to the function: | |
| 191 | + formData: function (form) { | |
| 192 | + return form.serializeArray(); | |
| 193 | + }, | |
| 194 | + | |
| 195 | + // The add callback is invoked as soon as files are added to the fileupload | |
| 196 | + // widget (via file input selection, drag & drop, paste or add API call). | |
| 197 | + // If the singleFileUploads option is enabled, this callback will be | |
| 198 | + // called once for each file in the selection for XHR file uploads, else | |
| 199 | + // once for each file selection. | |
| 200 | + // | |
| 201 | + // The upload starts when the submit method is invoked on the data parameter. | |
| 202 | + // The data object contains a files property holding the added files | |
| 203 | + // and allows you to override plugin options as well as define ajax settings. | |
| 204 | + // | |
| 205 | + // Listeners for this callback can also be bound the following way: | |
| 206 | + // .bind('fileuploadadd', func); | |
| 207 | + // | |
| 208 | + // data.submit() returns a Promise object and allows to attach additional | |
| 209 | + // handlers using jQuery's Deferred callbacks: | |
| 210 | + // data.submit().done(func).fail(func).always(func); | |
| 211 | + add: function (e, data) { | |
| 212 | + if (e.isDefaultPrevented()) { | |
| 213 | + return false; | |
| 214 | + } | |
| 215 | + if (data.autoUpload || (data.autoUpload !== false && | |
| 216 | + $(this).fileupload('option', 'autoUpload'))) { | |
| 217 | + data.process().done(function () { | |
| 218 | + data.submit(); | |
| 219 | + }); | |
| 220 | + } | |
| 221 | + }, | |
| 222 | + | |
| 223 | + // Other callbacks: | |
| 224 | + | |
| 225 | + // Callback for the submit event of each file upload: | |
| 226 | + // submit: function (e, data) {}, // .bind('fileuploadsubmit', func); | |
| 227 | + | |
| 228 | + // Callback for the start of each file upload request: | |
| 229 | + // send: function (e, data) {}, // .bind('fileuploadsend', func); | |
| 230 | + | |
| 231 | + // Callback for successful uploads: | |
| 232 | + // done: function (e, data) {}, // .bind('fileuploaddone', func); | |
| 233 | + | |
| 234 | + // Callback for failed (abort or error) uploads: | |
| 235 | + // fail: function (e, data) {}, // .bind('fileuploadfail', func); | |
| 236 | + | |
| 237 | + // Callback for completed (success, abort or error) requests: | |
| 238 | + // always: function (e, data) {}, // .bind('fileuploadalways', func); | |
| 239 | + | |
| 240 | + // Callback for upload progress events: | |
| 241 | + // progress: function (e, data) {}, // .bind('fileuploadprogress', func); | |
| 242 | + | |
| 243 | + // Callback for global upload progress events: | |
| 244 | + // progressall: function (e, data) {}, // .bind('fileuploadprogressall', func); | |
| 245 | + | |
| 246 | + // Callback for uploads start, equivalent to the global ajaxStart event: | |
| 247 | + // start: function (e) {}, // .bind('fileuploadstart', func); | |
| 248 | + | |
| 249 | + // Callback for uploads stop, equivalent to the global ajaxStop event: | |
| 250 | + // stop: function (e) {}, // .bind('fileuploadstop', func); | |
| 251 | + | |
| 252 | + // Callback for change events of the fileInput(s): | |
| 253 | + // change: function (e, data) {}, // .bind('fileuploadchange', func); | |
| 254 | + | |
| 255 | + // Callback for paste events to the pasteZone(s): | |
| 256 | + // paste: function (e, data) {}, // .bind('fileuploadpaste', func); | |
| 257 | + | |
| 258 | + // Callback for drop events of the dropZone(s): | |
| 259 | + // drop: function (e, data) {}, // .bind('fileuploaddrop', func); | |
| 260 | + | |
| 261 | + // Callback for dragover events of the dropZone(s): | |
| 262 | + // dragover: function (e) {}, // .bind('fileuploaddragover', func); | |
| 263 | + | |
| 264 | + // Callback for the start of each chunk upload request: | |
| 265 | + // chunksend: function (e, data) {}, // .bind('fileuploadchunksend', func); | |
| 266 | + | |
| 267 | + // Callback for successful chunk uploads: | |
| 268 | + // chunkdone: function (e, data) {}, // .bind('fileuploadchunkdone', func); | |
| 269 | + | |
| 270 | + // Callback for failed (abort or error) chunk uploads: | |
| 271 | + // chunkfail: function (e, data) {}, // .bind('fileuploadchunkfail', func); | |
| 272 | + | |
| 273 | + // Callback for completed (success, abort or error) chunk upload requests: | |
| 274 | + // chunkalways: function (e, data) {}, // .bind('fileuploadchunkalways', func); | |
| 275 | + | |
| 276 | + // The plugin options are used as settings object for the ajax calls. | |
| 277 | + // The following are jQuery ajax settings required for the file uploads: | |
| 278 | + processData: false, | |
| 279 | + contentType: false, | |
| 280 | + cache: false, | |
| 281 | + timeout: 0 | |
| 282 | + }, | |
| 283 | + | |
| 284 | + // A list of options that require reinitializing event listeners and/or | |
| 285 | + // special initialization code: | |
| 286 | + _specialOptions: [ | |
| 287 | + 'fileInput', | |
| 288 | + 'dropZone', | |
| 289 | + 'pasteZone', | |
| 290 | + 'multipart', | |
| 291 | + 'forceIframeTransport' | |
| 292 | + ], | |
| 293 | + | |
| 294 | + _blobSlice: $.support.blobSlice && function () { | |
| 295 | + var slice = this.slice || this.webkitSlice || this.mozSlice; | |
| 296 | + return slice.apply(this, arguments); | |
| 297 | + }, | |
| 298 | + | |
| 299 | + _BitrateTimer: function () { | |
| 300 | + this.timestamp = ((Date.now) ? Date.now() : (new Date()).getTime()); | |
| 301 | + this.loaded = 0; | |
| 302 | + this.bitrate = 0; | |
| 303 | + this.getBitrate = function (now, loaded, interval) { | |
| 304 | + var timeDiff = now - this.timestamp; | |
| 305 | + if (!this.bitrate || !interval || timeDiff > interval) { | |
| 306 | + this.bitrate = (loaded - this.loaded) * (1000 / timeDiff) * 8; | |
| 307 | + this.loaded = loaded; | |
| 308 | + this.timestamp = now; | |
| 309 | + } | |
| 310 | + return this.bitrate; | |
| 311 | + }; | |
| 312 | + }, | |
| 313 | + | |
| 314 | + _isXHRUpload: function (options) { | |
| 315 | + return !options.forceIframeTransport && | |
| 316 | + ((!options.multipart && $.support.xhrFileUpload) || | |
| 317 | + $.support.xhrFormDataFileUpload); | |
| 318 | + }, | |
| 319 | + | |
| 320 | + _getFormData: function (options) { | |
| 321 | + var formData; | |
| 322 | + if ($.type(options.formData) === 'function') { | |
| 323 | + return options.formData(options.form); | |
| 324 | + } | |
| 325 | + if ($.isArray(options.formData)) { | |
| 326 | + return options.formData; | |
| 327 | + } | |
| 328 | + if ($.type(options.formData) === 'object') { | |
| 329 | + formData = []; | |
| 330 | + $.each(options.formData, function (name, value) { | |
| 331 | + formData.push({name: name, value: value}); | |
| 332 | + }); | |
| 333 | + return formData; | |
| 334 | + } | |
| 335 | + return []; | |
| 336 | + }, | |
| 337 | + | |
| 338 | + _getTotal: function (files) { | |
| 339 | + var total = 0; | |
| 340 | + $.each(files, function (index, file) { | |
| 341 | + total += file.size || 1; | |
| 342 | + }); | |
| 343 | + return total; | |
| 344 | + }, | |
| 345 | + | |
| 346 | + _initProgressObject: function (obj) { | |
| 347 | + var progress = { | |
| 348 | + loaded: 0, | |
| 349 | + total: 0, | |
| 350 | + bitrate: 0 | |
| 351 | + }; | |
| 352 | + if (obj._progress) { | |
| 353 | + $.extend(obj._progress, progress); | |
| 354 | + } else { | |
| 355 | + obj._progress = progress; | |
| 356 | + } | |
| 357 | + }, | |
| 358 | + | |
| 359 | + _initResponseObject: function (obj) { | |
| 360 | + var prop; | |
| 361 | + if (obj._response) { | |
| 362 | + for (prop in obj._response) { | |
| 363 | + if (obj._response.hasOwnProperty(prop)) { | |
| 364 | + delete obj._response[prop]; | |
| 365 | + } | |
| 366 | + } | |
| 367 | + } else { | |
| 368 | + obj._response = {}; | |
| 369 | + } | |
| 370 | + }, | |
| 371 | + | |
| 372 | + _onProgress: function (e, data) { | |
| 373 | + if (e.lengthComputable) { | |
| 374 | + var now = ((Date.now) ? Date.now() : (new Date()).getTime()), | |
| 375 | + loaded; | |
| 376 | + if (data._time && data.progressInterval && | |
| 377 | + (now - data._time < data.progressInterval) && | |
| 378 | + e.loaded !== e.total) { | |
| 379 | + return; | |
| 380 | + } | |
| 381 | + data._time = now; | |
| 382 | + loaded = Math.floor( | |
| 383 | + e.loaded / e.total * (data.chunkSize || data._progress.total) | |
| 384 | + ) + (data.uploadedBytes || 0); | |
| 385 | + // Add the difference from the previously loaded state | |
| 386 | + // to the global loaded counter: | |
| 387 | + this._progress.loaded += (loaded - data._progress.loaded); | |
| 388 | + this._progress.bitrate = this._bitrateTimer.getBitrate( | |
| 389 | + now, | |
| 390 | + this._progress.loaded, | |
| 391 | + data.bitrateInterval | |
| 392 | + ); | |
| 393 | + data._progress.loaded = data.loaded = loaded; | |
| 394 | + data._progress.bitrate = data.bitrate = data._bitrateTimer.getBitrate( | |
| 395 | + now, | |
| 396 | + loaded, | |
| 397 | + data.bitrateInterval | |
| 398 | + ); | |
| 399 | + // Trigger a custom progress event with a total data property set | |
| 400 | + // to the file size(s) of the current upload and a loaded data | |
| 401 | + // property calculated accordingly: | |
| 402 | + this._trigger( | |
| 403 | + 'progress', | |
| 404 | + $.Event('progress', {delegatedEvent: e}), | |
| 405 | + data | |
| 406 | + ); | |
| 407 | + // Trigger a global progress event for all current file uploads, | |
| 408 | + // including ajax calls queued for sequential file uploads: | |
| 409 | + this._trigger( | |
| 410 | + 'progressall', | |
| 411 | + $.Event('progressall', {delegatedEvent: e}), | |
| 412 | + this._progress | |
| 413 | + ); | |
| 414 | + } | |
| 415 | + }, | |
| 416 | + | |
| 417 | + _initProgressListener: function (options) { | |
| 418 | + var that = this, | |
| 419 | + xhr = options.xhr ? options.xhr() : $.ajaxSettings.xhr(); | |
| 420 | + // Accesss to the native XHR object is required to add event listeners | |
| 421 | + // for the upload progress event: | |
| 422 | + if (xhr.upload) { | |
| 423 | + $(xhr.upload).bind('progress', function (e) { | |
| 424 | + var oe = e.originalEvent; | |
| 425 | + // Make sure the progress event properties get copied over: | |
| 426 | + e.lengthComputable = oe.lengthComputable; | |
| 427 | + e.loaded = oe.loaded; | |
| 428 | + e.total = oe.total; | |
| 429 | + that._onProgress(e, options); | |
| 430 | + }); | |
| 431 | + options.xhr = function () { | |
| 432 | + return xhr; | |
| 433 | + }; | |
| 434 | + } | |
| 435 | + }, | |
| 436 | + | |
| 437 | + _isInstanceOf: function (type, obj) { | |
| 438 | + // Cross-frame instanceof check | |
| 439 | + return Object.prototype.toString.call(obj) === '[object ' + type + ']'; | |
| 440 | + }, | |
| 441 | + | |
| 442 | + _initXHRData: function (options) { | |
| 443 | + var that = this, | |
| 444 | + formData, | |
| 445 | + file = options.files[0], | |
| 446 | + // Ignore non-multipart setting if not supported: | |
| 447 | + multipart = options.multipart || !$.support.xhrFileUpload, | |
| 448 | + paramName = $.type(options.paramName) === 'array' ? | |
| 449 | + options.paramName[0] : options.paramName; | |
| 450 | + options.headers = $.extend({}, options.headers); | |
| 451 | + if (options.contentRange) { | |
| 452 | + options.headers['Content-Range'] = options.contentRange; | |
| 453 | + } | |
| 454 | + if (!multipart || options.blob || !this._isInstanceOf('File', file)) { | |
| 455 | + options.headers['Content-Disposition'] = 'attachment; filename="' + | |
| 456 | + encodeURI(file.name) + '"'; | |
| 457 | + } | |
| 458 | + if (!multipart) { | |
| 459 | + options.contentType = file.type || 'application/octet-stream'; | |
| 460 | + options.data = options.blob || file; | |
| 461 | + } else if ($.support.xhrFormDataFileUpload) { | |
| 462 | + if (options.postMessage) { | |
| 463 | + // window.postMessage does not allow sending FormData | |
| 464 | + // objects, so we just add the File/Blob objects to | |
| 465 | + // the formData array and let the postMessage window | |
| 466 | + // create the FormData object out of this array: | |
| 467 | + formData = this._getFormData(options); | |
| 468 | + if (options.blob) { | |
| 469 | + formData.push({ | |
| 470 | + name: paramName, | |
| 471 | + value: options.blob | |
| 472 | + }); | |
| 473 | + } else { | |
| 474 | + $.each(options.files, function (index, file) { | |
| 475 | + formData.push({ | |
| 476 | + name: ($.type(options.paramName) === 'array' && | |
| 477 | + options.paramName[index]) || paramName, | |
| 478 | + value: file | |
| 479 | + }); | |
| 480 | + }); | |
| 481 | + } | |
| 482 | + } else { | |
| 483 | + if (that._isInstanceOf('FormData', options.formData)) { | |
| 484 | + formData = options.formData; | |
| 485 | + } else { | |
| 486 | + formData = new FormData(); | |
| 487 | + $.each(this._getFormData(options), function (index, field) { | |
| 488 | + formData.append(field.name, field.value); | |
| 489 | + }); | |
| 490 | + } | |
| 491 | + if (options.blob) { | |
| 492 | + formData.append(paramName, options.blob, file.name); | |
| 493 | + } else { | |
| 494 | + $.each(options.files, function (index, file) { | |
| 495 | + // This check allows the tests to run with | |
| 496 | + // dummy objects: | |
| 497 | + if (that._isInstanceOf('File', file) || | |
| 498 | + that._isInstanceOf('Blob', file)) { | |
| 499 | + formData.append( | |
| 500 | + ($.type(options.paramName) === 'array' && | |
| 501 | + options.paramName[index]) || paramName, | |
| 502 | + file, | |
| 503 | + file.uploadName || file.name | |
| 504 | + ); | |
| 505 | + } | |
| 506 | + }); | |
| 507 | + } | |
| 508 | + } | |
| 509 | + options.data = formData; | |
| 510 | + } | |
| 511 | + // Blob reference is not needed anymore, free memory: | |
| 512 | + options.blob = null; | |
| 513 | + }, | |
| 514 | + | |
| 515 | + _initIframeSettings: function (options) { | |
| 516 | + var targetHost = $('<a></a>').prop('href', options.url).prop('host'); | |
| 517 | + // Setting the dataType to iframe enables the iframe transport: | |
| 518 | + options.dataType = 'iframe ' + (options.dataType || ''); | |
| 519 | + // The iframe transport accepts a serialized array as form data: | |
| 520 | + options.formData = this._getFormData(options); | |
| 521 | + // Add redirect url to form data on cross-domain uploads: | |
| 522 | + if (options.redirect && targetHost && targetHost !== location.host) { | |
| 523 | + options.formData.push({ | |
| 524 | + name: options.redirectParamName || 'redirect', | |
| 525 | + value: options.redirect | |
| 526 | + }); | |
| 527 | + } | |
| 528 | + }, | |
| 529 | + | |
| 530 | + _initDataSettings: function (options) { | |
| 531 | + if (this._isXHRUpload(options)) { | |
| 532 | + if (!this._chunkedUpload(options, true)) { | |
| 533 | + if (!options.data) { | |
| 534 | + this._initXHRData(options); | |
| 535 | + } | |
| 536 | + this._initProgressListener(options); | |
| 537 | + } | |
| 538 | + if (options.postMessage) { | |
| 539 | + // Setting the dataType to postmessage enables the | |
| 540 | + // postMessage transport: | |
| 541 | + options.dataType = 'postmessage ' + (options.dataType || ''); | |
| 542 | + } | |
| 543 | + } else { | |
| 544 | + this._initIframeSettings(options); | |
| 545 | + } | |
| 546 | + }, | |
| 547 | + | |
| 548 | + _getParamName: function (options) { | |
| 549 | + var fileInput = $(options.fileInput), | |
| 550 | + paramName = options.paramName; | |
| 551 | + if (!paramName) { | |
| 552 | + paramName = []; | |
| 553 | + fileInput.each(function () { | |
| 554 | + var input = $(this), | |
| 555 | + name = input.prop('name') || 'files[]', | |
| 556 | + i = (input.prop('files') || [1]).length; | |
| 557 | + while (i) { | |
| 558 | + paramName.push(name); | |
| 559 | + i -= 1; | |
| 560 | + } | |
| 561 | + }); | |
| 562 | + if (!paramName.length) { | |
| 563 | + paramName = [fileInput.prop('name') || 'files[]']; | |
| 564 | + } | |
| 565 | + } else if (!$.isArray(paramName)) { | |
| 566 | + paramName = [paramName]; | |
| 567 | + } | |
| 568 | + return paramName; | |
| 569 | + }, | |
| 570 | + | |
| 571 | + _initFormSettings: function (options) { | |
| 572 | + // Retrieve missing options from the input field and the | |
| 573 | + // associated form, if available: | |
| 574 | + if (!options.form || !options.form.length) { | |
| 575 | + options.form = $(options.fileInput.prop('form')); | |
| 576 | + // If the given file input doesn't have an associated form, | |
| 577 | + // use the default widget file input's form: | |
| 578 | + if (!options.form.length) { | |
| 579 | + options.form = $(this.options.fileInput.prop('form')); | |
| 580 | + } | |
| 581 | + } | |
| 582 | + options.paramName = this._getParamName(options); | |
| 583 | + if (!options.url) { | |
| 584 | + options.url = options.form.prop('action') || location.href; | |
| 585 | + } | |
| 586 | + // The HTTP request method must be "POST" or "PUT": | |
| 587 | + options.type = (options.type || | |
| 588 | + ($.type(options.form.prop('method')) === 'string' && | |
| 589 | + options.form.prop('method')) || '' | |
| 590 | + ).toUpperCase(); | |
| 591 | + if (options.type !== 'POST' && options.type !== 'PUT' && | |
| 592 | + options.type !== 'PATCH') { | |
| 593 | + options.type = 'POST'; | |
| 594 | + } | |
| 595 | + if (!options.formAcceptCharset) { | |
| 596 | + options.formAcceptCharset = options.form.attr('accept-charset'); | |
| 597 | + } | |
| 598 | + }, | |
| 599 | + | |
| 600 | + _getAJAXSettings: function (data) { | |
| 601 | + var options = $.extend({}, this.options, data); | |
| 602 | + this._initFormSettings(options); | |
| 603 | + this._initDataSettings(options); | |
| 604 | + return options; | |
| 605 | + }, | |
| 606 | + | |
| 607 | + // jQuery 1.6 doesn't provide .state(), | |
| 608 | + // while jQuery 1.8+ removed .isRejected() and .isResolved(): | |
| 609 | + _getDeferredState: function (deferred) { | |
| 610 | + if (deferred.state) { | |
| 611 | + return deferred.state(); | |
| 612 | + } | |
| 613 | + if (deferred.isResolved()) { | |
| 614 | + return 'resolved'; | |
| 615 | + } | |
| 616 | + if (deferred.isRejected()) { | |
| 617 | + return 'rejected'; | |
| 618 | + } | |
| 619 | + return 'pending'; | |
| 620 | + }, | |
| 621 | + | |
| 622 | + // Maps jqXHR callbacks to the equivalent | |
| 623 | + // methods of the given Promise object: | |
| 624 | + _enhancePromise: function (promise) { | |
| 625 | + promise.success = promise.done; | |
| 626 | + promise.error = promise.fail; | |
| 627 | + promise.complete = promise.always; | |
| 628 | + return promise; | |
| 629 | + }, | |
| 630 | + | |
| 631 | + // Creates and returns a Promise object enhanced with | |
| 632 | + // the jqXHR methods abort, success, error and complete: | |
| 633 | + _getXHRPromise: function (resolveOrReject, context, args) { | |
| 634 | + var dfd = $.Deferred(), | |
| 635 | + promise = dfd.promise(); | |
| 636 | + context = context || this.options.context || promise; | |
| 637 | + if (resolveOrReject === true) { | |
| 638 | + dfd.resolveWith(context, args); | |
| 639 | + } else if (resolveOrReject === false) { | |
| 640 | + dfd.rejectWith(context, args); | |
| 641 | + } | |
| 642 | + promise.abort = dfd.promise; | |
| 643 | + return this._enhancePromise(promise); | |
| 644 | + }, | |
| 645 | + | |
| 646 | + // Adds convenience methods to the data callback argument: | |
| 647 | + _addConvenienceMethods: function (e, data) { | |
| 648 | + var that = this, | |
| 649 | + getPromise = function (args) { | |
| 650 | + return $.Deferred().resolveWith(that, args).promise(); | |
| 651 | + }; | |
| 652 | + data.process = function (resolveFunc, rejectFunc) { | |
| 653 | + if (resolveFunc || rejectFunc) { | |
| 654 | + data._processQueue = this._processQueue = | |
| 655 | + (this._processQueue || getPromise([this])).pipe( | |
| 656 | + function () { | |
| 657 | + if (data.errorThrown) { | |
| 658 | + return $.Deferred() | |
| 659 | + .rejectWith(that, [data]).promise(); | |
| 660 | + } | |
| 661 | + return getPromise(arguments); | |
| 662 | + } | |
| 663 | + ).pipe(resolveFunc, rejectFunc); | |
| 664 | + } | |
| 665 | + return this._processQueue || getPromise([this]); | |
| 666 | + }; | |
| 667 | + data.submit = function () { | |
| 668 | + if (this.state() !== 'pending') { | |
| 669 | + data.jqXHR = this.jqXHR = | |
| 670 | + (that._trigger( | |
| 671 | + 'submit', | |
| 672 | + $.Event('submit', {delegatedEvent: e}), | |
| 673 | + this | |
| 674 | + ) !== false) && that._onSend(e, this); | |
| 675 | + } | |
| 676 | + return this.jqXHR || that._getXHRPromise(); | |
| 677 | + }; | |
| 678 | + data.abort = function () { | |
| 679 | + if (this.jqXHR) { | |
| 680 | + return this.jqXHR.abort(); | |
| 681 | + } | |
| 682 | + this.errorThrown = 'abort'; | |
| 683 | + that._trigger('fail', null, this); | |
| 684 | + return that._getXHRPromise(false); | |
| 685 | + }; | |
| 686 | + data.state = function () { | |
| 687 | + if (this.jqXHR) { | |
| 688 | + return that._getDeferredState(this.jqXHR); | |
| 689 | + } | |
| 690 | + if (this._processQueue) { | |
| 691 | + return that._getDeferredState(this._processQueue); | |
| 692 | + } | |
| 693 | + }; | |
| 694 | + data.processing = function () { | |
| 695 | + return !this.jqXHR && this._processQueue && that | |
| 696 | + ._getDeferredState(this._processQueue) === 'pending'; | |
| 697 | + }; | |
| 698 | + data.progress = function () { | |
| 699 | + return this._progress; | |
| 700 | + }; | |
| 701 | + data.response = function () { | |
| 702 | + return this._response; | |
| 703 | + }; | |
| 704 | + }, | |
| 705 | + | |
| 706 | + // Parses the Range header from the server response | |
| 707 | + // and returns the uploaded bytes: | |
| 708 | + _getUploadedBytes: function (jqXHR) { | |
| 709 | + var range = jqXHR.getResponseHeader('Range'), | |
| 710 | + parts = range && range.split('-'), | |
| 711 | + upperBytesPos = parts && parts.length > 1 && | |
| 712 | + parseInt(parts[1], 10); | |
| 713 | + return upperBytesPos && upperBytesPos + 1; | |
| 714 | + }, | |
| 715 | + | |
| 716 | + // Uploads a file in multiple, sequential requests | |
| 717 | + // by splitting the file up in multiple blob chunks. | |
| 718 | + // If the second parameter is true, only tests if the file | |
| 719 | + // should be uploaded in chunks, but does not invoke any | |
| 720 | + // upload requests: | |
| 721 | + _chunkedUpload: function (options, testOnly) { | |
| 722 | + options.uploadedBytes = options.uploadedBytes || 0; | |
| 723 | + var that = this, | |
| 724 | + file = options.files[0], | |
| 725 | + fs = file.size, | |
| 726 | + ub = options.uploadedBytes, | |
| 727 | + mcs = options.maxChunkSize || fs, | |
| 728 | + slice = this._blobSlice, | |
| 729 | + dfd = $.Deferred(), | |
| 730 | + promise = dfd.promise(), | |
| 731 | + jqXHR, | |
| 732 | + upload; | |
| 733 | + if (!(this._isXHRUpload(options) && slice && (ub || mcs < fs)) || | |
| 734 | + options.data) { | |
| 735 | + return false; | |
| 736 | + } | |
| 737 | + if (testOnly) { | |
| 738 | + return true; | |
| 739 | + } | |
| 740 | + if (ub >= fs) { | |
| 741 | + file.error = options.i18n('uploadedBytes'); | |
| 742 | + return this._getXHRPromise( | |
| 743 | + false, | |
| 744 | + options.context, | |
| 745 | + [null, 'error', file.error] | |
| 746 | + ); | |
| 747 | + } | |
| 748 | + // The chunk upload method: | |
| 749 | + upload = function () { | |
| 750 | + // Clone the options object for each chunk upload: | |
| 751 | + var o = $.extend({}, options), | |
| 752 | + currentLoaded = o._progress.loaded; | |
| 753 | + o.blob = slice.call( | |
| 754 | + file, | |
| 755 | + ub, | |
| 756 | + ub + mcs, | |
| 757 | + file.type | |
| 758 | + ); | |
| 759 | + // Store the current chunk size, as the blob itself | |
| 760 | + // will be dereferenced after data processing: | |
| 761 | + o.chunkSize = o.blob.size; | |
| 762 | + // Expose the chunk bytes position range: | |
| 763 | + o.contentRange = 'bytes ' + ub + '-' + | |
| 764 | + (ub + o.chunkSize - 1) + '/' + fs; | |
| 765 | + // Process the upload data (the blob and potential form data): | |
| 766 | + that._initXHRData(o); | |
| 767 | + // Add progress listeners for this chunk upload: | |
| 768 | + that._initProgressListener(o); | |
| 769 | + jqXHR = ((that._trigger('chunksend', null, o) !== false && $.ajax(o)) || | |
| 770 | + that._getXHRPromise(false, o.context)) | |
| 771 | + .done(function (result, textStatus, jqXHR) { | |
| 772 | + ub = that._getUploadedBytes(jqXHR) || | |
| 773 | + (ub + o.chunkSize); | |
| 774 | + // Create a progress event if no final progress event | |
| 775 | + // with loaded equaling total has been triggered | |
| 776 | + // for this chunk: | |
| 777 | + if (currentLoaded + o.chunkSize - o._progress.loaded) { | |
| 778 | + that._onProgress($.Event('progress', { | |
| 779 | + lengthComputable: true, | |
| 780 | + loaded: ub - o.uploadedBytes, | |
| 781 | + total: ub - o.uploadedBytes | |
| 782 | + }), o); | |
| 783 | + } | |
| 784 | + options.uploadedBytes = o.uploadedBytes = ub; | |
| 785 | + o.result = result; | |
| 786 | + o.textStatus = textStatus; | |
| 787 | + o.jqXHR = jqXHR; | |
| 788 | + that._trigger('chunkdone', null, o); | |
| 789 | + that._trigger('chunkalways', null, o); | |
| 790 | + if (ub < fs) { | |
| 791 | + // File upload not yet complete, | |
| 792 | + // continue with the next chunk: | |
| 793 | + upload(); | |
| 794 | + } else { | |
| 795 | + dfd.resolveWith( | |
| 796 | + o.context, | |
| 797 | + [result, textStatus, jqXHR] | |
| 798 | + ); | |
| 799 | + } | |
| 800 | + }) | |
| 801 | + .fail(function (jqXHR, textStatus, errorThrown) { | |
| 802 | + o.jqXHR = jqXHR; | |
| 803 | + o.textStatus = textStatus; | |
| 804 | + o.errorThrown = errorThrown; | |
| 805 | + that._trigger('chunkfail', null, o); | |
| 806 | + that._trigger('chunkalways', null, o); | |
| 807 | + dfd.rejectWith( | |
| 808 | + o.context, | |
| 809 | + [jqXHR, textStatus, errorThrown] | |
| 810 | + ); | |
| 811 | + }); | |
| 812 | + }; | |
| 813 | + this._enhancePromise(promise); | |
| 814 | + promise.abort = function () { | |
| 815 | + return jqXHR.abort(); | |
| 816 | + }; | |
| 817 | + upload(); | |
| 818 | + return promise; | |
| 819 | + }, | |
| 820 | + | |
| 821 | + _beforeSend: function (e, data) { | |
| 822 | + if (this._active === 0) { | |
| 823 | + // the start callback is triggered when an upload starts | |
| 824 | + // and no other uploads are currently running, | |
| 825 | + // equivalent to the global ajaxStart event: | |
| 826 | + this._trigger('start'); | |
| 827 | + // Set timer for global bitrate progress calculation: | |
| 828 | + this._bitrateTimer = new this._BitrateTimer(); | |
| 829 | + // Reset the global progress values: | |
| 830 | + this._progress.loaded = this._progress.total = 0; | |
| 831 | + this._progress.bitrate = 0; | |
| 832 | + } | |
| 833 | + // Make sure the container objects for the .response() and | |
| 834 | + // .progress() methods on the data object are available | |
| 835 | + // and reset to their initial state: | |
| 836 | + this._initResponseObject(data); | |
| 837 | + this._initProgressObject(data); | |
| 838 | + data._progress.loaded = data.loaded = data.uploadedBytes || 0; | |
| 839 | + data._progress.total = data.total = this._getTotal(data.files) || 1; | |
| 840 | + data._progress.bitrate = data.bitrate = 0; | |
| 841 | + this._active += 1; | |
| 842 | + // Initialize the global progress values: | |
| 843 | + this._progress.loaded += data.loaded; | |
| 844 | + this._progress.total += data.total; | |
| 845 | + }, | |
| 846 | + | |
| 847 | + _onDone: function (result, textStatus, jqXHR, options) { | |
| 848 | + var total = options._progress.total, | |
| 849 | + response = options._response; | |
| 850 | + if (options._progress.loaded < total) { | |
| 851 | + // Create a progress event if no final progress event | |
| 852 | + // with loaded equaling total has been triggered: | |
| 853 | + this._onProgress($.Event('progress', { | |
| 854 | + lengthComputable: true, | |
| 855 | + loaded: total, | |
| 856 | + total: total | |
| 857 | + }), options); | |
| 858 | + } | |
| 859 | + response.result = options.result = result; | |
| 860 | + response.textStatus = options.textStatus = textStatus; | |
| 861 | + response.jqXHR = options.jqXHR = jqXHR; | |
| 862 | + this._trigger('done', null, options); | |
| 863 | + }, | |
| 864 | + | |
| 865 | + _onFail: function (jqXHR, textStatus, errorThrown, options) { | |
| 866 | + var response = options._response; | |
| 867 | + if (options.recalculateProgress) { | |
| 868 | + // Remove the failed (error or abort) file upload from | |
| 869 | + // the global progress calculation: | |
| 870 | + this._progress.loaded -= options._progress.loaded; | |
| 871 | + this._progress.total -= options._progress.total; | |
| 872 | + } | |
| 873 | + response.jqXHR = options.jqXHR = jqXHR; | |
| 874 | + response.textStatus = options.textStatus = textStatus; | |
| 875 | + response.errorThrown = options.errorThrown = errorThrown; | |
| 876 | + this._trigger('fail', null, options); | |
| 877 | + }, | |
| 878 | + | |
| 879 | + _onAlways: function (jqXHRorResult, textStatus, jqXHRorError, options) { | |
| 880 | + // jqXHRorResult, textStatus and jqXHRorError are added to the | |
| 881 | + // options object via done and fail callbacks | |
| 882 | + this._trigger('always', null, options); | |
| 883 | + }, | |
| 884 | + | |
| 885 | + _onSend: function (e, data) { | |
| 886 | + if (!data.submit) { | |
| 887 | + this._addConvenienceMethods(e, data); | |
| 888 | + } | |
| 889 | + var that = this, | |
| 890 | + jqXHR, | |
| 891 | + aborted, | |
| 892 | + slot, | |
| 893 | + pipe, | |
| 894 | + options = that._getAJAXSettings(data), | |
| 895 | + send = function () { | |
| 896 | + that._sending += 1; | |
| 897 | + // Set timer for bitrate progress calculation: | |
| 898 | + options._bitrateTimer = new that._BitrateTimer(); | |
| 899 | + jqXHR = jqXHR || ( | |
| 900 | + ((aborted || that._trigger( | |
| 901 | + 'send', | |
| 902 | + $.Event('send', {delegatedEvent: e}), | |
| 903 | + options | |
| 904 | + ) === false) && | |
| 905 | + that._getXHRPromise(false, options.context, aborted)) || | |
| 906 | + that._chunkedUpload(options) || $.ajax(options) | |
| 907 | + ).done(function (result, textStatus, jqXHR) { | |
| 908 | + that._onDone(result, textStatus, jqXHR, options); | |
| 909 | + }).fail(function (jqXHR, textStatus, errorThrown) { | |
| 910 | + that._onFail(jqXHR, textStatus, errorThrown, options); | |
| 911 | + }).always(function (jqXHRorResult, textStatus, jqXHRorError) { | |
| 912 | + that._onAlways( | |
| 913 | + jqXHRorResult, | |
| 914 | + textStatus, | |
| 915 | + jqXHRorError, | |
| 916 | + options | |
| 917 | + ); | |
| 918 | + that._sending -= 1; | |
| 919 | + that._active -= 1; | |
| 920 | + if (options.limitConcurrentUploads && | |
| 921 | + options.limitConcurrentUploads > that._sending) { | |
| 922 | + // Start the next queued upload, | |
| 923 | + // that has not been aborted: | |
| 924 | + var nextSlot = that._slots.shift(); | |
| 925 | + while (nextSlot) { | |
| 926 | + if (that._getDeferredState(nextSlot) === 'pending') { | |
| 927 | + nextSlot.resolve(); | |
| 928 | + break; | |
| 929 | + } | |
| 930 | + nextSlot = that._slots.shift(); | |
| 931 | + } | |
| 932 | + } | |
| 933 | + if (that._active === 0) { | |
| 934 | + // The stop callback is triggered when all uploads have | |
| 935 | + // been completed, equivalent to the global ajaxStop event: | |
| 936 | + that._trigger('stop'); | |
| 937 | + } | |
| 938 | + }); | |
| 939 | + return jqXHR; | |
| 940 | + }; | |
| 941 | + this._beforeSend(e, options); | |
| 942 | + if (this.options.sequentialUploads || | |
| 943 | + (this.options.limitConcurrentUploads && | |
| 944 | + this.options.limitConcurrentUploads <= this._sending)) { | |
| 945 | + if (this.options.limitConcurrentUploads > 1) { | |
| 946 | + slot = $.Deferred(); | |
| 947 | + this._slots.push(slot); | |
| 948 | + pipe = slot.pipe(send); | |
| 949 | + } else { | |
| 950 | + this._sequence = this._sequence.pipe(send, send); | |
| 951 | + pipe = this._sequence; | |
| 952 | + } | |
| 953 | + // Return the piped Promise object, enhanced with an abort method, | |
| 954 | + // which is delegated to the jqXHR object of the current upload, | |
| 955 | + // and jqXHR callbacks mapped to the equivalent Promise methods: | |
| 956 | + pipe.abort = function () { | |
| 957 | + aborted = [undefined, 'abort', 'abort']; | |
| 958 | + if (!jqXHR) { | |
| 959 | + if (slot) { | |
| 960 | + slot.rejectWith(options.context, aborted); | |
| 961 | + } | |
| 962 | + return send(); | |
| 963 | + } | |
| 964 | + return jqXHR.abort(); | |
| 965 | + }; | |
| 966 | + return this._enhancePromise(pipe); | |
| 967 | + } | |
| 968 | + return send(); | |
| 969 | + }, | |
| 970 | + | |
| 971 | + _onAdd: function (e, data) { | |
| 972 | + var that = this, | |
| 973 | + result = true, | |
| 974 | + options = $.extend({}, this.options, data), | |
| 975 | + files = data.files, | |
| 976 | + filesLength = files.length, | |
| 977 | + limit = options.limitMultiFileUploads, | |
| 978 | + limitSize = options.limitMultiFileUploadSize, | |
| 979 | + overhead = options.limitMultiFileUploadSizeOverhead, | |
| 980 | + batchSize = 0, | |
| 981 | + paramName = this._getParamName(options), | |
| 982 | + paramNameSet, | |
| 983 | + paramNameSlice, | |
| 984 | + fileSet, | |
| 985 | + i, | |
| 986 | + j = 0; | |
| 987 | + if (!filesLength) { | |
| 988 | + return false; | |
| 989 | + } | |
| 990 | + if (limitSize && files[0].size === undefined) { | |
| 991 | + limitSize = undefined; | |
| 992 | + } | |
| 993 | + if (!(options.singleFileUploads || limit || limitSize) || | |
| 994 | + !this._isXHRUpload(options)) { | |
| 995 | + fileSet = [files]; | |
| 996 | + paramNameSet = [paramName]; | |
| 997 | + } else if (!(options.singleFileUploads || limitSize) && limit) { | |
| 998 | + fileSet = []; | |
| 999 | + paramNameSet = []; | |
| 1000 | + for (i = 0; i < filesLength; i += limit) { | |
| 1001 | + fileSet.push(files.slice(i, i + limit)); | |
| 1002 | + paramNameSlice = paramName.slice(i, i + limit); | |
| 1003 | + if (!paramNameSlice.length) { | |
| 1004 | + paramNameSlice = paramName; | |
| 1005 | + } | |
| 1006 | + paramNameSet.push(paramNameSlice); | |
| 1007 | + } | |
| 1008 | + } else if (!options.singleFileUploads && limitSize) { | |
| 1009 | + fileSet = []; | |
| 1010 | + paramNameSet = []; | |
| 1011 | + for (i = 0; i < filesLength; i = i + 1) { | |
| 1012 | + batchSize += files[i].size + overhead; | |
| 1013 | + if (i + 1 === filesLength || | |
| 1014 | + ((batchSize + files[i + 1].size + overhead) > limitSize) || | |
| 1015 | + (limit && i + 1 - j >= limit)) { | |
| 1016 | + fileSet.push(files.slice(j, i + 1)); | |
| 1017 | + paramNameSlice = paramName.slice(j, i + 1); | |
| 1018 | + if (!paramNameSlice.length) { | |
| 1019 | + paramNameSlice = paramName; | |
| 1020 | + } | |
| 1021 | + paramNameSet.push(paramNameSlice); | |
| 1022 | + j = i + 1; | |
| 1023 | + batchSize = 0; | |
| 1024 | + } | |
| 1025 | + } | |
| 1026 | + } else { | |
| 1027 | + paramNameSet = paramName; | |
| 1028 | + } | |
| 1029 | + data.originalFiles = files; | |
| 1030 | + $.each(fileSet || files, function (index, element) { | |
| 1031 | + var newData = $.extend({}, data); | |
| 1032 | + newData.files = fileSet ? element : [element]; | |
| 1033 | + newData.paramName = paramNameSet[index]; | |
| 1034 | + that._initResponseObject(newData); | |
| 1035 | + that._initProgressObject(newData); | |
| 1036 | + that._addConvenienceMethods(e, newData); | |
| 1037 | + result = that._trigger( | |
| 1038 | + 'add', | |
| 1039 | + $.Event('add', {delegatedEvent: e}), | |
| 1040 | + newData | |
| 1041 | + ); | |
| 1042 | + return result; | |
| 1043 | + }); | |
| 1044 | + return result; | |
| 1045 | + }, | |
| 1046 | + | |
| 1047 | + _replaceFileInput: function (data) { | |
| 1048 | + var input = data.fileInput, | |
| 1049 | + inputClone = input.clone(true), | |
| 1050 | + restoreFocus = input.is(document.activeElement); | |
| 1051 | + // Add a reference for the new cloned file input to the data argument: | |
| 1052 | + data.fileInputClone = inputClone; | |
| 1053 | + $('<form></form>').append(inputClone)[0].reset(); | |
| 1054 | + // Detaching allows to insert the fileInput on another form | |
| 1055 | + // without loosing the file input value: | |
| 1056 | + input.after(inputClone).detach(); | |
| 1057 | + // If the fileInput had focus before it was detached, | |
| 1058 | + // restore focus to the inputClone. | |
| 1059 | + if (restoreFocus) { | |
| 1060 | + inputClone.focus(); | |
| 1061 | + } | |
| 1062 | + // Avoid memory leaks with the detached file input: | |
| 1063 | + $.cleanData(input.unbind('remove')); | |
| 1064 | + // Replace the original file input element in the fileInput | |
| 1065 | + // elements set with the clone, which has been copied including | |
| 1066 | + // event handlers: | |
| 1067 | + this.options.fileInput = this.options.fileInput.map(function (i, el) { | |
| 1068 | + if (el === input[0]) { | |
| 1069 | + return inputClone[0]; | |
| 1070 | + } | |
| 1071 | + return el; | |
| 1072 | + }); | |
| 1073 | + // If the widget has been initialized on the file input itself, | |
| 1074 | + // override this.element with the file input clone: | |
| 1075 | + if (input[0] === this.element[0]) { | |
| 1076 | + this.element = inputClone; | |
| 1077 | + } | |
| 1078 | + }, | |
| 1079 | + | |
| 1080 | + _handleFileTreeEntry: function (entry, path) { | |
| 1081 | + var that = this, | |
| 1082 | + dfd = $.Deferred(), | |
| 1083 | + errorHandler = function (e) { | |
| 1084 | + if (e && !e.entry) { | |
| 1085 | + e.entry = entry; | |
| 1086 | + } | |
| 1087 | + // Since $.when returns immediately if one | |
| 1088 | + // Deferred is rejected, we use resolve instead. | |
| 1089 | + // This allows valid files and invalid items | |
| 1090 | + // to be returned together in one set: | |
| 1091 | + dfd.resolve([e]); | |
| 1092 | + }, | |
| 1093 | + successHandler = function (entries) { | |
| 1094 | + that._handleFileTreeEntries( | |
| 1095 | + entries, | |
| 1096 | + path + entry.name + '/' | |
| 1097 | + ).done(function (files) { | |
| 1098 | + dfd.resolve(files); | |
| 1099 | + }).fail(errorHandler); | |
| 1100 | + }, | |
| 1101 | + readEntries = function () { | |
| 1102 | + dirReader.readEntries(function (results) { | |
| 1103 | + if (!results.length) { | |
| 1104 | + successHandler(entries); | |
| 1105 | + } else { | |
| 1106 | + entries = entries.concat(results); | |
| 1107 | + readEntries(); | |
| 1108 | + } | |
| 1109 | + }, errorHandler); | |
| 1110 | + }, | |
| 1111 | + dirReader, entries = []; | |
| 1112 | + path = path || ''; | |
| 1113 | + if (entry.isFile) { | |
| 1114 | + if (entry._file) { | |
| 1115 | + // Workaround for Chrome bug #149735 | |
| 1116 | + entry._file.relativePath = path; | |
| 1117 | + dfd.resolve(entry._file); | |
| 1118 | + } else { | |
| 1119 | + entry.file(function (file) { | |
| 1120 | + file.relativePath = path; | |
| 1121 | + dfd.resolve(file); | |
| 1122 | + }, errorHandler); | |
| 1123 | + } | |
| 1124 | + } else if (entry.isDirectory) { | |
| 1125 | + dirReader = entry.createReader(); | |
| 1126 | + readEntries(); | |
| 1127 | + } else { | |
| 1128 | + // Return an empy list for file system items | |
| 1129 | + // other than files or directories: | |
| 1130 | + dfd.resolve([]); | |
| 1131 | + } | |
| 1132 | + return dfd.promise(); | |
| 1133 | + }, | |
| 1134 | + | |
| 1135 | + _handleFileTreeEntries: function (entries, path) { | |
| 1136 | + var that = this; | |
| 1137 | + return $.when.apply( | |
| 1138 | + $, | |
| 1139 | + $.map(entries, function (entry) { | |
| 1140 | + return that._handleFileTreeEntry(entry, path); | |
| 1141 | + }) | |
| 1142 | + ).pipe(function () { | |
| 1143 | + return Array.prototype.concat.apply( | |
| 1144 | + [], | |
| 1145 | + arguments | |
| 1146 | + ); | |
| 1147 | + }); | |
| 1148 | + }, | |
| 1149 | + | |
| 1150 | + _getDroppedFiles: function (dataTransfer) { | |
| 1151 | + dataTransfer = dataTransfer || {}; | |
| 1152 | + var items = dataTransfer.items; | |
| 1153 | + if (items && items.length && (items[0].webkitGetAsEntry || | |
| 1154 | + items[0].getAsEntry)) { | |
| 1155 | + return this._handleFileTreeEntries( | |
| 1156 | + $.map(items, function (item) { | |
| 1157 | + var entry; | |
| 1158 | + if (item.webkitGetAsEntry) { | |
| 1159 | + entry = item.webkitGetAsEntry(); | |
| 1160 | + if (entry) { | |
| 1161 | + // Workaround for Chrome bug #149735: | |
| 1162 | + entry._file = item.getAsFile(); | |
| 1163 | + } | |
| 1164 | + return entry; | |
| 1165 | + } | |
| 1166 | + return item.getAsEntry(); | |
| 1167 | + }) | |
| 1168 | + ); | |
| 1169 | + } | |
| 1170 | + return $.Deferred().resolve( | |
| 1171 | + $.makeArray(dataTransfer.files) | |
| 1172 | + ).promise(); | |
| 1173 | + }, | |
| 1174 | + | |
| 1175 | + _getSingleFileInputFiles: function (fileInput) { | |
| 1176 | + fileInput = $(fileInput); | |
| 1177 | + var entries = fileInput.prop('webkitEntries') || | |
| 1178 | + fileInput.prop('entries'), | |
| 1179 | + files, | |
| 1180 | + value; | |
| 1181 | + if (entries && entries.length) { | |
| 1182 | + return this._handleFileTreeEntries(entries); | |
| 1183 | + } | |
| 1184 | + files = $.makeArray(fileInput.prop('files')); | |
| 1185 | + if (!files.length) { | |
| 1186 | + value = fileInput.prop('value'); | |
| 1187 | + if (!value) { | |
| 1188 | + return $.Deferred().resolve([]).promise(); | |
| 1189 | + } | |
| 1190 | + // If the files property is not available, the browser does not | |
| 1191 | + // support the File API and we add a pseudo File object with | |
| 1192 | + // the input value as name with path information removed: | |
| 1193 | + files = [{name: value.replace(/^.*\\/, '')}]; | |
| 1194 | + } else if (files[0].name === undefined && files[0].fileName) { | |
| 1195 | + // File normalization for Safari 4 and Firefox 3: | |
| 1196 | + $.each(files, function (index, file) { | |
| 1197 | + file.name = file.fileName; | |
| 1198 | + file.size = file.fileSize; | |
| 1199 | + }); | |
| 1200 | + } | |
| 1201 | + return $.Deferred().resolve(files).promise(); | |
| 1202 | + }, | |
| 1203 | + | |
| 1204 | + _getFileInputFiles: function (fileInput) { | |
| 1205 | + if (!(fileInput instanceof $) || fileInput.length === 1) { | |
| 1206 | + return this._getSingleFileInputFiles(fileInput); | |
| 1207 | + } | |
| 1208 | + return $.when.apply( | |
| 1209 | + $, | |
| 1210 | + $.map(fileInput, this._getSingleFileInputFiles) | |
| 1211 | + ).pipe(function () { | |
| 1212 | + return Array.prototype.concat.apply( | |
| 1213 | + [], | |
| 1214 | + arguments | |
| 1215 | + ); | |
| 1216 | + }); | |
| 1217 | + }, | |
| 1218 | + | |
| 1219 | + _onChange: function (e) { | |
| 1220 | + var that = this, | |
| 1221 | + data = { | |
| 1222 | + fileInput: $(e.target), | |
| 1223 | + form: $(e.target.form) | |
| 1224 | + }; | |
| 1225 | + this._getFileInputFiles(data.fileInput).always(function (files) { | |
| 1226 | + data.files = files; | |
| 1227 | + if (that.options.replaceFileInput) { | |
| 1228 | + that._replaceFileInput(data); | |
| 1229 | + } | |
| 1230 | + if (that._trigger( | |
| 1231 | + 'change', | |
| 1232 | + $.Event('change', {delegatedEvent: e}), | |
| 1233 | + data | |
| 1234 | + ) !== false) { | |
| 1235 | + that._onAdd(e, data); | |
| 1236 | + } | |
| 1237 | + }); | |
| 1238 | + }, | |
| 1239 | + | |
| 1240 | + _onPaste: function (e) { | |
| 1241 | + var items = e.originalEvent && e.originalEvent.clipboardData && | |
| 1242 | + e.originalEvent.clipboardData.items, | |
| 1243 | + data = {files: []}; | |
| 1244 | + if (items && items.length) { | |
| 1245 | + $.each(items, function (index, item) { | |
| 1246 | + var file = item.getAsFile && item.getAsFile(); | |
| 1247 | + if (file) { | |
| 1248 | + data.files.push(file); | |
| 1249 | + } | |
| 1250 | + }); | |
| 1251 | + if (this._trigger( | |
| 1252 | + 'paste', | |
| 1253 | + $.Event('paste', {delegatedEvent: e}), | |
| 1254 | + data | |
| 1255 | + ) !== false) { | |
| 1256 | + this._onAdd(e, data); | |
| 1257 | + } | |
| 1258 | + } | |
| 1259 | + }, | |
| 1260 | + | |
| 1261 | + _onDrop: function (e) { | |
| 1262 | + e.dataTransfer = e.originalEvent && e.originalEvent.dataTransfer; | |
| 1263 | + var that = this, | |
| 1264 | + dataTransfer = e.dataTransfer, | |
| 1265 | + data = {}; | |
| 1266 | + if (dataTransfer && dataTransfer.files && dataTransfer.files.length) { | |
| 1267 | + e.preventDefault(); | |
| 1268 | + this._getDroppedFiles(dataTransfer).always(function (files) { | |
| 1269 | + data.files = files; | |
| 1270 | + if (that._trigger( | |
| 1271 | + 'drop', | |
| 1272 | + $.Event('drop', {delegatedEvent: e}), | |
| 1273 | + data | |
| 1274 | + ) !== false) { | |
| 1275 | + that._onAdd(e, data); | |
| 1276 | + } | |
| 1277 | + }); | |
| 1278 | + } | |
| 1279 | + }, | |
| 1280 | + | |
| 1281 | + _onDragOver: getDragHandler('dragover'), | |
| 1282 | + | |
| 1283 | + _onDragEnter: getDragHandler('dragenter'), | |
| 1284 | + | |
| 1285 | + _onDragLeave: getDragHandler('dragleave'), | |
| 1286 | + | |
| 1287 | + _initEventHandlers: function () { | |
| 1288 | + if (this._isXHRUpload(this.options)) { | |
| 1289 | + this._on(this.options.dropZone, { | |
| 1290 | + dragover: this._onDragOver, | |
| 1291 | + drop: this._onDrop, | |
| 1292 | + // event.preventDefault() on dragenter is required for IE10+: | |
| 1293 | + dragenter: this._onDragEnter, | |
| 1294 | + // dragleave is not required, but added for completeness: | |
| 1295 | + dragleave: this._onDragLeave | |
| 1296 | + }); | |
| 1297 | + this._on(this.options.pasteZone, { | |
| 1298 | + paste: this._onPaste | |
| 1299 | + }); | |
| 1300 | + } | |
| 1301 | + if ($.support.fileInput) { | |
| 1302 | + this._on(this.options.fileInput, { | |
| 1303 | + change: this._onChange | |
| 1304 | + }); | |
| 1305 | + } | |
| 1306 | + }, | |
| 1307 | + | |
| 1308 | + _destroyEventHandlers: function () { | |
| 1309 | + this._off(this.options.dropZone, 'dragenter dragleave dragover drop'); | |
| 1310 | + this._off(this.options.pasteZone, 'paste'); | |
| 1311 | + this._off(this.options.fileInput, 'change'); | |
| 1312 | + }, | |
| 1313 | + | |
| 1314 | + _setOption: function (key, value) { | |
| 1315 | + var reinit = $.inArray(key, this._specialOptions) !== -1; | |
| 1316 | + if (reinit) { | |
| 1317 | + this._destroyEventHandlers(); | |
| 1318 | + } | |
| 1319 | + this._super(key, value); | |
| 1320 | + if (reinit) { | |
| 1321 | + this._initSpecialOptions(); | |
| 1322 | + this._initEventHandlers(); | |
| 1323 | + } | |
| 1324 | + }, | |
| 1325 | + | |
| 1326 | + _initSpecialOptions: function () { | |
| 1327 | + var options = this.options; | |
| 1328 | + if (options.fileInput === undefined) { | |
| 1329 | + options.fileInput = this.element.is('input[type="file"]') ? | |
| 1330 | + this.element : this.element.find('input[type="file"]'); | |
| 1331 | + } else if (!(options.fileInput instanceof $)) { | |
| 1332 | + options.fileInput = $(options.fileInput); | |
| 1333 | + } | |
| 1334 | + if (!(options.dropZone instanceof $)) { | |
| 1335 | + options.dropZone = $(options.dropZone); | |
| 1336 | + } | |
| 1337 | + if (!(options.pasteZone instanceof $)) { | |
| 1338 | + options.pasteZone = $(options.pasteZone); | |
| 1339 | + } | |
| 1340 | + }, | |
| 1341 | + | |
| 1342 | + _getRegExp: function (str) { | |
| 1343 | + var parts = str.split('/'), | |
| 1344 | + modifiers = parts.pop(); | |
| 1345 | + parts.shift(); | |
| 1346 | + return new RegExp(parts.join('/'), modifiers); | |
| 1347 | + }, | |
| 1348 | + | |
| 1349 | + _isRegExpOption: function (key, value) { | |
| 1350 | + return key !== 'url' && $.type(value) === 'string' && | |
| 1351 | + /^\/.*\/[igm]{0,3}$/.test(value); | |
| 1352 | + }, | |
| 1353 | + | |
| 1354 | + _initDataAttributes: function () { | |
| 1355 | + var that = this, | |
| 1356 | + options = this.options, | |
| 1357 | + data = this.element.data(); | |
| 1358 | + // Initialize options set via HTML5 data-attributes: | |
| 1359 | + $.each( | |
| 1360 | + this.element[0].attributes, | |
| 1361 | + function (index, attr) { | |
| 1362 | + var key = attr.name.toLowerCase(), | |
| 1363 | + value; | |
| 1364 | + if (/^data-/.test(key)) { | |
| 1365 | + // Convert hyphen-ated key to camelCase: | |
| 1366 | + key = key.slice(5).replace(/-[a-z]/g, function (str) { | |
| 1367 | + return str.charAt(1).toUpperCase(); | |
| 1368 | + }); | |
| 1369 | + value = data[key]; | |
| 1370 | + if (that._isRegExpOption(key, value)) { | |
| 1371 | + value = that._getRegExp(value); | |
| 1372 | + } | |
| 1373 | + options[key] = value; | |
| 1374 | + } | |
| 1375 | + } | |
| 1376 | + ); | |
| 1377 | + }, | |
| 1378 | + | |
| 1379 | + _create: function () { | |
| 1380 | + this._initDataAttributes(); | |
| 1381 | + this._initSpecialOptions(); | |
| 1382 | + this._slots = []; | |
| 1383 | + this._sequence = this._getXHRPromise(true); | |
| 1384 | + this._sending = this._active = 0; | |
| 1385 | + this._initProgressObject(this); | |
| 1386 | + this._initEventHandlers(); | |
| 1387 | + }, | |
| 1388 | + | |
| 1389 | + // This method is exposed to the widget API and allows to query | |
| 1390 | + // the number of active uploads: | |
| 1391 | + active: function () { | |
| 1392 | + return this._active; | |
| 1393 | + }, | |
| 1394 | + | |
| 1395 | + // This method is exposed to the widget API and allows to query | |
| 1396 | + // the widget upload progress. | |
| 1397 | + // It returns an object with loaded, total and bitrate properties | |
| 1398 | + // for the running uploads: | |
| 1399 | + progress: function () { | |
| 1400 | + return this._progress; | |
| 1401 | + }, | |
| 1402 | + | |
| 1403 | + // This method is exposed to the widget API and allows adding files | |
| 1404 | + // using the fileupload API. The data parameter accepts an object which | |
| 1405 | + // must have a files property and can contain additional options: | |
| 1406 | + // .fileupload('add', {files: filesList}); | |
| 1407 | + add: function (data) { | |
| 1408 | + var that = this; | |
| 1409 | + if (!data || this.options.disabled) { | |
| 1410 | + return; | |
| 1411 | + } | |
| 1412 | + if (data.fileInput && !data.files) { | |
| 1413 | + this._getFileInputFiles(data.fileInput).always(function (files) { | |
| 1414 | + data.files = files; | |
| 1415 | + that._onAdd(null, data); | |
| 1416 | + }); | |
| 1417 | + } else { | |
| 1418 | + data.files = $.makeArray(data.files); | |
| 1419 | + this._onAdd(null, data); | |
| 1420 | + } | |
| 1421 | + }, | |
| 1422 | + | |
| 1423 | + // This method is exposed to the widget API and allows sending files | |
| 1424 | + // using the fileupload API. The data parameter accepts an object which | |
| 1425 | + // must have a files or fileInput property and can contain additional options: | |
| 1426 | + // .fileupload('send', {files: filesList}); | |
| 1427 | + // The method returns a Promise object for the file upload call. | |
| 1428 | + send: function (data) { | |
| 1429 | + if (data && !this.options.disabled) { | |
| 1430 | + if (data.fileInput && !data.files) { | |
| 1431 | + var that = this, | |
| 1432 | + dfd = $.Deferred(), | |
| 1433 | + promise = dfd.promise(), | |
| 1434 | + jqXHR, | |
| 1435 | + aborted; | |
| 1436 | + promise.abort = function () { | |
| 1437 | + aborted = true; | |
| 1438 | + if (jqXHR) { | |
| 1439 | + return jqXHR.abort(); | |
| 1440 | + } | |
| 1441 | + dfd.reject(null, 'abort', 'abort'); | |
| 1442 | + return promise; | |
| 1443 | + }; | |
| 1444 | + this._getFileInputFiles(data.fileInput).always( | |
| 1445 | + function (files) { | |
| 1446 | + if (aborted) { | |
| 1447 | + return; | |
| 1448 | + } | |
| 1449 | + if (!files.length) { | |
| 1450 | + dfd.reject(); | |
| 1451 | + return; | |
| 1452 | + } | |
| 1453 | + data.files = files; | |
| 1454 | + jqXHR = that._onSend(null, data); | |
| 1455 | + jqXHR.then( | |
| 1456 | + function (result, textStatus, jqXHR) { | |
| 1457 | + dfd.resolve(result, textStatus, jqXHR); | |
| 1458 | + }, | |
| 1459 | + function (jqXHR, textStatus, errorThrown) { | |
| 1460 | + dfd.reject(jqXHR, textStatus, errorThrown); | |
| 1461 | + } | |
| 1462 | + ); | |
| 1463 | + } | |
| 1464 | + ); | |
| 1465 | + return this._enhancePromise(promise); | |
| 1466 | + } | |
| 1467 | + data.files = $.makeArray(data.files); | |
| 1468 | + if (data.files.length) { | |
| 1469 | + return this._onSend(null, data); | |
| 1470 | + } | |
| 1471 | + } | |
| 1472 | + return this._getXHRPromise(false, data && data.context); | |
| 1473 | + } | |
| 1474 | + | |
| 1475 | + }); | |
| 1476 | + | |
| 1477 | +})); | ... | ... |
common/modules/file/assets/js/jquery.iframe-transport.js
0 → 100644
| 1 | +/* | |
| 2 | + * jQuery Iframe Transport Plugin | |
| 3 | + * https://github.com/blueimp/jQuery-File-Upload | |
| 4 | + * | |
| 5 | + * Copyright 2011, Sebastian Tschan | |
| 6 | + * https://blueimp.net | |
| 7 | + * | |
| 8 | + * Licensed under the MIT license: | |
| 9 | + * http://www.opensource.org/licenses/MIT | |
| 10 | + */ | |
| 11 | + | |
| 12 | +/* global define, require, window, document */ | |
| 13 | + | |
| 14 | +(function (factory) { | |
| 15 | + 'use strict'; | |
| 16 | + if (typeof define === 'function' && define.amd) { | |
| 17 | + // Register as an anonymous AMD module: | |
| 18 | + define(['jquery'], factory); | |
| 19 | + } else if (typeof exports === 'object') { | |
| 20 | + // Node/CommonJS: | |
| 21 | + factory(require('jquery')); | |
| 22 | + } else { | |
| 23 | + // Browser globals: | |
| 24 | + factory(window.jQuery); | |
| 25 | + } | |
| 26 | +}(function ($) { | |
| 27 | + 'use strict'; | |
| 28 | + | |
| 29 | + // Helper variable to create unique names for the transport iframes: | |
| 30 | + var counter = 0; | |
| 31 | + | |
| 32 | + // The iframe transport accepts four additional options: | |
| 33 | + // options.fileInput: a jQuery collection of file input fields | |
| 34 | + // options.paramName: the parameter name for the file form data, | |
| 35 | + // overrides the name property of the file input field(s), | |
| 36 | + // can be a string or an array of strings. | |
| 37 | + // options.formData: an array of objects with name and value properties, | |
| 38 | + // equivalent to the return data of .serializeArray(), e.g.: | |
| 39 | + // [{name: 'a', value: 1}, {name: 'b', value: 2}] | |
| 40 | + // options.initialIframeSrc: the URL of the initial iframe src, | |
| 41 | + // by default set to "javascript:false;" | |
| 42 | + $.ajaxTransport('iframe', function (options) { | |
| 43 | + if (options.async) { | |
| 44 | + // javascript:false as initial iframe src | |
| 45 | + // prevents warning popups on HTTPS in IE6: | |
| 46 | + /*jshint scripturl: true */ | |
| 47 | + var initialIframeSrc = options.initialIframeSrc || 'javascript:false;', | |
| 48 | + /*jshint scripturl: false */ | |
| 49 | + form, | |
| 50 | + iframe, | |
| 51 | + addParamChar; | |
| 52 | + return { | |
| 53 | + send: function (_, completeCallback) { | |
| 54 | + form = $('<form style="display:none;"></form>'); | |
| 55 | + form.attr('accept-charset', options.formAcceptCharset); | |
| 56 | + addParamChar = /\?/.test(options.url) ? '&' : '?'; | |
| 57 | + // XDomainRequest only supports GET and POST: | |
| 58 | + if (options.type === 'DELETE') { | |
| 59 | + options.url = options.url + addParamChar + '_method=DELETE'; | |
| 60 | + options.type = 'POST'; | |
| 61 | + } else if (options.type === 'PUT') { | |
| 62 | + options.url = options.url + addParamChar + '_method=PUT'; | |
| 63 | + options.type = 'POST'; | |
| 64 | + } else if (options.type === 'PATCH') { | |
| 65 | + options.url = options.url + addParamChar + '_method=PATCH'; | |
| 66 | + options.type = 'POST'; | |
| 67 | + } | |
| 68 | + // IE versions below IE8 cannot set the name property of | |
| 69 | + // elements that have already been added to the DOM, | |
| 70 | + // so we set the name along with the iframe HTML markup: | |
| 71 | + counter += 1; | |
| 72 | + iframe = $( | |
| 73 | + '<iframe src="' + initialIframeSrc + | |
| 74 | + '" name="iframe-transport-' + counter + '"></iframe>' | |
| 75 | + ).bind('load', function () { | |
| 76 | + var fileInputClones, | |
| 77 | + paramNames = $.isArray(options.paramName) ? | |
| 78 | + options.paramName : [options.paramName]; | |
| 79 | + iframe | |
| 80 | + .unbind('load') | |
| 81 | + .bind('load', function () { | |
| 82 | + var response; | |
| 83 | + // Wrap in a try/catch block to catch exceptions thrown | |
| 84 | + // when trying to access cross-domain iframe contents: | |
| 85 | + try { | |
| 86 | + response = iframe.contents(); | |
| 87 | + // Google Chrome and Firefox do not throw an | |
| 88 | + // exception when calling iframe.contents() on | |
| 89 | + // cross-domain requests, so we unify the response: | |
| 90 | + if (!response.length || !response[0].firstChild) { | |
| 91 | + throw new Error(); | |
| 92 | + } | |
| 93 | + } catch (e) { | |
| 94 | + response = undefined; | |
| 95 | + } | |
| 96 | + // The complete callback returns the | |
| 97 | + // iframe content document as response object: | |
| 98 | + completeCallback( | |
| 99 | + 200, | |
| 100 | + 'success', | |
| 101 | + {'iframe': response} | |
| 102 | + ); | |
| 103 | + // Fix for IE endless progress bar activity bug | |
| 104 | + // (happens on form submits to iframe targets): | |
| 105 | + $('<iframe src="' + initialIframeSrc + '"></iframe>') | |
| 106 | + .appendTo(form); | |
| 107 | + window.setTimeout(function () { | |
| 108 | + // Removing the form in a setTimeout call | |
| 109 | + // allows Chrome's developer tools to display | |
| 110 | + // the response result | |
| 111 | + form.remove(); | |
| 112 | + }, 0); | |
| 113 | + }); | |
| 114 | + form | |
| 115 | + .prop('target', iframe.prop('name')) | |
| 116 | + .prop('action', options.url) | |
| 117 | + .prop('method', options.type); | |
| 118 | + if (options.formData) { | |
| 119 | + $.each(options.formData, function (index, field) { | |
| 120 | + $('<input type="hidden"/>') | |
| 121 | + .prop('name', field.name) | |
| 122 | + .val(field.value) | |
| 123 | + .appendTo(form); | |
| 124 | + }); | |
| 125 | + } | |
| 126 | + if (options.fileInput && options.fileInput.length && | |
| 127 | + options.type === 'POST') { | |
| 128 | + fileInputClones = options.fileInput.clone(); | |
| 129 | + // Insert a clone for each file input field: | |
| 130 | + options.fileInput.after(function (index) { | |
| 131 | + return fileInputClones[index]; | |
| 132 | + }); | |
| 133 | + if (options.paramName) { | |
| 134 | + options.fileInput.each(function (index) { | |
| 135 | + $(this).prop( | |
| 136 | + 'name', | |
| 137 | + paramNames[index] || options.paramName | |
| 138 | + ); | |
| 139 | + }); | |
| 140 | + } | |
| 141 | + // Appending the file input fields to the hidden form | |
| 142 | + // removes them from their original location: | |
| 143 | + form | |
| 144 | + .append(options.fileInput) | |
| 145 | + .prop('enctype', 'multipart/form-data') | |
| 146 | + // enctype must be set as encoding for IE: | |
| 147 | + .prop('encoding', 'multipart/form-data'); | |
| 148 | + // Remove the HTML5 form attribute from the input(s): | |
| 149 | + options.fileInput.removeAttr('form'); | |
| 150 | + } | |
| 151 | + form.submit(); | |
| 152 | + // Insert the file input fields at their original location | |
| 153 | + // by replacing the clones with the originals: | |
| 154 | + if (fileInputClones && fileInputClones.length) { | |
| 155 | + options.fileInput.each(function (index, input) { | |
| 156 | + var clone = $(fileInputClones[index]); | |
| 157 | + // Restore the original name and form properties: | |
| 158 | + $(input) | |
| 159 | + .prop('name', clone.prop('name')) | |
| 160 | + .attr('form', clone.attr('form')); | |
| 161 | + clone.replaceWith(input); | |
| 162 | + }); | |
| 163 | + } | |
| 164 | + }); | |
| 165 | + form.append(iframe).appendTo(document.body); | |
| 166 | + }, | |
| 167 | + abort: function () { | |
| 168 | + if (iframe) { | |
| 169 | + // javascript:false as iframe src aborts the request | |
| 170 | + // and prevents warning popups on HTTPS in IE6. | |
| 171 | + // concat is used to avoid the "Script URL" JSLint error: | |
| 172 | + iframe | |
| 173 | + .unbind('load') | |
| 174 | + .prop('src', initialIframeSrc); | |
| 175 | + } | |
| 176 | + if (form) { | |
| 177 | + form.remove(); | |
| 178 | + } | |
| 179 | + } | |
| 180 | + }; | |
| 181 | + } | |
| 182 | + }); | |
| 183 | + | |
| 184 | + // The iframe transport returns the iframe content document as response. | |
| 185 | + // The following adds converters from iframe to text, json, html, xml | |
| 186 | + // and script. | |
| 187 | + // Please note that the Content-Type for JSON responses has to be text/plain | |
| 188 | + // or text/html, if the browser doesn't include application/json in the | |
| 189 | + // Accept header, else IE will show a download dialog. | |
| 190 | + // The Content-Type for XML responses on the other hand has to be always | |
| 191 | + // application/xml or text/xml, so IE properly parses the XML response. | |
| 192 | + // See also | |
| 193 | + // https://github.com/blueimp/jQuery-File-Upload/wiki/Setup#content-type-negotiation | |
| 194 | + $.ajaxSetup({ | |
| 195 | + converters: { | |
| 196 | + 'iframe text': function (iframe) { | |
| 197 | + return iframe && $(iframe[0].body).text(); | |
| 198 | + }, | |
| 199 | + 'iframe json': function (iframe) { | |
| 200 | + return iframe && $.parseJSON($(iframe[0].body).text()); | |
| 201 | + }, | |
| 202 | + 'iframe html': function (iframe) { | |
| 203 | + return iframe && $(iframe[0].body).html(); | |
| 204 | + }, | |
| 205 | + 'iframe xml': function (iframe) { | |
| 206 | + var xmlDoc = iframe && iframe[0]; | |
| 207 | + return xmlDoc && $.isXMLDoc(xmlDoc) ? xmlDoc : | |
| 208 | + $.parseXML((xmlDoc.XMLDocument && xmlDoc.XMLDocument.xml) || | |
| 209 | + $(xmlDoc.body).html()); | |
| 210 | + }, | |
| 211 | + 'iframe script': function (iframe) { | |
| 212 | + return iframe && $.globalEval($(iframe[0].body).text()); | |
| 213 | + } | |
| 214 | + } | |
| 215 | + }); | |
| 216 | + | |
| 217 | +})); | ... | ... |
common/modules/file/assets/js/vendor/jquery.ui.widget.js
0 → 100644
| 1 | +/*! jQuery UI - v1.11.4+CommonJS - 2015-08-28 | |
| 2 | +* http://jqueryui.com | |
| 3 | +* Includes: widget.js | |
| 4 | +* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ | |
| 5 | + | |
| 6 | +(function( factory ) { | |
| 7 | + if ( typeof define === "function" && define.amd ) { | |
| 8 | + | |
| 9 | + // AMD. Register as an anonymous module. | |
| 10 | + define([ "jquery" ], factory ); | |
| 11 | + | |
| 12 | + } else if ( typeof exports === "object" ) { | |
| 13 | + | |
| 14 | + // Node/CommonJS | |
| 15 | + factory( require( "jquery" ) ); | |
| 16 | + | |
| 17 | + } else { | |
| 18 | + | |
| 19 | + // Browser globals | |
| 20 | + factory( jQuery ); | |
| 21 | + } | |
| 22 | +}(function( $ ) { | |
| 23 | +/*! | |
| 24 | + * jQuery UI Widget 1.11.4 | |
| 25 | + * http://jqueryui.com | |
| 26 | + * | |
| 27 | + * Copyright jQuery Foundation and other contributors | |
| 28 | + * Released under the MIT license. | |
| 29 | + * http://jquery.org/license | |
| 30 | + * | |
| 31 | + * http://api.jqueryui.com/jQuery.widget/ | |
| 32 | + */ | |
| 33 | + | |
| 34 | + | |
| 35 | +var widget_uuid = 0, | |
| 36 | + widget_slice = Array.prototype.slice; | |
| 37 | + | |
| 38 | +$.cleanData = (function( orig ) { | |
| 39 | + return function( elems ) { | |
| 40 | + var events, elem, i; | |
| 41 | + for ( i = 0; (elem = elems[i]) != null; i++ ) { | |
| 42 | + try { | |
| 43 | + | |
| 44 | + // Only trigger remove when necessary to save time | |
| 45 | + events = $._data( elem, "events" ); | |
| 46 | + if ( events && events.remove ) { | |
| 47 | + $( elem ).triggerHandler( "remove" ); | |
| 48 | + } | |
| 49 | + | |
| 50 | + // http://bugs.jquery.com/ticket/8235 | |
| 51 | + } catch ( e ) {} | |
| 52 | + } | |
| 53 | + orig( elems ); | |
| 54 | + }; | |
| 55 | +})( $.cleanData ); | |
| 56 | + | |
| 57 | +$.widget = function( name, base, prototype ) { | |
| 58 | + var fullName, existingConstructor, constructor, basePrototype, | |
| 59 | + // proxiedPrototype allows the provided prototype to remain unmodified | |
| 60 | + // so that it can be used as a mixin for multiple widgets (#8876) | |
| 61 | + proxiedPrototype = {}, | |
| 62 | + namespace = name.split( "." )[ 0 ]; | |
| 63 | + | |
| 64 | + name = name.split( "." )[ 1 ]; | |
| 65 | + fullName = namespace + "-" + name; | |
| 66 | + | |
| 67 | + if ( !prototype ) { | |
| 68 | + prototype = base; | |
| 69 | + base = $.Widget; | |
| 70 | + } | |
| 71 | + | |
| 72 | + // create selector for plugin | |
| 73 | + $.expr[ ":" ][ fullName.toLowerCase() ] = function( elem ) { | |
| 74 | + return !!$.data( elem, fullName ); | |
| 75 | + }; | |
| 76 | + | |
| 77 | + $[ namespace ] = $[ namespace ] || {}; | |
| 78 | + existingConstructor = $[ namespace ][ name ]; | |
| 79 | + constructor = $[ namespace ][ name ] = function( options, element ) { | |
| 80 | + // allow instantiation without "new" keyword | |
| 81 | + if ( !this._createWidget ) { | |
| 82 | + return new constructor( options, element ); | |
| 83 | + } | |
| 84 | + | |
| 85 | + // allow instantiation without initializing for simple inheritance | |
| 86 | + // must use "new" keyword (the code above always passes args) | |
| 87 | + if ( arguments.length ) { | |
| 88 | + this._createWidget( options, element ); | |
| 89 | + } | |
| 90 | + }; | |
| 91 | + // extend with the existing constructor to carry over any static properties | |
| 92 | + $.extend( constructor, existingConstructor, { | |
| 93 | + version: prototype.version, | |
| 94 | + // copy the object used to create the prototype in case we need to | |
| 95 | + // redefine the widget later | |
| 96 | + _proto: $.extend( {}, prototype ), | |
| 97 | + // track widgets that inherit from this widget in case this widget is | |
| 98 | + // redefined after a widget inherits from it | |
| 99 | + _childConstructors: [] | |
| 100 | + }); | |
| 101 | + | |
| 102 | + basePrototype = new base(); | |
| 103 | + // we need to make the options hash a property directly on the new instance | |
| 104 | + // otherwise we'll modify the options hash on the prototype that we're | |
| 105 | + // inheriting from | |
| 106 | + basePrototype.options = $.widget.extend( {}, basePrototype.options ); | |
| 107 | + $.each( prototype, function( prop, value ) { | |
| 108 | + if ( !$.isFunction( value ) ) { | |
| 109 | + proxiedPrototype[ prop ] = value; | |
| 110 | + return; | |
| 111 | + } | |
| 112 | + proxiedPrototype[ prop ] = (function() { | |
| 113 | + var _super = function() { | |
| 114 | + return base.prototype[ prop ].apply( this, arguments ); | |
| 115 | + }, | |
| 116 | + _superApply = function( args ) { | |
| 117 | + return base.prototype[ prop ].apply( this, args ); | |
| 118 | + }; | |
| 119 | + return function() { | |
| 120 | + var __super = this._super, | |
| 121 | + __superApply = this._superApply, | |
| 122 | + returnValue; | |
| 123 | + | |
| 124 | + this._super = _super; | |
| 125 | + this._superApply = _superApply; | |
| 126 | + | |
| 127 | + returnValue = value.apply( this, arguments ); | |
| 128 | + | |
| 129 | + this._super = __super; | |
| 130 | + this._superApply = __superApply; | |
| 131 | + | |
| 132 | + return returnValue; | |
| 133 | + }; | |
| 134 | + })(); | |
| 135 | + }); | |
| 136 | + constructor.prototype = $.widget.extend( basePrototype, { | |
| 137 | + // TODO: remove support for widgetEventPrefix | |
| 138 | + // always use the name + a colon as the prefix, e.g., draggable:start | |
| 139 | + // don't prefix for widgets that aren't DOM-based | |
| 140 | + widgetEventPrefix: existingConstructor ? (basePrototype.widgetEventPrefix || name) : name | |
| 141 | + }, proxiedPrototype, { | |
| 142 | + constructor: constructor, | |
| 143 | + namespace: namespace, | |
| 144 | + widgetName: name, | |
| 145 | + widgetFullName: fullName | |
| 146 | + }); | |
| 147 | + | |
| 148 | + // If this widget is being redefined then we need to find all widgets that | |
| 149 | + // are inheriting from it and redefine all of them so that they inherit from | |
| 150 | + // the new version of this widget. We're essentially trying to replace one | |
| 151 | + // level in the prototype chain. | |
| 152 | + if ( existingConstructor ) { | |
| 153 | + $.each( existingConstructor._childConstructors, function( i, child ) { | |
| 154 | + var childPrototype = child.prototype; | |
| 155 | + | |
| 156 | + // redefine the child widget using the same prototype that was | |
| 157 | + // originally used, but inherit from the new version of the base | |
| 158 | + $.widget( childPrototype.namespace + "." + childPrototype.widgetName, constructor, child._proto ); | |
| 159 | + }); | |
| 160 | + // remove the list of existing child constructors from the old constructor | |
| 161 | + // so the old child constructors can be garbage collected | |
| 162 | + delete existingConstructor._childConstructors; | |
| 163 | + } else { | |
| 164 | + base._childConstructors.push( constructor ); | |
| 165 | + } | |
| 166 | + | |
| 167 | + $.widget.bridge( name, constructor ); | |
| 168 | + | |
| 169 | + return constructor; | |
| 170 | +}; | |
| 171 | + | |
| 172 | +$.widget.extend = function( target ) { | |
| 173 | + var input = widget_slice.call( arguments, 1 ), | |
| 174 | + inputIndex = 0, | |
| 175 | + inputLength = input.length, | |
| 176 | + key, | |
| 177 | + value; | |
| 178 | + for ( ; inputIndex < inputLength; inputIndex++ ) { | |
| 179 | + for ( key in input[ inputIndex ] ) { | |
| 180 | + value = input[ inputIndex ][ key ]; | |
| 181 | + if ( input[ inputIndex ].hasOwnProperty( key ) && value !== undefined ) { | |
| 182 | + // Clone objects | |
| 183 | + if ( $.isPlainObject( value ) ) { | |
| 184 | + target[ key ] = $.isPlainObject( target[ key ] ) ? | |
| 185 | + $.widget.extend( {}, target[ key ], value ) : | |
| 186 | + // Don't extend strings, arrays, etc. with objects | |
| 187 | + $.widget.extend( {}, value ); | |
| 188 | + // Copy everything else by reference | |
| 189 | + } else { | |
| 190 | + target[ key ] = value; | |
| 191 | + } | |
| 192 | + } | |
| 193 | + } | |
| 194 | + } | |
| 195 | + return target; | |
| 196 | +}; | |
| 197 | + | |
| 198 | +$.widget.bridge = function( name, object ) { | |
| 199 | + var fullName = object.prototype.widgetFullName || name; | |
| 200 | + $.fn[ name ] = function( options ) { | |
| 201 | + var isMethodCall = typeof options === "string", | |
| 202 | + args = widget_slice.call( arguments, 1 ), | |
| 203 | + returnValue = this; | |
| 204 | + | |
| 205 | + if ( isMethodCall ) { | |
| 206 | + this.each(function() { | |
| 207 | + var methodValue, | |
| 208 | + instance = $.data( this, fullName ); | |
| 209 | + if ( options === "instance" ) { | |
| 210 | + returnValue = instance; | |
| 211 | + return false; | |
| 212 | + } | |
| 213 | + if ( !instance ) { | |
| 214 | + return $.error( "cannot call methods on " + name + " prior to initialization; " + | |
| 215 | + "attempted to call method '" + options + "'" ); | |
| 216 | + } | |
| 217 | + if ( !$.isFunction( instance[options] ) || options.charAt( 0 ) === "_" ) { | |
| 218 | + return $.error( "no such method '" + options + "' for " + name + " widget instance" ); | |
| 219 | + } | |
| 220 | + methodValue = instance[ options ].apply( instance, args ); | |
| 221 | + if ( methodValue !== instance && methodValue !== undefined ) { | |
| 222 | + returnValue = methodValue && methodValue.jquery ? | |
| 223 | + returnValue.pushStack( methodValue.get() ) : | |
| 224 | + methodValue; | |
| 225 | + return false; | |
| 226 | + } | |
| 227 | + }); | |
| 228 | + } else { | |
| 229 | + | |
| 230 | + // Allow multiple hashes to be passed on init | |
| 231 | + if ( args.length ) { | |
| 232 | + options = $.widget.extend.apply( null, [ options ].concat(args) ); | |
| 233 | + } | |
| 234 | + | |
| 235 | + this.each(function() { | |
| 236 | + var instance = $.data( this, fullName ); | |
| 237 | + if ( instance ) { | |
| 238 | + instance.option( options || {} ); | |
| 239 | + if ( instance._init ) { | |
| 240 | + instance._init(); | |
| 241 | + } | |
| 242 | + } else { | |
| 243 | + $.data( this, fullName, new object( options, this ) ); | |
| 244 | + } | |
| 245 | + }); | |
| 246 | + } | |
| 247 | + | |
| 248 | + return returnValue; | |
| 249 | + }; | |
| 250 | +}; | |
| 251 | + | |
| 252 | +$.Widget = function( /* options, element */ ) {}; | |
| 253 | +$.Widget._childConstructors = []; | |
| 254 | + | |
| 255 | +$.Widget.prototype = { | |
| 256 | + widgetName: "widget", | |
| 257 | + widgetEventPrefix: "", | |
| 258 | + defaultElement: "<div>", | |
| 259 | + options: { | |
| 260 | + disabled: false, | |
| 261 | + | |
| 262 | + // callbacks | |
| 263 | + create: null | |
| 264 | + }, | |
| 265 | + _createWidget: function( options, element ) { | |
| 266 | + element = $( element || this.defaultElement || this )[ 0 ]; | |
| 267 | + this.element = $( element ); | |
| 268 | + this.uuid = widget_uuid++; | |
| 269 | + this.eventNamespace = "." + this.widgetName + this.uuid; | |
| 270 | + | |
| 271 | + this.bindings = $(); | |
| 272 | + this.hoverable = $(); | |
| 273 | + this.focusable = $(); | |
| 274 | + | |
| 275 | + if ( element !== this ) { | |
| 276 | + $.data( element, this.widgetFullName, this ); | |
| 277 | + this._on( true, this.element, { | |
| 278 | + remove: function( event ) { | |
| 279 | + if ( event.target === element ) { | |
| 280 | + this.destroy(); | |
| 281 | + } | |
| 282 | + } | |
| 283 | + }); | |
| 284 | + this.document = $( element.style ? | |
| 285 | + // element within the document | |
| 286 | + element.ownerDocument : | |
| 287 | + // element is window or document | |
| 288 | + element.document || element ); | |
| 289 | + this.window = $( this.document[0].defaultView || this.document[0].parentWindow ); | |
| 290 | + } | |
| 291 | + | |
| 292 | + this.options = $.widget.extend( {}, | |
| 293 | + this.options, | |
| 294 | + this._getCreateOptions(), | |
| 295 | + options ); | |
| 296 | + | |
| 297 | + this._create(); | |
| 298 | + this._trigger( "create", null, this._getCreateEventData() ); | |
| 299 | + this._init(); | |
| 300 | + }, | |
| 301 | + _getCreateOptions: $.noop, | |
| 302 | + _getCreateEventData: $.noop, | |
| 303 | + _create: $.noop, | |
| 304 | + _init: $.noop, | |
| 305 | + | |
| 306 | + destroy: function() { | |
| 307 | + this._destroy(); | |
| 308 | + // we can probably remove the unbind calls in 2.0 | |
| 309 | + // all event bindings should go through this._on() | |
| 310 | + this.element | |
| 311 | + .unbind( this.eventNamespace ) | |
| 312 | + .removeData( this.widgetFullName ) | |
| 313 | + // support: jquery <1.6.3 | |
| 314 | + // http://bugs.jquery.com/ticket/9413 | |
| 315 | + .removeData( $.camelCase( this.widgetFullName ) ); | |
| 316 | + this.widget() | |
| 317 | + .unbind( this.eventNamespace ) | |
| 318 | + .removeAttr( "aria-disabled" ) | |
| 319 | + .removeClass( | |
| 320 | + this.widgetFullName + "-disabled " + | |
| 321 | + "ui-state-disabled" ); | |
| 322 | + | |
| 323 | + // clean up events and states | |
| 324 | + this.bindings.unbind( this.eventNamespace ); | |
| 325 | + this.hoverable.removeClass( "ui-state-hover" ); | |
| 326 | + this.focusable.removeClass( "ui-state-focus" ); | |
| 327 | + }, | |
| 328 | + _destroy: $.noop, | |
| 329 | + | |
| 330 | + widget: function() { | |
| 331 | + return this.element; | |
| 332 | + }, | |
| 333 | + | |
| 334 | + option: function( key, value ) { | |
| 335 | + var options = key, | |
| 336 | + parts, | |
| 337 | + curOption, | |
| 338 | + i; | |
| 339 | + | |
| 340 | + if ( arguments.length === 0 ) { | |
| 341 | + // don't return a reference to the internal hash | |
| 342 | + return $.widget.extend( {}, this.options ); | |
| 343 | + } | |
| 344 | + | |
| 345 | + if ( typeof key === "string" ) { | |
| 346 | + // handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } } | |
| 347 | + options = {}; | |
| 348 | + parts = key.split( "." ); | |
| 349 | + key = parts.shift(); | |
| 350 | + if ( parts.length ) { | |
| 351 | + curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] ); | |
| 352 | + for ( i = 0; i < parts.length - 1; i++ ) { | |
| 353 | + curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {}; | |
| 354 | + curOption = curOption[ parts[ i ] ]; | |
| 355 | + } | |
| 356 | + key = parts.pop(); | |
| 357 | + if ( arguments.length === 1 ) { | |
| 358 | + return curOption[ key ] === undefined ? null : curOption[ key ]; | |
| 359 | + } | |
| 360 | + curOption[ key ] = value; | |
| 361 | + } else { | |
| 362 | + if ( arguments.length === 1 ) { | |
| 363 | + return this.options[ key ] === undefined ? null : this.options[ key ]; | |
| 364 | + } | |
| 365 | + options[ key ] = value; | |
| 366 | + } | |
| 367 | + } | |
| 368 | + | |
| 369 | + this._setOptions( options ); | |
| 370 | + | |
| 371 | + return this; | |
| 372 | + }, | |
| 373 | + _setOptions: function( options ) { | |
| 374 | + var key; | |
| 375 | + | |
| 376 | + for ( key in options ) { | |
| 377 | + this._setOption( key, options[ key ] ); | |
| 378 | + } | |
| 379 | + | |
| 380 | + return this; | |
| 381 | + }, | |
| 382 | + _setOption: function( key, value ) { | |
| 383 | + this.options[ key ] = value; | |
| 384 | + | |
| 385 | + if ( key === "disabled" ) { | |
| 386 | + this.widget() | |
| 387 | + .toggleClass( this.widgetFullName + "-disabled", !!value ); | |
| 388 | + | |
| 389 | + // If the widget is becoming disabled, then nothing is interactive | |
| 390 | + if ( value ) { | |
| 391 | + this.hoverable.removeClass( "ui-state-hover" ); | |
| 392 | + this.focusable.removeClass( "ui-state-focus" ); | |
| 393 | + } | |
| 394 | + } | |
| 395 | + | |
| 396 | + return this; | |
| 397 | + }, | |
| 398 | + | |
| 399 | + enable: function() { | |
| 400 | + return this._setOptions({ disabled: false }); | |
| 401 | + }, | |
| 402 | + disable: function() { | |
| 403 | + return this._setOptions({ disabled: true }); | |
| 404 | + }, | |
| 405 | + | |
| 406 | + _on: function( suppressDisabledCheck, element, handlers ) { | |
| 407 | + var delegateElement, | |
| 408 | + instance = this; | |
| 409 | + | |
| 410 | + // no suppressDisabledCheck flag, shuffle arguments | |
| 411 | + if ( typeof suppressDisabledCheck !== "boolean" ) { | |
| 412 | + handlers = element; | |
| 413 | + element = suppressDisabledCheck; | |
| 414 | + suppressDisabledCheck = false; | |
| 415 | + } | |
| 416 | + | |
| 417 | + // no element argument, shuffle and use this.element | |
| 418 | + if ( !handlers ) { | |
| 419 | + handlers = element; | |
| 420 | + element = this.element; | |
| 421 | + delegateElement = this.widget(); | |
| 422 | + } else { | |
| 423 | + element = delegateElement = $( element ); | |
| 424 | + this.bindings = this.bindings.add( element ); | |
| 425 | + } | |
| 426 | + | |
| 427 | + $.each( handlers, function( event, handler ) { | |
| 428 | + function handlerProxy() { | |
| 429 | + // allow widgets to customize the disabled handling | |
| 430 | + // - disabled as an array instead of boolean | |
| 431 | + // - disabled class as method for disabling individual parts | |
| 432 | + if ( !suppressDisabledCheck && | |
| 433 | + ( instance.options.disabled === true || | |
| 434 | + $( this ).hasClass( "ui-state-disabled" ) ) ) { | |
| 435 | + return; | |
| 436 | + } | |
| 437 | + return ( typeof handler === "string" ? instance[ handler ] : handler ) | |
| 438 | + .apply( instance, arguments ); | |
| 439 | + } | |
| 440 | + | |
| 441 | + // copy the guid so direct unbinding works | |
| 442 | + if ( typeof handler !== "string" ) { | |
| 443 | + handlerProxy.guid = handler.guid = | |
| 444 | + handler.guid || handlerProxy.guid || $.guid++; | |
| 445 | + } | |
| 446 | + | |
| 447 | + var match = event.match( /^([\w:-]*)\s*(.*)$/ ), | |
| 448 | + eventName = match[1] + instance.eventNamespace, | |
| 449 | + selector = match[2]; | |
| 450 | + if ( selector ) { | |
| 451 | + delegateElement.delegate( selector, eventName, handlerProxy ); | |
| 452 | + } else { | |
| 453 | + element.bind( eventName, handlerProxy ); | |
| 454 | + } | |
| 455 | + }); | |
| 456 | + }, | |
| 457 | + | |
| 458 | + _off: function( element, eventName ) { | |
| 459 | + eventName = (eventName || "").split( " " ).join( this.eventNamespace + " " ) + | |
| 460 | + this.eventNamespace; | |
| 461 | + element.unbind( eventName ).undelegate( eventName ); | |
| 462 | + | |
| 463 | + // Clear the stack to avoid memory leaks (#10056) | |
| 464 | + this.bindings = $( this.bindings.not( element ).get() ); | |
| 465 | + this.focusable = $( this.focusable.not( element ).get() ); | |
| 466 | + this.hoverable = $( this.hoverable.not( element ).get() ); | |
| 467 | + }, | |
| 468 | + | |
| 469 | + _delay: function( handler, delay ) { | |
| 470 | + function handlerProxy() { | |
| 471 | + return ( typeof handler === "string" ? instance[ handler ] : handler ) | |
| 472 | + .apply( instance, arguments ); | |
| 473 | + } | |
| 474 | + var instance = this; | |
| 475 | + return setTimeout( handlerProxy, delay || 0 ); | |
| 476 | + }, | |
| 477 | + | |
| 478 | + _hoverable: function( element ) { | |
| 479 | + this.hoverable = this.hoverable.add( element ); | |
| 480 | + this._on( element, { | |
| 481 | + mouseenter: function( event ) { | |
| 482 | + $( event.currentTarget ).addClass( "ui-state-hover" ); | |
| 483 | + }, | |
| 484 | + mouseleave: function( event ) { | |
| 485 | + $( event.currentTarget ).removeClass( "ui-state-hover" ); | |
| 486 | + } | |
| 487 | + }); | |
| 488 | + }, | |
| 489 | + | |
| 490 | + _focusable: function( element ) { | |
| 491 | + this.focusable = this.focusable.add( element ); | |
| 492 | + this._on( element, { | |
| 493 | + focusin: function( event ) { | |
| 494 | + $( event.currentTarget ).addClass( "ui-state-focus" ); | |
| 495 | + }, | |
| 496 | + focusout: function( event ) { | |
| 497 | + $( event.currentTarget ).removeClass( "ui-state-focus" ); | |
| 498 | + } | |
| 499 | + }); | |
| 500 | + }, | |
| 501 | + | |
| 502 | + _trigger: function( type, event, data ) { | |
| 503 | + var prop, orig, | |
| 504 | + callback = this.options[ type ]; | |
| 505 | + | |
| 506 | + data = data || {}; | |
| 507 | + event = $.Event( event ); | |
| 508 | + event.type = ( type === this.widgetEventPrefix ? | |
| 509 | + type : | |
| 510 | + this.widgetEventPrefix + type ).toLowerCase(); | |
| 511 | + // the original event may come from any element | |
| 512 | + // so we need to reset the target on the new event | |
| 513 | + event.target = this.element[ 0 ]; | |
| 514 | + | |
| 515 | + // copy original event properties over to the new event | |
| 516 | + orig = event.originalEvent; | |
| 517 | + if ( orig ) { | |
| 518 | + for ( prop in orig ) { | |
| 519 | + if ( !( prop in event ) ) { | |
| 520 | + event[ prop ] = orig[ prop ]; | |
| 521 | + } | |
| 522 | + } | |
| 523 | + } | |
| 524 | + | |
| 525 | + this.element.trigger( event, data ); | |
| 526 | + return !( $.isFunction( callback ) && | |
| 527 | + callback.apply( this.element[0], [ event ].concat( data ) ) === false || | |
| 528 | + event.isDefaultPrevented() ); | |
| 529 | + } | |
| 530 | +}; | |
| 531 | + | |
| 532 | +$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) { | |
| 533 | + $.Widget.prototype[ "_" + method ] = function( element, options, callback ) { | |
| 534 | + if ( typeof options === "string" ) { | |
| 535 | + options = { effect: options }; | |
| 536 | + } | |
| 537 | + var hasOptions, | |
| 538 | + effectName = !options ? | |
| 539 | + method : | |
| 540 | + options === true || typeof options === "number" ? | |
| 541 | + defaultEffect : | |
| 542 | + options.effect || defaultEffect; | |
| 543 | + options = options || {}; | |
| 544 | + if ( typeof options === "number" ) { | |
| 545 | + options = { duration: options }; | |
| 546 | + } | |
| 547 | + hasOptions = !$.isEmptyObject( options ); | |
| 548 | + options.complete = callback; | |
| 549 | + if ( options.delay ) { | |
| 550 | + element.delay( options.delay ); | |
| 551 | + } | |
| 552 | + if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) { | |
| 553 | + element[ method ]( options ); | |
| 554 | + } else if ( effectName !== method && element[ effectName ] ) { | |
| 555 | + element[ effectName ]( options.duration, options.easing, callback ); | |
| 556 | + } else { | |
| 557 | + element.queue(function( next ) { | |
| 558 | + $( this )[ method ](); | |
| 559 | + if ( callback ) { | |
| 560 | + callback.call( element[ 0 ] ); | |
| 561 | + } | |
| 562 | + next(); | |
| 563 | + }); | |
| 564 | + } | |
| 565 | + }; | |
| 566 | +}); | |
| 567 | + | |
| 568 | +var widget = $.widget; | |
| 569 | + | |
| 570 | + | |
| 571 | + | |
| 572 | +})); | ... | ... |
| 1 | +<?php | |
| 2 | + | |
| 3 | +namespace common\behaviors; | |
| 4 | + | |
| 5 | +use yii; | |
| 6 | +use yii\base\Behavior; | |
| 7 | + | |
| 8 | +class ShowImage extends Behavior | |
| 9 | +{ | |
| 10 | + function minImg($dir, $width, $height=null){ | |
| 11 | + if(empty($dir)){ | |
| 12 | + return $dir; | |
| 13 | + } | |
| 14 | + | |
| 15 | + if($width=='original'){ | |
| 16 | + $preg = '/\/(.[^\/]*)$/'; | |
| 17 | + preg_match('/\.(.[^.]*)$/', $dir, $type); | |
| 18 | + $row = preg_replace( $preg, '/original.'.$type[1], $dir); | |
| 19 | + } else { | |
| 20 | + $preg = '/\/(.[^\/]*)$/'; | |
| 21 | + preg_match('/\.(.[^.]*)$/', $dir, $type); | |
| 22 | + $row = preg_replace( $preg, '/'.$width.'x'.$height.'.'.$type[1], $dir); | |
| 23 | + } | |
| 24 | + | |
| 25 | + return $row; | |
| 26 | + | |
| 27 | + | |
| 28 | + } | |
| 29 | + | |
| 30 | + function ShowGallery($array){ | |
| 31 | + | |
| 32 | + $gallery = explode(',', $array ); | |
| 33 | + if(is_array($gallery)){ | |
| 34 | + array_splice($gallery,-1); | |
| 35 | + return $gallery; | |
| 36 | + } else { | |
| 37 | + return []; | |
| 38 | + } | |
| 39 | + | |
| 40 | + } | |
| 41 | + | |
| 42 | + | |
| 43 | +} | |
| 0 | 44 | \ No newline at end of file | ... | ... |
common/modules/file/controllers/UploaderController.php
| ... | ... | @@ -9,7 +9,7 @@ namespace common\modules\file\controllers; |
| 9 | 9 | use Yii; |
| 10 | 10 | use yii\helpers\ArrayHelper; |
| 11 | 11 | use yii\web\UploadedFile; |
| 12 | -use common\models\ImageSizerForm; | |
| 12 | +use common\modules\file\models\ImageSizerForm; | |
| 13 | 13 | use yii\web\Controller; |
| 14 | 14 | use Imagine\Gd\Imagine; |
| 15 | 15 | use Imagine\Image\Box; |
| ... | ... | @@ -51,7 +51,7 @@ class UploaderController extends Controller { |
| 51 | 51 | $e1_height = $height/$width; |
| 52 | 52 | |
| 53 | 53 | |
| 54 | -// if($this->isBigger($width,$height,$w,$h)){ | |
| 54 | + | |
| 55 | 55 | if($e_width<$e1_width){ |
| 56 | 56 | |
| 57 | 57 | $new_width = $width*($e_width/$e1_width); |
| ... | ... | @@ -69,10 +69,6 @@ class UploaderController extends Controller { |
| 69 | 69 | } |
| 70 | 70 | |
| 71 | 71 | |
| 72 | -// } else { | |
| 73 | -// $img->save($imageAliasSave, array('flatten' => false)); | |
| 74 | -// return true; | |
| 75 | -// } | |
| 76 | 72 | |
| 77 | 73 | |
| 78 | 74 | Image::crop($imageAlias, $width, $height,[$x,$y]) |
| ... | ... | @@ -123,9 +119,6 @@ class UploaderController extends Controller { |
| 123 | 119 | $model = new $object; |
| 124 | 120 | $model = $model->findOne($request['id']); |
| 125 | 121 | $model->$request['field'] = $request['new_url']; |
| 126 | -// print_r($model->validate()); | |
| 127 | -// print_r($model->getErrors()); | |
| 128 | -// die(var_dump($model->save())); | |
| 129 | 122 | $model->save(); |
| 130 | 123 | } |
| 131 | 124 | } | ... | ... |
| 1 | +<?php | |
| 2 | +namespace common\modules\file\models; | |
| 3 | + | |
| 4 | +use yii\base\Model; | |
| 5 | +use yii\web\UploadedFile; | |
| 6 | + | |
| 7 | +/** | |
| 8 | + * UploadForm is the model behind the upload form. | |
| 9 | + */ | |
| 10 | +class ImageSizerForm extends Model | |
| 11 | +{ | |
| 12 | + /** | |
| 13 | + * @var UploadedFile file attribute | |
| 14 | + */ | |
| 15 | + public $file; | |
| 16 | + public $width; | |
| 17 | + public $height; | |
| 18 | + public $field; | |
| 19 | + public $model; | |
| 20 | + public $form; | |
| 21 | + public $multi; | |
| 22 | + public $old_img; | |
| 23 | + public $img; | |
| 24 | + public $price_list; | |
| 25 | + | |
| 26 | + /** | |
| 27 | + * @return array the validation rules. | |
| 28 | + */ | |
| 29 | + public function rules() | |
| 30 | + { | |
| 31 | + return [ | |
| 32 | + [['width', 'height', 'multi'], 'integer'], | |
| 33 | + [['field', 'multi','old_img'], 'string', 'max' => 255], | |
| 34 | + [['model', 'form',], 'string'], | |
| 35 | + [['file','img','price_list'], 'file'], | |
| 36 | + ]; | |
| 37 | + } | |
| 38 | +} | |
| 0 | 39 | \ No newline at end of file | ... | ... |
| 1 | +<?php | |
| 2 | +/** | |
| 3 | + * Created by PhpStorm. | |
| 4 | + * User: vitaliy | |
| 5 | + * Date: 05.10.15 | |
| 6 | + * Time: 16:18 | |
| 7 | + */ | |
| 8 | + | |
| 9 | +namespace common\modules\file\widgets; | |
| 10 | +use yii\base\Widget; | |
| 11 | + | |
| 12 | + | |
| 13 | +class ImageUploader extends Widget | |
| 14 | +{ | |
| 15 | + public $height = 0; | |
| 16 | + public $width = 0; | |
| 17 | + public $field; | |
| 18 | + public $file; | |
| 19 | + public $model; | |
| 20 | + public $multi = false; | |
| 21 | + public $gallery; | |
| 22 | + public $size; | |
| 23 | + public $name = 'Add file...'; | |
| 24 | + public $remover = false; | |
| 25 | + | |
| 26 | + public function init(){ | |
| 27 | + | |
| 28 | + parent::init(); | |
| 29 | + | |
| 30 | + } | |
| 31 | + | |
| 32 | + | |
| 33 | + public function run() | |
| 34 | + { | |
| 35 | + | |
| 36 | + return $this->render('image_sizer', | |
| 37 | + [ | |
| 38 | + 'model'=>$this->model, | |
| 39 | + 'size' => $this->size, | |
| 40 | + 'field' => $this->field, | |
| 41 | + 'height' => $this->height, | |
| 42 | + 'width' => $this->width, | |
| 43 | + 'multi' => $this->multi, | |
| 44 | + 'name' => $this->name, | |
| 45 | + 'remover' => $this->remover | |
| 46 | + ]); | |
| 47 | + | |
| 48 | + } | |
| 49 | + | |
| 50 | + public function getGallery(){ | |
| 51 | + if($this->gallery){ | |
| 52 | + $array = explode(",", $this->gallery); | |
| 53 | + if(count($array) > 1){ | |
| 54 | + array_pop($array); | |
| 55 | + } | |
| 56 | + return $array; | |
| 57 | + } else { | |
| 58 | + return array(); | |
| 59 | + } | |
| 60 | + | |
| 61 | + } | |
| 62 | + | |
| 63 | +} | |
| 0 | 64 | \ No newline at end of file | ... | ... |
common/modules/file/widgets/views/_gallery_item.php
0 → 100755
| 1 | +<?php | |
| 2 | +/** | |
| 3 | + * Created by PhpStorm. | |
| 4 | + * User: vitaliy | |
| 5 | + * Date: 05.10.15 | |
| 6 | + * Time: 16:20 | |
| 7 | + */ | |
| 8 | +use yii\helpers\Html; | |
| 9 | + | |
| 10 | +$id = $model->tableSchema->primaryKey; | |
| 11 | + | |
| 12 | +?> | |
| 13 | +<div class="file-uploader-block"> | |
| 14 | + <?php if(!$multi):?> | |
| 15 | + | |
| 16 | + | |
| 17 | + <?= Html::activeHiddenInput( $model,$field,['id' => "{$field}_picture_link"]) ?> | |
| 18 | + <input type="hidden" id="<?=$field?>_old_img" name="ImageSizerForm[old_img]" value="<?=$model->$field?>"/> | |
| 19 | + <input type="hidden" id="<?=$field?>_new_img" name="ImageSizerForm[new_img]" value=""/> | |
| 20 | + <input type="hidden" id="<?=$field?>_row_id" name="ImageSizerForm[new_img]" value="<?=$model->$id?>"/> | |
| 21 | + <div class="tst"> | |
| 22 | + <div id="<?= $field?>_img_block" class="admin-avatar-pattern-wr"> | |
| 23 | + <div class="admin-avatar-pattern"> | |
| 24 | + <?php | |
| 25 | + if($remover && $model->$field) { | |
| 26 | + ?> | |
| 27 | + <span id="<?=$field?>_remove_img" class="remover_image" style="left:<?=$size[0]['width']?>px"><img src="/images/delete-ico.png" alt=""></span> | |
| 28 | + <?php | |
| 29 | + } | |
| 30 | + ?> | |
| 31 | + <?= $model->$field ? Html::img($model->$field): '' ?> | |
| 32 | + </div> | |
| 33 | + </div> | |
| 34 | + </div> | |
| 35 | + | |
| 36 | + <span class="btn btn-success fileinput-button uploader-button"> | |
| 37 | +<!-- <i class="glyphicon glyphicon-plus"></i>--> | |
| 38 | + <span><?=$name?></span> | |
| 39 | + | |
| 40 | + <?= Html::activeFileInput( new \common\models\ImageSizerForm(),'file',['id'=>$field, 'data-url'=>Yii::$app->getUrlManager()->createUrl('file/uploader/download-photo')]);?> | |
| 41 | + </span> | |
| 42 | + | |
| 43 | + <script> | |
| 44 | + $(function() | |
| 45 | + { | |
| 46 | + | |
| 47 | + $("#<?= $field?>").fileupload( | |
| 48 | + { | |
| 49 | + dataType : 'json', formData : {size : '<?= json_encode($size)?>'}, | |
| 50 | + done : function(e, data) | |
| 51 | + { | |
| 52 | + if($("#<?=$field?>_buttons_block").length) | |
| 53 | + { | |
| 54 | + $("#<?=$field?>_buttons_block").remove() | |
| 55 | + } | |
| 56 | + | |
| 57 | + $("#<?= $field?>").parent().prev().find('.admin-ava-wr').remove() | |
| 58 | + | |
| 59 | + var host = window.location.host.toString(); | |
| 60 | + var img = '<div class="admin-ava-wr">' + | |
| 61 | + <?php | |
| 62 | + if($remover) { | |
| 63 | + echo "'<span id=\"" . $field . "_remove_img\" class=\"remover_image\" style=\"left:{$size[0]['width']}px\"><img src=\"/images/delete-ico.png\" alt=\"\"></span>'+"; | |
| 64 | + } | |
| 65 | + ?> | |
| 66 | + '<img style="vertical-align: middle; width: <?=$width?>px; height: <?=$height?>px;" src="http://' + host + data.result.link + '"></div>' + '<div id="<?=$field?>_buttons_block">' + '<button type="button" id="<?=$field?>_save_img" class="btn btn-success img-action-buttons" >Сохранить</button>' + '<button type="button" id="<?=$field?>_remove_img" class="btn btn-danger img-action-buttons" >Отмена</button>' + '</div>'; | |
| 67 | + var block = $("#<?= $field?>_img_block .admin-avatar-pattern"); | |
| 68 | + block.find('img').remove(); | |
| 69 | + block.append(img); | |
| 70 | + block.parents('.file-uploader-block').parent().addClass('success_download'); | |
| 71 | + $("#<?=$field?>_picture_link").val(data.result.link); | |
| 72 | + $("#<?=$field?>_new_img").val(data.result.link); | |
| 73 | + } | |
| 74 | + } | |
| 75 | + ); | |
| 76 | + | |
| 77 | + $('body').on( | |
| 78 | + 'click', '#<?=$field?>_save_img', function() | |
| 79 | + { | |
| 80 | + $("#<?= $field?>_img_block").parent().parent().parent() | |
| 81 | + .removeClass('success_download') | |
| 82 | + | |
| 83 | + $("#<?=$field?>_buttons_block").remove(); | |
| 84 | + var old_url = $('#<?=$field?>_old_img').val(); | |
| 85 | + var new_url = $('#<?=$field?>_new_img').val(); | |
| 86 | + var model = '<?=str_replace('\\', '-', $model::className());?>'; | |
| 87 | + $.post( | |
| 88 | + "/file/uploader/delete-image", { | |
| 89 | + new_url : new_url, old_img : old_url, model : model, field : "<?= $field?>", | |
| 90 | + id : "<?=$model->$id?>", action : 'save' | |
| 91 | + }, function() | |
| 92 | + { | |
| 93 | + } | |
| 94 | + ); | |
| 95 | + $("#<?=$field?>_picture_link").val(new_url); | |
| 96 | + } | |
| 97 | + ); | |
| 98 | + | |
| 99 | + $('body').on( | |
| 100 | + 'click', '#<?=$field?>_remove_img', function() | |
| 101 | + { | |
| 102 | + $("#<?= $field?>_img_block").parent().parent().parent() | |
| 103 | + .removeClass('success_download'); | |
| 104 | + $("#<?= $field?>_img_block").parent().parent().find('.admin-ava-wr').remove(); | |
| 105 | + | |
| 106 | + $("#<?=$field?>_buttons_block").remove(); | |
| 107 | + var old_url = $('#<?=$field?>_old_img').val(); | |
| 108 | + var new_url = $('#<?=$field?>_new_img').val(); | |
| 109 | + $.post( | |
| 110 | + "/file/uploader/delete-image", {old_img : new_url}, function() | |
| 111 | + { | |
| 112 | + } | |
| 113 | + ); | |
| 114 | + <?php | |
| 115 | + if($remover) { | |
| 116 | + echo "$(\"#{$field}_picture_link\").val(''); | |
| 117 | + $('#{$field}_img_block').find('img').remove();"; | |
| 118 | + } else { | |
| 119 | + echo "$(\"#{$field}_picture_link\").val(old_url); | |
| 120 | + if(old_url.length<=1){ | |
| 121 | + $('#{$field}_img_block').find('img').remove() | |
| 122 | + } | |
| 123 | + else { | |
| 124 | + $('#{$field}_img_block').find('img').attr('src',old_url); | |
| 125 | + }"; | |
| 126 | + }; | |
| 127 | + ?> | |
| 128 | + } | |
| 129 | + ); | |
| 130 | + }); | |
| 131 | +</script> | |
| 132 | + | |
| 133 | +<?php else:?> | |
| 134 | + | |
| 135 | + <span class="btn btn-success fileinput-button uploader-button"> | |
| 136 | + <i class="glyphicon glyphicon-plus"></i> | |
| 137 | + <span><?=$name?></span> | |
| 138 | + | |
| 139 | + <?= Html::activeFileInput( new \common\models\ImageSizerForm(),'file',['id'=>$field, 'data-url'=>Yii::$app->getUrlManager()->createUrl('file/uploader/download-photo'), 'multiple'=> 'multiple' ]);?> | |
| 140 | + </span> | |
| 141 | + | |
| 142 | + <?= Html::activeHiddenInput( $model,$field,['id' => "{$field}_picture_link"]) ?> | |
| 143 | + | |
| 144 | + | |
| 145 | + <input type="hidden" name="ImageSizerForm[multi]" value="true"/> | |
| 146 | + | |
| 147 | + <div id="<?= $field?>_img_block"> | |
| 148 | + <?php | |
| 149 | + | |
| 150 | + foreach($this->context->getGallery() as $image){ | |
| 151 | + echo $this->render('_gallery_item', [ 'item' => ['image'=>$image]]); | |
| 152 | + } | |
| 153 | + ?> | |
| 154 | + </div> | |
| 155 | + <script> | |
| 156 | + $(function(){ | |
| 157 | + | |
| 158 | + $("#<?= $field?>").fileupload({ | |
| 159 | + dataType: 'json', | |
| 160 | + formData: {size:'<?= json_encode($size)?>', multi: 1}, | |
| 161 | + done: function (e, data) { | |
| 162 | + var img = data.result.view; | |
| 163 | + var block = $("#<?= $field?>_img_block"); | |
| 164 | + block.append(img); | |
| 165 | + var gallery = $("#<?= $field?>_picture_link"); | |
| 166 | + gallery.val(gallery.val()+data.result.link+','); | |
| 167 | + } | |
| 168 | + }); | |
| 169 | + $('body').on('click','.delete-gallery-item', function(){ | |
| 170 | + var url = $(this).data('url'); | |
| 171 | + $(this).parent('.gallery_image').remove(); | |
| 172 | + var gallery = $("#<?= $field?>_picture_link"); | |
| 173 | + var urls = gallery.val(); | |
| 174 | + gallery.val(urls.replace(url+',', "")); | |
| 175 | + $.post( "/file/uploader/delete-image",{old_img: url}, function( data ) { | |
| 176 | + $( ".result" ).html( data ); | |
| 177 | + }); | |
| 178 | + }) | |
| 179 | + | |
| 180 | + }) | |
| 181 | + </script> | |
| 182 | + | |
| 183 | +<?php endif;?> | |
| 184 | +</div> | |
| 0 | 185 | \ No newline at end of file | ... | ... |
console/migrations/m160312_143616_project_add_field_total_budget.php
| ... | ... | @@ -6,7 +6,7 @@ class m160312_143616_project_add_field_total_budget extends Migration |
| 6 | 6 | { |
| 7 | 7 | public function up() |
| 8 | 8 | { |
| 9 | - $this->addColumn('{{%project}}', 'total_budget', $this->integer()); | |
| 9 | + $this->addColumn('{{%project}}', 'total_budget', $this->float()); | |
| 10 | 10 | } |
| 11 | 11 | |
| 12 | 12 | public function down() | ... | ... |
frontend/assets/AdminAsset.php
| ... | ... | @@ -36,7 +36,7 @@ class AdminAsset extends AssetBundle |
| 36 | 36 | public $depends = [ |
| 37 | 37 | 'yii\web\YiiAsset', |
| 38 | 38 | 'yii\bootstrap\BootstrapPluginAsset', |
| 39 | - 'backend\assets\FileUploadAsset', | |
| 39 | + 'common\modules\file\FileUploadAsset', | |
| 40 | 40 | 'frontend\assets\CustomizeBootstrapAsset', |
| 41 | 41 | ]; |
| 42 | 42 | public $jsOptions = array( | ... | ... |
frontend/controllers/ChatController.php
| ... | ... | @@ -2,6 +2,7 @@ |
| 2 | 2 | namespace frontend\controllers; |
| 3 | 3 | |
| 4 | 4 | use common\models\Chat; |
| 5 | +use common\models\Fields; | |
| 5 | 6 | use common\models\File; |
| 6 | 7 | use common\models\Message; |
| 7 | 8 | use Yii; |
| ... | ... | @@ -85,6 +86,9 @@ class ChatController extends Controller |
| 85 | 86 | $chat->save(); |
| 86 | 87 | } |
| 87 | 88 | |
| 89 | + $phones = Fields::getData($chat->interlocutor->user_id, User::className(), 'phone'); | |
| 90 | + $sites = Fields::getData($chat->interlocutor->user_id, User::className(), 'site'); | |
| 91 | + | |
| 88 | 92 | |
| 89 | 93 | $post = \Yii::$app->request->post(); |
| 90 | 94 | if(isset($post)){ |
| ... | ... | @@ -136,7 +140,9 @@ class ChatController extends Controller |
| 136 | 140 | |
| 137 | 141 | return $this->render('message',[ |
| 138 | 142 | 'chat' => $chat, |
| 139 | - 'user_id' => $user_id | |
| 143 | + 'user_id' => $user_id, | |
| 144 | + 'phones' => $phones, | |
| 145 | + 'sites' => $sites, | |
| 140 | 146 | ]); |
| 141 | 147 | } |
| 142 | 148 | ... | ... |
frontend/views/accounts/general.php
| ... | ... | @@ -8,7 +8,7 @@ |
| 8 | 8 | use common\models\Option; |
| 9 | 9 | use common\models\User; |
| 10 | 10 | use common\models\UserInfo; |
| 11 | - use common\widgets\ImageUploader; | |
| 11 | + use common\modules\file\widgets\ImageUploader; | |
| 12 | 12 | use yii\helpers\Html; |
| 13 | 13 | use yii\widgets\ActiveForm; |
| 14 | 14 | use \common\widgets\MultiLangForm; | ... | ... |
frontend/views/chat/message.php
| ... | ... | @@ -8,7 +8,9 @@ $this->registerJsFile("/js/forms.js"); |
| 8 | 8 | $this->registerJsFile("/js/jmousewhell.js"); |
| 9 | 9 | $this->registerJsFile("/js/jscroll.js"); |
| 10 | 10 | $this->title = 'Мой профиль'; |
| 11 | - $this->params['breadcrumbs'][] = $this->title; | |
| 11 | + $this->params['breadcrumbs'][] = $this->title;; | |
| 12 | + | |
| 13 | + | |
| 12 | 14 | ?> |
| 13 | 15 | |
| 14 | 16 | <div class="section-box content"> |
| ... | ... | @@ -18,10 +20,10 @@ $this->registerJsFile("/js/forms.js"); |
| 18 | 20 | <div class="section-box"> |
| 19 | 21 | <div class="cabinet-message-read-autor-wr style"> |
| 20 | 22 | <div class="cabinet-message-read-foto-wr"> |
| 21 | - <div class="cabinet-message-read-foto"><img src="/images/ded-foto.jpg" alt=""/></div> | |
| 23 | + <div class="cabinet-message-read-foto"><?= Html::a(Html::img($chat->interlocutor->image));?></div> | |
| 22 | 24 | </div> |
| 23 | 25 | <div class="cab-mes-read-cont"> |
| 24 | - <div class="cab-mes-read-cont-title">Петер Цумтор</div> | |
| 26 | + <div class="cab-mes-read-cont-title"><?= $chat->interlocutor->name ?></div> | |
| 25 | 27 | <div class="cab-mes-read-cont-stars"> |
| 26 | 28 | <div class="rating"> |
| 27 | 29 | <!--оценка--> |
| ... | ... | @@ -30,40 +32,38 @@ $this->registerJsFile("/js/forms.js"); |
| 30 | 32 | </div> |
| 31 | 33 | <div class="cab-mes-read-cont-com">30 отзывов</div> |
| 32 | 34 | <div class="cab-mes-read-cont-soc"> |
| 33 | - <a href="#"><img src="/images/ico-fb.png" alt=""/></a> | |
| 34 | - <a href="#"><img src="/images/ico-tw.png" alt=""/></a> | |
| 35 | - <a href="#"><img src="/images/ico-in.png" alt=""/></a> | |
| 36 | - <a href="#"><img src="/images/ico-vk.png" alt=""/></a> | |
| 35 | + <?= Html::a(Html::img('/images/ico-fb.png'),"{$chat->interlocutor->social_fb}",['target'=>'_blank'])?> | |
| 36 | + | |
| 37 | + <?= Html::a(Html::img('/images/ico-tw.png'),"{$chat->interlocutor->social_t}", ['target'=>'_blank'])?> | |
| 38 | + | |
| 39 | + <?= Html::a(Html::img('/images/ico-in.png'),"{$chat->interlocutor->social_in}",['target'=>'_blank'])?> | |
| 40 | + | |
| 41 | + <?= Html::a(Html::img('/images/ico-vk.png'),"{$chat->interlocutor->social_vk}",['target'=>'_blank'])?> | |
| 42 | + | |
| 37 | 43 | </div> |
| 38 | 44 | </div> |
| 39 | 45 | <div class="performance-vacancy-add-favorite"><a href="#"></a></div> |
| 40 | 46 | <div class="cab-mes-read-last-visit"> |
| 41 | - <!--<div class="cab-mes-read-min-bl-wr">--> | |
| 42 | - <!--<div class="cab-mes-read-min-bl">--> | |
| 43 | - <!--<img src="/images/sidebar-ico/ico-2.png" alt=""/><span><span class="sidebar-views-txt">На сайте: </span>1г. 8 мес.</span>--> | |
| 44 | - <!--</div>--> | |
| 45 | - <!--</div>--> | |
| 46 | - <!--<div class="cab-mes-read-min-bl"></div>--> | |
| 47 | - <!--<div class="cab-mes-read-min-bl cab-mes-visit"></div>--> | |
| 48 | - <!--<div class="cab-mes-read-min-bl"></div>--> | |
| 49 | 47 | <div class="cab-mes-read-min-bl"> |
| 50 | 48 | <div class="profile-phone-site style"> |
| 51 | 49 | <div class="style"> |
| 52 | 50 | <div class="profile-phone"> |
| 53 | 51 | <img src="/images/sidebar-ico/ico-2.png" alt=""> |
| 54 | - <span style="font-size: 13px" class="sidebar-views-txt">На сайте: </span>1г. 8 мес. | |
| 52 | + <span style="font-size: 13px" class="sidebar-views-txt">На сайте: </span><?= $chat->interlocutor->user->liveTime ?> | |
| 55 | 53 | </div> |
| 56 | 54 | </div> |
| 57 | 55 | </div> |
| 58 | 56 | </div> |
| 59 | 57 | <div class="cab-mes-read-min-bl"> |
| 60 | 58 | <div class="profile-phone-site style"> |
| 61 | - <div class="style"> | |
| 62 | - <div class="profile-phone"> | |
| 63 | - <img src="/images/ico-phone.png" alt=""> | |
| 64 | - <span>+38 (050) 123-45-67</span> | |
| 59 | + <?php foreach( $phones as $phone):?> | |
| 60 | + <div class="style"> | |
| 61 | + <div class="profile-phone"> | |
| 62 | + <img src="/images/ico-phone.png" alt=""/> | |
| 63 | + <span><?= $phone['phone'] ?></span> | |
| 64 | + </div> | |
| 65 | 65 | </div> |
| 66 | - </div> | |
| 66 | + <?php endforeach; ?> | |
| 67 | 67 | </div> |
| 68 | 68 | </div> |
| 69 | 69 | <div class="cab-mes-read-min-bl"> |
| ... | ... | @@ -71,19 +71,21 @@ $this->registerJsFile("/js/forms.js"); |
| 71 | 71 | <div class="style"> |
| 72 | 72 | <div class="profile-phone"> |
| 73 | 73 | <img src="/images/sidebar-ico/ico-3.png" alt=""> |
| 74 | - <span style="font-size: 13px" class="sidebar-views-txt">Последний визит:<br></span><p>2 дня назад</p> | |
| 74 | + <span style="font-size: 13px" class="sidebar-views-txt">Последний визит:<br></span><p><?= $chat->interlocutor->lastVisit ?></p> | |
| 75 | 75 | </div> |
| 76 | 76 | </div> |
| 77 | 77 | </div> |
| 78 | 78 | </div> |
| 79 | 79 | <div class="cab-mes-read-min-bl"> |
| 80 | 80 | <div class="profile-phone-site style"> |
| 81 | - <div class="style"> | |
| 82 | - <div class="profile-site"> | |
| 83 | - <img src="/images/ico-site.png" alt=""> | |
| 84 | - <a href="#" target="_blank">Сайт</a> | |
| 81 | + <?php foreach( $sites as $site):?> | |
| 82 | + <div class="style"> | |
| 83 | + <div class="profile-site"> | |
| 84 | + <img src="/images/ico-site.png" alt=""/> | |
| 85 | + <a href="http://<?= $site['site']?>" target="_blank">Сайт</a> | |
| 86 | + </div> | |
| 85 | 87 | </div> |
| 86 | - </div> | |
| 88 | + <?php endforeach; ?> | |
| 87 | 89 | </div> |
| 88 | 90 | </div> |
| 89 | 91 | </div> | ... | ... |