WebSVN – lars-tiefland.laravel_shop – Diff – /trunk/public/admin/js/upload/jquery.fileupload-ui.js

 /*
- * jQuery File Upload User Interface Plugin 5.0.17
+ * jQuery File Upload User Interface Plugin
  * https://github.com/blueimp/jQuery-File-Upload
+ *
  * Copyright 2010, Sebastian Tschan
  * https://blueimp.net
+ *
  * Licensed under the MIT license:
- * http://creativecommons.org/licenses/MIT/
+ * https://opensource.org/licenses/MIT
  */
-/*jslint nomen: true, unparam: true, regexp: true */
+        return [];
+      },
+      // The add callback is invoked as soon as files are added to the fileupload
+      // widget (via file input selection, drag & drop or add API call).
+      // See the basic file upload widget for more information:
+      add: function (e, data) {
+        if (e.isDefaultPrevented()) {
+          return false;
+        }
+        var $this = $(this),
+          that = $this.data('blueimp-fileupload') || $this.data('fileupload'),
+          options = that.options;
+        data.context = that
+          ._renderUpload(data.files)
+          .data('data', data)
+          .addClass('processing');
+        options.filesContainer[options.prependFiles ? 'prepend' : 'append'](
+          data.context
+        );
-            });
+        that._forceReflow(data.context);
+        that._transition(data.context);
+        data
+          .process(function () {
+            return $this.fileupload('process', data);
+          })
+          .always(function () {
+            data.context
-        },
+              .each(function (index) {
+                $(this)
+                  .find('.size')
+                  .text(that._formatFileSize(data.files[index].size));
+              })
+              .removeClass('processing');
+            that._renderPreviews(data);
+          })
+          .done(function () {
+            data.context.find('.edit,.start').prop('disabled', false);
+            if (
+              that._trigger('added', e, data) !== false &&
+              (options.autoUpload || data.autoUpload) &&
+              data.autoUpload !== false
+            ) {
+              data.submit();
+            }
-        _adjustMaxNumberOfFiles: function (operand) {
+          })
-            if (typeof this.options.maxNumberOfFiles === 'number') {
+          .fail(function () {
-                this.options.maxNumberOfFiles += operand;
+            if (data.files.error) {
-                if (this.options.maxNumberOfFiles < 1) {
+              data.context.each(function (index) {
-                    this._disableFileInputButton();
+                var error = data.files[index].error;
+                if (error) {
-                } else {
+                  $(this).find('.error').text(error);
-                    this._enableFileInputButton();
+                }
-                }
+              });
+            }
-            }
+          });
-        },
+      },
+      // Callback for the start of each file upload request:
-        _formatFileSize: function (file) {
+      send: function (e, data) {
-            if (typeof file.size !== 'number') {
+        if (e.isDefaultPrevented()) {
-                return '';
+          return false;
-            }
+        }
-            if (file.size >= 1000000000) {
+        var that =
-                return (file.size / 1000000000).toFixed(2) + ' GB';
-            }
+          $(this).data('blueimp-fileupload') || $(this).data('fileupload');
-            if (file.size >= 1000000) {
+        if (
-                return (file.size / 1000000).toFixed(2) + ' MB';
+          data.context &&
-            }
-            return (file.size / 1000).toFixed(2) + ' KB';
+          data.dataType &&
-        },
+          data.dataType.substr(0, 6) === 'iframe'
+        ) {
-        _hasError: function (file) {
+          // Iframe Transport does not support progress events.
-            if (file.error) {
+          // In lack of an indeterminate progress bar, we set
-                return file.error;
+          // the progress to 100%, showing the full animated bar:
-            }
+          data.context
-            // The number of added files is subtracted from
+            .find('.progress')
+            .addClass(!$.support.transition && 'progress-animated')
-            // maxNumberOfFiles before validation, so we check if
+            .attr('aria-valuenow', 100)
-            // maxNumberOfFiles is below 0 (instead of below 1):
+            .children()
-            if (this.options.maxNumberOfFiles < 0) {
+            .first()
-                return 'maxNumberOfFiles';
+            .css('width', '100%');
-            }
+        }
-            // Files are accepted if either the file type or the file name
+        return that._trigger('sent', e, data);
-            // matches against the acceptFileTypes regular expression, as
+      },
-            // only browsers with support for the File API report the type:
+      // Callback for successful uploads:
-            if (!(this.options.acceptFileTypes.test(file.type) ||
+      done: function (e, data) {
-                    this.options.acceptFileTypes.test(file.name))) {
+        if (e.isDefaultPrevented()) {
-                return 'acceptFileTypes';
+          return false;
-            }
+        }
-            if (this.options.maxFileSize &&
-                    file.size > this.options.maxFileSize) {
-                return 'maxFileSize';
+        var that =
-            }
+            $(this).data('blueimp-fileupload') || $(this).data('fileupload'),
-            if (typeof file.size === 'number' &&
+          getFilesFromResponse =
-                    file.size < this.options.minFileSize) {
+            data.getFilesFromResponse || that.options.getFilesFromResponse,
-                return 'minFileSize';
+          files = getFilesFromResponse(data),
-            }
-            return null;
+          template,
+          deferred;
+        if (data.context) {
+          data.context.each(function (index) {
-        },
+            var file = files[index] || { error: 'Empty file upload result' };
+            deferred = that._addFinishedDeferreds();
+            that._transition($(this)).done(function () {
-        _validate: function (files) {
+              var node = $(this);
-            var that = this,
+              template = that._renderDownload([file]).replaceAll(node);
+              that._forceReflow(template);
-                valid = !!files.length;
+              that._transition(template).done(function () {
-            $.each(files, function (index, file) {
+                data.context = $(this);
-                file.error = that._hasError(file);
+                that._trigger('completed', e, data);
-                if (file.error) {
+                that._trigger('finished', e, data);
-                    valid = false;
-                }
+                deferred.resolve();
-            });
-            return valid;
-        },
-        _uploadTemplateHelper: function (file) {
+              });
-            file.sizef = this._formatFileSize(file);
-            return file;
-        },
+            });
+          });
-        _renderUploadTemplate: function (files) {
+        } else {
-            var that = this;
+          template = that
-            return $.tmpl(
-                this.options.uploadTemplate,
-                $.map(files, function (file) {
+            ._renderDownload(files)
-                    return that._uploadTemplateHelper(file);
+            [that.options.prependFiles ? 'prependTo' : 'appendTo'](
-                })
+              that.options.filesContainer
             );
-        },
+          that._forceReflow(template);
+          deferred = that._addFinishedDeferreds();
-        _renderUpload: function (files) {
+          that._transition(template).done(function () {
-            var that = this,
+            data.context = $(this);
+            that._trigger('completed', e, data);
+            that._trigger('finished', e, data);
+            deferred.resolve();
+          });
+        }
-                options = this.options,
+      },
-                tmpl = this._renderUploadTemplate(files),
+      // Callback for failed (abort or error) uploads:
-                isValidated = this._validate(files);
+      fail: function (e, data) {
-            if (!(tmpl instanceof $)) {
+        if (e.isDefaultPrevented()) {
-                return $();
+          return false;
-            }
+        }
-            tmpl.css('display', 'none');
+        var that =
-            // .slice(1).remove().end().first() removes all but the first
+            $(this).data('blueimp-fileupload') || $(this).data('fileupload'),
-            // element and selects only the first for the jQuery collection:
+          template,
-            tmpl.find('.progress div').slice(
+          deferred;
-                isValidated ? 1 : 0
+        if (data.context) {
+          data.context.each(function (index) {
-            ).remove().end().first()
+            if (data.errorThrown !== 'abort') {
-                .progressbar();
+              var file = data.files[index];
-            tmpl.find('.start button').slice(
+              file.error =
-                this.options.autoUpload || !isValidated ? 0 : 1
+                file.error || data.errorThrown || data.i18n('unknownError');
-            ).remove().end().first()
+              deferred = that._addFinishedDeferreds();
-                .uibutton({
+              that._transition($(this)).done(function () {
-                    text: false,
+                var node = $(this);
-                    icons: {primary: 'ui-icon-circle-arrow-e'}
+                template = that._renderDownload([file]).replaceAll(node);
-                });
+                that._forceReflow(template);
-            tmpl.find('.cancel button').slice(1).remove().end().first()
+                that._transition(template).done(function () {
+                  data.context = $(this);
-                .uibutton({
+                  that._trigger('failed', e, data);
-                    text: false,
-                    icons: {primary: 'ui-icon-cancel'}
-                });
-            tmpl.find('.preview').each(function (index, node) {
-                that._loadImage(
-                    files[index],
-                    function (img) {
-                        $(img).hide().appendTo(node).fadeIn();
-                    },
-                    {
-                        maxWidth: options.previewMaxWidth,
-                        maxHeight: options.previewMaxHeight,
-                        fileTypes: options.previewFileTypes,
+                  that._trigger('finished', e, data);
-                        canvas: options.previewAsCanvas
-                    }
-                );
-            });
-            return tmpl;
-        },
-        _downloadTemplateHelper: function (file) {
-            file.sizef = this._formatFileSize(file);
-            return file;
-        },
-        _renderDownloadTemplate: function (files) {
-            var that = this;
-            return $.tmpl(
-                this.options.downloadTemplate,
-                $.map(files, function (file) {
-                    return that._downloadTemplateHelper(file);
-                })
-            );
-        },
-        _renderDownload: function (files) {
-            var tmpl = this._renderDownloadTemplate(files);
-            if (!(tmpl instanceof $)) {
-                return $();
-            }
-            tmpl.css('display', 'none');
-            tmpl.find('.delete button').uibutton({
-                text: false,
-                icons: {primary: 'ui-icon-trash'}
-            });
-            tmpl.find('a').each(this._enableDragToDesktop);
-            return tmpl;
-        },
-        _startHandler: function (e) {
-            e.preventDefault();
-            var tmpl = $(this).closest('.template-upload'),
-                data = tmpl.data('data');
-            if (data && data.submit && !data.jqXHR) {
-                data.jqXHR = data.submit();
-                $(this).fadeOut();
-            }
-        },
-        _cancelHandler: function (e) {
-            e.preventDefault();
-            var tmpl = $(this).closest('.template-upload'),
-                data = tmpl.data('data') || {};
-            if (!data.jqXHR) {
+                  deferred.resolve();
+                });
+              });
-                data.errorThrown = 'abort';
+            } else {
+              deferred = that._addFinishedDeferreds();
+              that._transition($(this)).done(function () {
+                $(this).remove();
+                that._trigger('failed', e, data);
-                e.data.fileupload._trigger('fail', e, data);
+                that._trigger('finished', e, data);
-            } else {
+                deferred.resolve();
-                data.jqXHR.abort();
-            }
+              });
-        },
+            }
+          });
-        _deleteHandler: function (e) {
+        } else if (data.errorThrown !== 'abort') {
-            e.preventDefault();
+          data.context = that
+            ._renderUpload(data.files)
-            var button = $(this);
+            [that.options.prependFiles ? 'prependTo' : 'appendTo'](
-            e.data.fileupload._trigger('destroy', e, {
+              that.options.filesContainer
+            )
+            .data('data', data);
+          that._forceReflow(data.context);
-                context: button.closest('.template-download'),
+          deferred = that._addFinishedDeferreds();
+          that._transition(data.context).done(function () {
+            data.context = $(this);
-                url: button.attr('data-url'),
+            that._trigger('failed', e, data);
+            that._trigger('finished', e, data);
+            deferred.resolve();
+          });
+        } else {
-                type: button.attr('data-type'),
+          that._trigger('failed', e, data);
-                dataType: e.data.fileupload.options.dataType
+          that._trigger('finished', e, data);
+          that._addFinishedDeferreds().resolve();
-            });
+        }
+      },
+      // Callback for upload progress events:
+      progress: function (e, data) {
-        },
+        if (e.isDefaultPrevented()) {
+          return false;
+        }
+        var progress = Math.floor((data.loaded / data.total) * 100);
+        if (data.context) {
-        _initEventHandlers: function () {
+          data.context.each(function () {
-            $.blueimp.fileupload.prototype._initEventHandlers.call(this);
+            $(this)
-            var filesList = this.element.find('.files'),
+              .find('.progress')
-                eventData = {fileupload: this};
+              .attr('aria-valuenow', progress)
+              .children()
+              .first()
+              .css('width', progress + '%');
+          });
+        }
+      },
+      // Callback for global upload progress events:
+      progressall: function (e, data) {
-            filesList.find('.start button')
+        if (e.isDefaultPrevented()) {
+          return false;
+        }
+        var $this = $(this),
+          progress = Math.floor((data.loaded / data.total) * 100),
-                .on(
+          globalProgressNode = $this.find('.fileupload-progress'),
-                    'click.' + this.options.namespace,
+          extendedProgressNode = globalProgressNode.find('.progress-extended');
+        if (extendedProgressNode.length) {
-                    eventData,
+          extendedProgressNode.html(
+            (
+              $this.data('blueimp-fileupload') || $this.data('fileupload')
+            )._renderExtendedProgress(data)
+          );
+        }
-                    this._startHandler
+        globalProgressNode
+          .find('.progress')
-                );
+          .attr('aria-valuenow', progress)
+          .children()
+          .first()
+          .css('width', progress + '%');
-            filesList.find('.cancel button')
+      },
-                .on(
+      // Callback for uploads start, equivalent to the global ajaxStart event:
+      start: function (e) {
-                    'click.' + this.options.namespace,
+        if (e.isDefaultPrevented()) {
+          return false;
-                    eventData,
+        }
-                    this._cancelHandler
+        var that =
-                );
+          $(this).data('blueimp-fileupload') || $(this).data('fileupload');
-            filesList.find('.delete button')
+        that._resetFinishedDeferreds();
-                .on(
+        that
-                    'click.' + this.options.namespace,
+          ._transition($(this).find('.fileupload-progress'))
-                    eventData,
+          .done(function () {
-                    this._deleteHandler
+            that._trigger('started', e);
-                );
+          });
+      },
+      // Callback for uploads stop, equivalent to the global ajaxStop event:
+      stop: function (e) {
+        if (e.isDefaultPrevented()) {
+          return false;
-        },
+        }
+        var that =
+            $(this).data('blueimp-fileupload') || $(this).data('fileupload'),
+          deferred = that._addFinishedDeferreds();
+        $.when.apply($, that._getFinishedDeferreds()).done(function () {
-        _destroyEventHandlers: function () {
+          that._trigger('stopped', e);
+        });
+        that
-            var filesList = this.element.find('.files');
+          ._transition($(this).find('.fileupload-progress'))
-            filesList.find('.start button')
+          .done(function () {
-                .die('click.' + this.options.namespace);
+            $(this)
+              .find('.progress')
-            filesList.find('.cancel button')
+              .attr('aria-valuenow', '0')
-                .die('click.' + this.options.namespace);
+              .children()
+              .first()
+              .css('width', '0%');
+            $(this).find('.progress-extended').html('&nbsp;');
+            deferred.resolve();
+          });
+      },
-            filesList.find('.delete button')
+      processstart: function (e) {
+        if (e.isDefaultPrevented()) {
-                .die('click.' + this.options.namespace);
+          return false;
-            $.blueimp.fileupload.prototype._destroyEventHandlers.call(this);
+        }
+        $(this).addClass('fileupload-processing');
+      },
+      processstop: function (e) {
-        },
+        if (e.isDefaultPrevented()) {
+          return false;
+        }
+        $(this).removeClass('fileupload-processing');
-        _initFileUploadButtonBar: function () {
+      },
-            var fileUploadButtonBar = this.element.find('.fileupload-buttonbar'),
+      // Callback for file deletion:
+      destroy: function (e, data) {
+        if (e.isDefaultPrevented()) {
-                filesList = this.element.find('.files'),
+          return false;
-                ns = this.options.namespace;
+        }
-            fileUploadButtonBar
+        var that =
-                .addClass('ui-widget-header ui-corner-top');
+            $(this).data('blueimp-fileupload') || $(this).data('fileupload'),
-            this.element.find('.fileinput-button').each(function () {
+          removeNode = function () {
-                var fileInput = $(this).find('input:file').detach();
+            that._transition(data.context).done(function () {
-                $(this).uibutton({icons: {primary: 'ui-icon-plusthick'}})
-                    .append(fileInput);
-            });
-            fileUploadButtonBar.find('.start')
-                .uibutton({icons: {primary: 'ui-icon-circle-arrow-e'}})
-                .bind('click.' + ns, function (e) {
+              $(this).remove();
-                    e.preventDefault();
-                    filesList.find('.start button').click();
-                });
-            fileUploadButtonBar.find('.cancel')
-                .uibutton({icons: {primary: 'ui-icon-cancel'}})
-                .bind('click.' + ns, function (e) {
+              that._trigger('destroyed', e, data);
-                    e.preventDefault();
-                    filesList.find('.cancel button').click();
-                });
-            fileUploadButtonBar.find('.delete')
-                .uibutton({icons: {primary: 'ui-icon-trash'}})
+            });
-                .bind('click.' + ns, function (e) {
+          };
-                    e.preventDefault();
-                    filesList.find('.delete button').click();
-                });
-        },
+        if (data.url) {
-        _destroyFileUploadButtonBar: function () {
-            this.element.find('.fileupload-buttonbar')
-                .removeClass('ui-widget-header ui-corner-top');
+          data.dataType = data.dataType || that.options.dataType;
-            this.element.find('.fileinput-button').each(function () {
+          $.ajax(data)
-                var fileInput = $(this).find('input:file').detach();
+            .done(removeNode)
-                $(this).uibutton('destroy')
-                    .append(fileInput);
-            });
-            this.element.find('.fileupload-buttonbar button')
+            .fail(function () {
-                .unbind('click.' + this.options.namespace)
-                .uibutton('destroy');
-        },
-        _enableFileInputButton: function () {
-            this.element.find('.fileinput-button input:file:disabled')
-                .each(function () {
-                    var fileInput = $(this),
-                        button = fileInput.parent();
+              that._trigger('destroyfailed', e, data);
-                    fileInput.detach().prop('disabled', false);
+            });
-                    button.uibutton('enable').append(fileInput);
-                });
-        },
-        _disableFileInputButton: function () {
-            this.element.find('.fileinput-button input:file:enabled')
-                .each(function () {
-                    var fileInput = $(this),
-                        button = fileInput.parent();
+        } else {
-                    fileInput.detach().prop('disabled', true);
+          removeNode();
-                    button.uibutton('disable').append(fileInput);
+        }
+      }
+    },
+    _resetFinishedDeferreds: function () {
-                });
+      this._finishedUploads = [];
-        },
+    },
+    _addFinishedDeferreds: function (deferred) {
+      // eslint-disable-next-line new-cap
+      var promise = deferred || $.Deferred();
+      this._finishedUploads.push(promise);
-        _initTemplates: function () {
+      return promise;
+    },
-            // Handle cases where the templates are defined
+    _getFinishedDeferreds: function () {
-            // after the widget library has been included:
+      return this._finishedUploads;
+    },
-            if (this.options.uploadTemplate instanceof $ &&
-                    !this.options.uploadTemplate.length) {
+    // Link handler, that allows to download files
-                this.options.uploadTemplate = $(
+    // by drag & drop of the links to the desktop:
-                    this.options.uploadTemplate.selector
+    _enableDragToDesktop: function () {
-                );
+      var link = $(this),
+        url = link.prop('href'),
-            }
+        name = link.prop('download'),
-            if (this.options.downloadTemplate instanceof $ &&
+        type = 'application/octet-stream';
+      link.on('dragstart', function (e) {
-                    !this.options.downloadTemplate.length) {
+        try {
+          e.originalEvent.dataTransfer.setData(
+            'DownloadURL',
-                this.options.downloadTemplate = $(
+            [type, name, url].join(':')
+          );
+        } catch (ignore) {
+          // Ignore exceptions
+        }
+      });
+    },
+    _formatFileSize: function (bytes) {
+      if (typeof bytes !== 'number') {
+        return '';
+      }
+      if (bytes >= 1000000000) {
+        return (bytes / 1000000000).toFixed(2) + ' GB';
+      }
+      if (bytes >= 1000000) {
-                    this.options.downloadTemplate.selector
+        return (bytes / 1000000).toFixed(2) + ' MB';
+      }
+      return (bytes / 1000).toFixed(2) + ' KB';
+    },
+    _formatBitrate: function (bits) {
+      if (typeof bits !== 'number') {
+        return '';
+      }
+      if (bits >= 1000000000) {
+        return (bits / 1000000000).toFixed(2) + ' Gbit/s';
+      }
+      if (bits >= 1000000) {
+        return (bits / 1000000).toFixed(2) + ' Mbit/s';
+      }
+      if (bits >= 1000) {
+        return (bits / 1000).toFixed(2) + ' kbit/s';
+      }
+      return bits.toFixed(2) + ' bit/s';
+    },
+    _formatTime: function (seconds) {
+      var date = new Date(seconds * 1000),
+        days = Math.floor(seconds / 86400);
+      days = days ? days + 'd ' : '';
+      return (
+        days +
+        ('0' + date.getUTCHours()).slice(-2) +
+        ':' +
+        ('0' + date.getUTCMinutes()).slice(-2) +
+        ':' +
+        ('0' + date.getUTCSeconds()).slice(-2)
+      );
+    },
+    _formatPercentage: function (floatValue) {
+      return (floatValue * 100).toFixed(2) + ' %';
+    },
+    _renderExtendedProgress: function (data) {
+      return (
+        this._formatBitrate(data.bitrate) +
+        ' | ' +
+        this._formatTime(((data.total - data.loaded) * 8) / data.bitrate) +
+        ' | ' +
+        this._formatPercentage(data.loaded / data.total) +
+        ' | ' +
+        this._formatFileSize(data.loaded) +
+        ' / ' +
+        this._formatFileSize(data.total)
+      );
+    },
+    _renderTemplate: function (func, files) {
+      if (!func) {
+        return $();
+      }
+      var result = func({
+        files: files,
+        formatFileSize: this._formatFileSize,
-                );
+        options: this.options
+      });
+      if (result instanceof $) {
+        return result;
+      }
+      return $(this.options.templatesContainer).html(result).children();
+    },
+    _renderPreviews: function (data) {
+      data.context.find('.preview').each(function (index, elm) {
+        $(elm).empty().append(data.files[index].preview);
+      });
+    },
+    _renderUpload: function (files) {
+      return this._renderTemplate(this.options.uploadTemplate, files);
-            }
+    },
+    _renderDownload: function (files) {
+      return this._renderTemplate(this.options.downloadTemplate, files)
+        .find('a[download]')
+        .each(this._enableDragToDesktop)
+        .end();
+    },
+    _editHandler: function (e) {
+      e.preventDefault();
+      if (!this.options.edit) return;
+      var that = this,
+        button = $(e.currentTarget),
+        template = button.closest('.template-upload'),
+        data = template.data('data'),
+        index = button.data().index;
-        },
+      this.options.edit(data.files[index]).then(function (file) {
+        if (!file) return;
+        data.files[index] = file;
+        data.context.addClass('processing');
+        template.find('.edit,.start').prop('disabled', true);
+        $(that.element)
+          .fileupload('process', data)
-        _create: function () {
+          .always(function () {
+            template
+              .find('.size')
-            $.blueimp.fileupload.prototype._create.call(this);
+              .text(that._formatFileSize(data.files[index].size));
+            data.context.removeClass('processing');
+            that._renderPreviews(data);
-            this._initTemplates();
+          })
-            this.element
+          .done(function () {
+            template.find('.edit,.start').prop('disabled', false);
-                .addClass('ui-widget');
+          })
+          .fail(function () {
-            this._initFileUploadButtonBar();
+            template.find('.edit').prop('disabled', false);
+            var error = data.files[index].error;
+            if (error) {
-            this.element.find('.fileupload-content')
+              template.find('.error').text(error);
-                .addClass('ui-widget-content ui-corner-bottom');
+            }
+          });
+      });
-            this.element.find('.fileupload-progressbar')
+    },
-                .hide().progressbar();
+    _startHandler: function (e) {
+      e.preventDefault();
+      var button = $(e.currentTarget),
+        template = button.closest('.template-upload'),
+        data = template.data('data');
+      button.prop('disabled', true);
+      if (data && data.submit) {
+        data.submit();
+      }
-        },
+    },
+    _cancelHandler: function (e) {
+      e.preventDefault();
+      var template = $(e.currentTarget).closest(
+          '.template-upload,.template-download'
+        ),
+        data = template.data('data') || {};
-        destroy: function () {
+      data.context = data.context || template;
+      if (data.abort) {
+        data.abort();
+      } else {
+        data.errorThrown = 'abort';
+        this._trigger('fail', e, data);
-            this.element.find('.fileupload-progressbar')
+      }
+    },
+    _deleteHandler: function (e) {
+      e.preventDefault();
+      var button = $(e.currentTarget);
-                .progressbar('destroy');
+      this._trigger(
+        'destroy',
-            this.element.find('.fileupload-content')
+        e,
+        $.extend(
+          {
+            context: button.closest('.template-download'),
+            type: 'DELETE'
-                .removeClass('ui-widget-content ui-corner-bottom');
+          },
-            this._destroyFileUploadButtonBar();
+          button.data()
+        )
+      );
+    },
+    _forceReflow: function (node) {
+      return $.support.transition && node.length && node[0].offsetWidth;
+    },
+    _transition: function (node) {
+      // eslint-disable-next-line new-cap
+      var dfd = $.Deferred();
+      if (
-            this.element.removeClass('ui-widget');
+        $.support.transition &&
-            $.blueimp.fileupload.prototype.destroy.call(this);
+        node.hasClass('fade') &&
-        },
+        node.is(':visible')
+      ) {
+        var transitionEndHandler = function (e) {
+          // Make sure we don't respond to other transition events
-        enable: function () {
+          // in the container element, e.g. from button elements:
+          if (e.target === node[0]) {
+            node.off($.support.transition.end, transitionEndHandler);
+            dfd.resolveWith(node);
+          }
+        };
+        node
+          .on($.support.transition.end, transitionEndHandler)
+          .toggleClass(this.options.showElementClass);
+      } else {
-            $.blueimp.fileupload.prototype.enable.call(this);
+        node.toggleClass(this.options.showElementClass);
+        dfd.resolveWith(node);
+      }
+      return dfd;
+    },
-            this.element.find(':ui-button').not('.fileinput-button')
+    _initButtonBarEventHandlers: function () {
-                .uibutton('enable');
+      var fileUploadButtonBar = this.element.find('.fileupload-buttonbar'),
+        filesList = this.options.filesContainer;
+      this._on(fileUploadButtonBar.find('.start'), {
+        click: function (e) {
-            this._enableFileInputButton();
+          e.preventDefault();
-        },
+          filesList.find('.start').trigger('click');
+        }
-        disable: function () {
+      });
+      this._on(fileUploadButtonBar.find('.cancel'), {
+        click: function (e) {
+          e.preventDefault();
+          filesList.find('.cancel').trigger('click');
+        }
+      });
+      this._on(fileUploadButtonBar.find('.delete'), {
+        click: function (e) {
+          e.preventDefault();
+          filesList
+            .find('.toggle:checked')
+            .closest('.template-download')
+            .find('.delete')
+            .trigger('click');
+          fileUploadButtonBar.find('.toggle').prop('checked', false);
+        }
+      });
+      this._on(fileUploadButtonBar.find('.toggle'), {
+        change: function (e) {
+          filesList
+            .find('.toggle')
+            .prop('checked', $(e.currentTarget).is(':checked'));
+        }
+      });
+    },
+    _destroyButtonBarEventHandlers: function () {
+      this._off(
+        this.element
+          .find('.fileupload-buttonbar')
+          .find('.start, .cancel, .delete'),
+        'click'
+      );
+      this._off(this.element.find('.fileupload-buttonbar .toggle'), 'change.');
+    },
+    _initEventHandlers: function () {
-            this.element.find(':ui-button').not('.fileinput-button')
+      this._super();
+      this._on(this.options.filesContainer, {
+        'click .edit': this._editHandler,
+        'click .start': this._startHandler,
+        'click .cancel': this._cancelHandler,
+        'click .delete': this._deleteHandler
+      });
+      this._initButtonBarEventHandlers();
+    },
+    _destroyEventHandlers: function () {
+      this._destroyButtonBarEventHandlers();
+      this._off(this.options.filesContainer, 'click');
+      this._super();
+    },
+    _enableFileInputButton: function () {
+      this.element
+        .find('.fileinput-button input')
+        .prop('disabled', false)
+        .parent()
+        .removeClass('disabled');
+    },
+    _disableFileInputButton: function () {
+      this.element
+        .find('.fileinput-button input')
+        .prop('disabled', true)
+        .parent()
+        .addClass('disabled');
+    },
+    _initTemplates: function () {
+      var options = this.options;
+      options.templatesContainer = this.document[0].createElement(
+        options.filesContainer.prop('nodeName')
+      );
+      if (tmpl) {
+        if (options.uploadTemplateId) {
+          options.uploadTemplate = tmpl(options.uploadTemplateId);
-                .uibutton('disable');
             this._disableFileInputButton();
+        if (options.downloadTemplateId) {
+          options.downloadTemplate = tmpl(options.downloadTemplateId);
+        }
+      }
+    },
+    _initFilesContainer: function () {
+      var options = this.options;
+      if (options.filesContainer === undefined) {
+        options.filesContainer = this.element.find('.files');
+      } else if (!(options.filesContainer instanceof $)) {
+        options.filesContainer = $(options.filesContainer);
+      }
+    },
+    _initSpecialOptions: function () {
+      this._super();
+      this._initFilesContainer();
+      this._initTemplates();
+    },
+    _create: function () {
+      this._super();
+      this._resetFinishedDeferreds();
+      if (!$.support.fileInput) {
+        this._disableFileInputButton();
+      }
+    },
+    enable: function () {
+      var wasDisabled = false;
+      if (this.options.disabled) {
+        wasDisabled = true;
+      }
+      this._super();
+      if (wasDisabled) {
+        this.element.find('input, button').prop('disabled', false);
+        this._enableFileInputButton();
+      }
+    },
+    disable: function () {
+      if (!this.options.disabled) {
+        this.element.find('input, button').prop('disabled', true);

Subversion-Projekte lars-tiefland.laravel_shop

(root)/trunk/public/admin/js/upload/jquery.fileupload-ui.js – Revision 1513 → 1551