/* ===========================================================
* Bootstrap: fileinput.js v3.1.3
* http://jasny.github.com/bootstrap/javascript/#fileinput
* ===========================================================
* Copyright 2012-2014 Arnold Daniels
*
* Licensed under the Apache License, Version 2.0 (the "License")
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================== */
+(function ($) {
"use strict";
var isIE = window.navigator.appName == "Microsoft Internet Explorer";
// FILEUPLOAD PUBLIC CLASS DEFINITION
// =================================
var Fileinput = function (element, options) {
this.$element = $(element);
this.$input = this.$element.find(":file");
if (this.$input.length === 0) return;
this.name = this.$input.attr("name") || options.name;
this.$hidden = this.$element.find(
'input[type=hidden][name="' + this.name + '"]'
);
if (this.$hidden.length === 0) {
this.$hidden = $('').insertBefore(this.$input);
}
this.$preview = this.$element.find(".fileinput-preview");
var height = this.$preview.css("height");
if (
this.$preview.css("display") !== "inline" &&
height !== "0px" &&
height !== "none"
) {
this.$preview.css("line-height", height);
}
this.original = {
exists: this.$element.hasClass("fileinput-exists"),
preview: this.$preview.html(),
hiddenVal: this.$hidden.val(),
};
this.listen();
};
(Fileinput.prototype.listen = function () {
this.$input.on("change.bs.fileinput", $.proxy(this.change, this));
$(this.$input[0].form).on("reset.bs.fileinput", $.proxy(this.reset, this));
this.$element
.find('[data-trigger="fileinput"]')
.on("click.bs.fileinput", $.proxy(this.trigger, this));
this.$element
.find('[data-dismiss="fileinput"]')
.on("click.bs.fileinput", $.proxy(this.clear, this));
}),
(Fileinput.prototype.change = function (e) {
var files =
e.target.files === undefined
? e.target && e.target.value
? [{ name: e.target.value.replace(/^.+\\/, "") }]
: []
: e.target.files;
e.stopPropagation();
if (files.length === 0) {
this.clear();
return;
}
this.$hidden.val("");
this.$hidden.attr("name", "");
this.$input.attr("name", this.name);
var file = files[0];
if (
this.$preview.length > 0 &&
(typeof file.type !== "undefined"
? file.type.match(/^image\/(gif|png|jpeg)$/)
: file.name.match(/\.(gif|png|jpe?g)$/i)) &&
typeof FileReader !== "undefined"
) {
var reader = new FileReader();
var preview = this.$preview;
var element = this.$element;
reader.onload = function (re) {
var $img = $("");
$img[0].src = re.target.result;
files[0].result = re.target.result;
element.find(".fileinput-filename").text(file.name);
// if parent has max-height, using `(max-)height: 100%` on child doesn't take padding and border into account
if (preview.css("max-height") != "none")
$img.css(
"max-height",
parseInt(preview.css("max-height"), 10) -
parseInt(preview.css("padding-top"), 10) -
parseInt(preview.css("padding-bottom"), 10) -
parseInt(preview.css("border-top"), 10) -
parseInt(preview.css("border-bottom"), 10)
);
preview.html($img);
element.addClass("fileinput-exists").removeClass("fileinput-new");
element.trigger("change.bs.fileinput", files);
};
reader.readAsDataURL(file);
} else {
this.$element.find(".fileinput-filename").text(file.name);
this.$preview.text(file.name);
this.$element.addClass("fileinput-exists").removeClass("fileinput-new");
this.$element.trigger("change.bs.fileinput");
}
}),
(Fileinput.prototype.clear = function (e) {
if (e) e.preventDefault();
this.$hidden.val("");
this.$hidden.attr("name", this.name);
this.$input.attr("name", "");
//ie8+ doesn't support changing the value of input with type=file so clone instead
if (isIE) {
var inputClone = this.$input.clone(true);
this.$input.after(inputClone);
this.$input.remove();
this.$input = inputClone;
} else {
this.$input.val("");
}
this.$preview.html("");
this.$element.find(".fileinput-filename").text("");
this.$element.addClass("fileinput-new").removeClass("fileinput-exists");
if (e !== undefined) {
this.$input.trigger("change");
this.$element.trigger("clear.bs.fileinput");
}
}),
(Fileinput.prototype.reset = function () {
this.clear();
this.$hidden.val(this.original.hiddenVal);
this.$preview.html(this.original.preview);
this.$element.find(".fileinput-filename").text("");
if (this.original.exists)
this.$element.addClass("fileinput-exists").removeClass("fileinput-new");
else
this.$element.addClass("fileinput-new").removeClass("fileinput-exists");
this.$element.trigger("reset.bs.fileinput");
}),
(Fileinput.prototype.trigger = function (e) {
this.$input.trigger("click");
e.preventDefault();
});
// FILEUPLOAD PLUGIN DEFINITION
// ===========================
var old = $.fn.fileinput;
$.fn.fileinput = function (options) {
return this.each(function () {
var $this = $(this),
data = $this.data("bs.fileinput");
if (!data)
$this.data("bs.fileinput", (data = new Fileinput(this, options)));
if (typeof options == "string") data[options]();
});
};
$.fn.fileinput.Constructor = Fileinput;
// FILEINPUT NO CONFLICT
// ====================
$.fn.fileinput.noConflict = function () {
$.fn.fileinput = old;
return this;
};
// FILEUPLOAD DATA-API
// ==================
$(document).on(
"click.fileinput.data-api",
'[data-provides="fileinput"]',
function (e) {
var $this = $(this);
if ($this.data("bs.fileinput")) return;
$this.fileinput($this.data());
var $target = $(e.target).closest(
'[data-dismiss="fileinput"],[data-trigger="fileinput"]'
);
if ($target.length > 0) {
e.preventDefault();
$target.trigger("click.bs.fileinput");
}
}
);
})(window.jQuery);