ShowEasy/EuroTran/WebApp/Scripts/3rd/jquery.filer/jquery.filer.js

/*!
 * jQuery.filer
 * Copyright (c) 2015 CreativeDream
 * Website: https://github.com/CreativeDream/jquery.filer
 * Version: 1.0.4 (03-Nov-2015)
 * Requires: jQuery v1.7.1 or later
 */
(function ($) {
    "use strict";
    $.fn.filer = function (q) {
        return this.each(function (t, r) {
            var s = $(r),
                b = '.jFiler',
                p = $(),
                o = $(),
                l = $(),
                sl = [],
                n = $.extend(true, {}, $.fn.filer.defaults, q),
                f = {
                    init: function () {
                        s.wrap('<div class="jFiler"></div>');
                        s.prop("jFiler").boxEl = p = s.closest(b);
                        f._changeInput();
                    },
                    _bindInput: function () {
                        if (n.changeInput && o.size() > 0) {
                            o.bind("click", f._clickHandler);
                        }
                        s.on({
                            "focus": function () {
                                o.addClass('focused');
                            },
                            "blur": function () {
                                o.removeClass('focused');
                            },
                            "change": function () {
                                f._onChange();
                            }
                        });
                        if (n.dragDrop) {
                            (o.length > 0 ? o : s)
                                .bind("drop", f._dragDrop.drop)
                                .bind("dragover", f._dragDrop.dragEnter)
                                .bind("dragleave", f._dragDrop.dragLeave);
                        }
                        if (n.uploadFile && n.clipBoardPaste) {
                            $(window)
                                .on("paste", f._clipboardPaste);
                        }
                    },
                    _unbindInput: function () {
                        if (n.changeInput && o.size() > 0) {
                            o.unbind("click", f._clickHandler);
                        }
                    },
                    _clickHandler: function () {
                        s.click();
                    },
                    _applyAttrSettings: function () {
                        var d = ["name", "limit", "maxSize", "extensions", "changeInput", "showThumbs", "appendTo", "theme", "addMore", "excludeName", "files", "options"];
                        for (var k in d) {
                            var j = "data-jfiler-" + d[k];
                            if (f._assets.hasAttr(j)) {
                                switch (d[k]) {
                                    case "changeInput":
                                    case "showThumbs":
                                    case "addMore":
                                        n[d[k]] = ["true", "false"].indexOf(s.attr(j)) > -1 ? s.attr(j) === "true" : s.attr(j);
                                        break;
                                    case "extensions":
                                        n[d[k]] = s.attr(j)
                                            .replace(/ /g, '')
                                            .split(",");
                                        break;
                                    case "files":
                                    case "options":
                                        n[d[k]] = JSON.parse(s.attr(j));
                                        break;
                                    default:
                                        n[d[k]] = s.attr(j);
                                }
                                s.removeAttr(j);
                            }
                        }
                    },
                    _changeInput: function () {
                        f._applyAttrSettings();
                        n.beforeRender !== null && typeof n.beforeRender === "function" ? n.beforeRender(p, s) : null;
                        if (n.theme) {
                            p.addClass('jFiler-theme-' + n.theme);
                        }
                        if (s.get(0)
                            .tagName.toLowerCase() !== "input" && s.get(0)
                                .type !== "file") {
                            o = s;
                            s = $("<input type=\"file\" name=\"" + n.name + "\" />");
                            s.css({
                                position: "absolute",
                                left: "-9999px",
                                top: "-9999px",
                                "z-index": "-9999"
                            });
                            p.prepend(s);
                            f._isGn = s;
                        } else {
                            if (n.changeInput) {
                                switch (typeof n.changeInput) {
                                    case "boolean"://╠common.ChooseFiles⇒請選擇文件╣╠common.ChooseFilesToUpload⇒選擇要上傳的文件╣
                                        o = $('<div class="jFiler-input"><div class="jFiler-input-caption"><span data-i18n="common.ChooseFilesToUpload">' + n.captions.feedback + '</span></div><div class="jFiler-input-button" data-i18n="common.ChooseFiles">' + n.captions.button + '</div></div>"');
                                        break;
                                    case "string":
                                    case "object":
                                        o = $(n.changeInput);
                                        break;
                                    case "function":
                                        o = $(n.changeInput(p, s, n));
                                        break;
                                }
                                s.after(o);
                                s.css({
                                    position: "absolute",
                                    left: "-9999px",
                                    top: "-9999px",
                                    "z-index": "-9999"
                                });
                            }
                        }
                        s.prop("jFiler").newInputEl = o;
                        if (!n.limit || (n.limit && n.limit >= 2)) {
                            s.attr("multiple", "multiple");
                            s.attr("name")
                                .slice(-2) !== "[]" ? s.attr("name", s.attr("name") + "[]") : null;
                        }
                        f._bindInput();
                        if (n.files) {
                            f._append(false, {
                                files: n.files
                            });
                        }
                        n.afterRender !== null && typeof n.afterRender === "function" ? n.afterRender(l, p, o, s) : null;
                    },
                    _clear: function () {
                        f.files = null;
                        s.prop("jFiler")
                            .files = null;
                        if (!n.uploadFile && !n.addMore) {
                            f._reset();
                        }
                        f._set('feedback', (f._itFl && f._itFl.length > 0 ? f._itFl.length + ' ' + n.captions.feedback2 : n.captions.feedback));
                        n.onEmpty !== null && typeof n.onEmpty === "function" ? n.onEmpty(p, o, s) : null;
                    },
                    _reset: function (a) {
                        if (!a) {
                            if (!n.uploadFile && n.addMore) {
                                for (var i = 0; i < sl.length; i++) {
                                    sl[i].remove();
                                }
                                sl = [];
                                f._unbindInput();
                                if (f._isGn) {
                                    s = f._isGn;
                                } else {
                                    s = $(r);
                                }
                                f._bindInput();
                            }
                            f._set('input', '');
                        }
                        f._itFl = [];
                        f._itFc = null;
                        f._ajFc = 0;
                        s.prop("jFiler")
                            .files_list = f._itFl;
                        s.prop("jFiler")
                            .current_file = f._itFc;
                        if (!f._prEr) {
                            f._itFr = [];
                            p.find("input[name^='jfiler-items-exclude-']:hidden")
                                .remove();
                        }
                        l.fadeOut("fast", function () {
                            $(this)
                                .remove();
                        });
                        s.prop("jFiler").listEl = l = $();
                    },
                    _set: function (element, value) {
                        switch (element) {
                            case 'input':
                                s.val("");
                                break;
                            case 'feedback':
                                if (o.length > 0) {
                                    o.find('.jFiler-input-caption span')
                                        .html(value);
                                }
                                break;
                        }
                    },
                    _filesCheck: function () {
                        var s = 0;
                        if (n.limit && f.files.length + f._itFl.length > n.limit) {
                            layer.alert(f._assets.textParse(n.captions.errors.filesLimit));
                            return false;
                        }
                        for (var t = 0; t < f.files.length; t++) {
                            var x = f.files[t].name.split(".")
                                .pop()
                                .toLowerCase(),
                                file = f.files[t],
                                m = {
                                    name: file.name,
                                    size: file.size,
                                    description: file.description || '',
                                    fileid: file.fileid || '',
                                    size2: f._assets.bytesToSize(file.size),
                                    type: file.type,
                                    ext: x
                                };
                            if (n.extensions !== null && $.inArray(x, n.extensions) === -1) {
                                layer.alert(f._assets.textParse(n.captions.errors.filesType, m));
                                break;
                            }
                            if (n.maxSize !== null && f.files[t].size > n.maxSize * 1048576) {
                                layer.alert(f._assets.textParse(n.captions.errors.filesSize, m));
                                return false;
                                //break;
                            }
                            if (file.size === 4096 && file.type.length === 0) {
                                break;
                            }
                            s += f.files[t].size;
                        }
                        if (n.maxSize !== null && s >= Math.round(n.maxSize * 1048576)) {
                            layer.alert(f._assets.textParse(n.captions.errors.filesSizeAll));
                            return false;
                        }
                        if (n.addMore || n.uploadFile) {
                            var _m = f._itFl.filter(function (a, b) {
                                if (a.file.name === file.name && a.file.size === file.size && a.file.type === file.type && (file.lastModified ? a.file.lastModified === file.lastModified : true)) {
                                    return true;
                                }
                            });
                            if (_m.length > 0) {
                                return false;
                            }
                        }
                        return true;
                    },
                    _thumbCreator: {
                        create: function (i) {
                            var file = f.files[i],
                                id = f._itFc ? f._itFc.id : i,
                                name = file.name,
                                description = file.description || '',
                                fileid = file.fileid || '',
                                size = file.size,
                                type = file.type.split("/", 1)
                                    .toString()
                                    .toLowerCase(),
                                ext = name.indexOf(".") !== -1 ? name.split(".")
                                    .pop()
                                    .toLowerCase() : "",
                                progressBar = n.uploadFile ? '<div class="jFiler-jProgressBar">' + n.templates.progressBar + '</div>' : '',
                                opts = {
                                    id: id,
                                    name: name,
                                    size: size,
                                    description: description,
                                    fileid: fileid,
                                    size2: f._assets.bytesToSize(size),
                                    type: type,
                                    extension: ext,
                                    icon: f._assets.getIcon(ext, type),
                                    icon2: f._thumbCreator.generateIcon({
                                        type: type,
                                        extension: ext
                                    }),
                                    image: '<div class="jFiler-item-thumb-image fi-loading"></div>',
                                    progressBar: progressBar,
                                    _appended: file._appended
                                },
                                html = "";
                            if (file.opts) {
                                opts = $.extend({}, file.opts, opts);
                            }
                            html = $(f._thumbCreator.renderContent(opts))
                                .attr("data-jfiler-index", id);
                            html.get(0)
                                .jfiler_id = id;
                            f._thumbCreator.renderFile(file, html, opts);
                            if (file.forList) {
                                return html;
                            }
                            f._itFc.html = html;
                            html.hide()[n.templates.itemAppendToEnd ? "appendTo" : "prependTo"](l.find(n.templates._selectors.list))
                                .show();
                            if (!file._appended) {
                                f._onSelect(i);
                            }
                        },
                        renderContent: function (opts) {
                            return f._assets.textParse((opts._appended ? n.templates.itemAppend : n.templates.item), opts);
                        },
                        renderFile: function (file, html, opts) {
                            if (html.find('.jFiler-item-thumb-image')
                                .size() === 0) {
                                return false;
                            }
                            if (file.file && opts.type === "image") {
                                var g = '<img src="' + file.file + '" draggable="false" />',
                                    m = html.find('.jFiler-item-thumb-image.fi-loading');
                                $(g)
                                    .error(function () {
                                        g = f._thumbCreator.generateIcon(opts);
                                        html.addClass('jFiler-no-thumbnail');
                                        m.removeClass('fi-loading')
                                            .html(g);
                                    })
                                    .load(function () {
                                        m.removeClass('fi-loading')
                                            .html(g);
                                    });
                                return true;
                            }
                            if (window.File && window.FileList && window.FileReader && opts.type === "image" && opts.size < 6e+6) {
                                var y = new FileReader;
                                y.onload = function (e) {
                                    var g = '<img src="' + e.target.result + '" draggable="false" />',
                                        m = html.find('.jFiler-item-thumb-image.fi-loading');
                                    $(g)
                                        .error(function () {
                                            g = f._thumbCreator.generateIcon(opts);
                                            html.addClass('jFiler-no-thumbnail');
                                            m.removeClass('fi-loading')
                                                .html(g);
                                        })
                                        .load(function () {
                                            m.removeClass('fi-loading')
                                                .html(g);
                                        });
                                };
                                y.readAsDataURL(file);
                            } else {
                                var _g = f._thumbCreator.generateIcon(opts),
                                    _m = html.find('.jFiler-item-thumb-image.fi-loading');
                                html.addClass('jFiler-no-thumbnail');
                                _m.removeClass('fi-loading')
                                    .html(_g);
                            }
                        },
                        generateIcon: function (obj) {
                            var m = new Array(3);
                            if (obj && obj.type && obj.extension) {
                                switch (obj.type) {
                                    case "image":
                                        m[0] = "f-image";
                                        m[1] = "<i class=\"icon-jfi-file-image\"></i>"
                                        break;
                                    case "video":
                                        m[0] = "f-video";
                                        m[1] = "<i class=\"icon-jfi-file-video\"></i>"
                                        break;
                                    case "audio":
                                        m[0] = "f-audio";
                                        m[1] = "<i class=\"icon-jfi-file-audio\"></i>"
                                        break;
                                    default:
                                        m[0] = "f-file f-file-ext-" + obj.extension;
                                        m[1] = obj.extension.length > 0 ? "." + obj.extension : "";
                                        m[2] = 1;
                                }
                            } else {
                                m[0] = "f-file";
                                m[1] = obj.extension && obj.extension.length > 0 ? "." + obj.extension : "";
                                m[2] = 1;
                            }
                            var el = '<span class="jFiler-icon-file ' + m[0] + '">' + m[1] + '</span>';
                            if (m[2] === 1) {
                                var c = f._assets.text2Color(obj.extension);
                                if (c) {
                                    var j = $(el)
                                        .appendTo("body"),
                                        h = j.css("box-shadow");
                                    h = c + h.substring(h.replace(/^.*(rgba?\([^)]+\)).*$/, '$1')
                                        .length, h.length);
                                    j.css({
                                        '-webkit-box-shadow': h,
                                        '-moz-box-shadow': h,
                                        'box-shadow': h
                                    })
                                        .attr('style', '-webkit-box-shadow: ' + h + '; -moz-box-shadow: ' + h + '; box-shadow: ' + h + ';');
                                    el = j.prop('outerHTML');
                                    j.remove();
                                }
                            }
                            return el;
                        },
                        _box: function (params) {
                            if (n.beforeShow !== null && typeof n.beforeShow === "function" ? !n.beforeShow(f.files, l, p, o, s) : false) {
                                return false;
                            }
                            if (l.length < 1) {
                                var appendTo;
                                if (n.appendTo) {
                                    appendTo = $(n.appendTo);
                                } else {
                                    appendTo = p;
                                }
                                appendTo.find('.jFiler-items')
                                    .remove();
                                l = $('<div class="jFiler-items jFiler-row"></div>');
                                s.prop("jFiler").listEl = l;
                                l.append(f._assets.textParse(n.templates.box))
                                    .appendTo(appendTo);
                                l.on('click', n.templates._selectors.remove, function (e) {
                                    e.preventDefault();
                                    var that = this;
                                    if ($(that).hasClass('icon-jfi-trash')) {
                                        layer.confirm(i18next.t(n.captions.removeConfirmation), { icon: 3, title: i18next.t('common.Tips') }, function (index) {
                                            f._remove(params ? params.remove.event : e, params ? params.remove.el : $(that).closest(n.templates._selectors.item));
                                            layer.close(index);
                                        });
                                    }
                                    else if ($(that).hasClass('icon-jfi-download-o')) {
                                        f._download(params ? params.remove.el : $(that).closest(n.templates._selectors.item));
                                    }
                                    else if ($(that).hasClass('icon-jfi-pencil')) {
                                        f._edit(params ? params.remove.el : $(that).closest(n.templates._selectors.item));
                                    }
                                });
                            }
                            for (var i = 0; i < f.files.length; i++) {
                                if (!f.files[i]._appended) f.files[i]._choosed = true;
                                f._addToMemory(i);
                                f._thumbCreator.create(i);
                            }
                        }
                    },
                    _upload: function (i) {
                        var el = f._itFc.html,
                            formData = new FormData();
                        formData.append(s.attr('name'), f._itFc.file, (f._itFc.file.name ? f._itFc.file.name : false));
                        if (n.uploadFile.data !== null && $.isPlainObject(n.uploadFile.data)) {
                            for (var k in n.uploadFile.data) {
                                formData.append(k, n.uploadFile.data[k]);
                            }
                        }
                        f._ajax.send(el, formData, f._itFc);
                    },
                    _ajax: {
                        send: function (el, formData, c) {
                            c.ajax = $.ajax({
                                url: n.uploadFile.url,
                                data: formData,
                                type: n.uploadFile.type,
                                enctype: n.uploadFile.enctype,
                                xhr: function () {
                                    var myXhr = $.ajaxSettings.xhr();
                                    if (myXhr.upload) {
                                        myXhr.upload.addEventListener("progress", function (e) {
                                            f._ajax.progressHandling(e, el);
                                        }, false);
                                    }
                                    return myXhr;
                                },
                                complete: function (jqXHR, textStatus) {
                                    c.ajax = false;
                                    f._ajFc++;
                                    if (f._ajFc >= f.files.length) {
                                        f._ajFc = 0;
                                        n.uploadFile.onComplete !== null && typeof n.uploadFile.onComplete === "function" ? n.uploadFile.onComplete(l, p, o, s, jqXHR, textStatus) : null;
                                    }
                                },
                                beforeSend: function (jqXHR, settings) {
                                    return n.uploadFile.beforeSend !== null && typeof n.uploadFile.beforeSend === "function" ? n.uploadFile.beforeSend(el, l, p, o, s, c.id, jqXHR, settings) : true;
                                },
                                success: function (data, textStatus, jqXHR) {
                                    c.uploaded = true;
                                    n.uploadFile.success !== null && typeof n.uploadFile.success === "function" ? n.uploadFile.success(data, el, l, p, o, s, c.id, textStatus, jqXHR) : null;
                                },
                                error: function (jqXHR, textStatus, errorThrown) {
                                    c.uploaded = false;
                                    n.uploadFile.error !== null && typeof n.uploadFile.error === "function" ? n.uploadFile.error(el, l, p, o, s, c.id, jqXHR, textStatus, errorThrown) : null;
                                },
                                statusCode: n.uploadFile.statusCode,
                                cache: false,
                                contentType: false,
                                processData: false
                            });
                            return c.ajax;
                        },
                        progressHandling: function (e, el) {
                            if (e.lengthComputable) {
                                var t = Math.round(e.loaded * 100 / e.total)
                                    .toString();
                                n.uploadFile.onProgress !== null && typeof n.uploadFile.onProgress === "function" ? n.uploadFile.onProgress(t, el, l, p, o, s) : null;
                                el.find('.jFiler-jProgressBar')
                                    .find(n.templates._selectors.progressBar)
                                    .css("width", t + "%");
                            }
                        }
                    },
                    _dragDrop: {
                        dragEnter: function (e) {
                            e.preventDefault();
                            e.stopPropagation();
                            p.addClass('dragged');
                            f._set('feedback', n.captions.drop);
                            n.dragDrop.dragEnter !== null && typeof n.dragDrop.dragEnter === "function" ? n.dragDrop.dragEnter(e, o, s, p) : null;
                        },
                        dragLeave: function (e) {
                            e.preventDefault();
                            e.stopPropagation();
                            if (!f._dragDrop._dragLeaveCheck(e)) {
                                return false;
                            }
                            p.removeClass('dragged');
                            f._set('feedback', n.captions.feedback);
                            n.dragDrop.dragLeave !== null && typeof n.dragDrop.dragLeave === "function" ? n.dragDrop.dragLeave(e, o, s, p) : null;
                        },
                        drop: function (e) {
                            e.preventDefault();
                            p.removeClass('dragged');
                            if (!e.originalEvent.dataTransfer.files || e.originalEvent.dataTransfer.files.length <= 0) {
                                return;
                            }
                            f._set('feedback', n.captions.feedback);
                            f._onChange(e, e.originalEvent.dataTransfer.files);
                            n.dragDrop.drop !== null && typeof n.dragDrop.drop === "function" ? n.dragDrop.drop(e.originalEvent.dataTransfer.files, e, o, s, p) : null;
                        },
                        _dragLeaveCheck: function (e) {
                            var related = e.relatedTarget,
                                inside = false;
                            if (related !== o) {
                                if (related) {
                                    inside = $.contains(o, related);
                                }
                                if (inside) {
                                    return false;
                                }
                            }
                            return true;
                        }
                    },
                    _clipboardPaste: function (e, fromDrop) {
                        if (!fromDrop && (!e.originalEvent.clipboardData && !e.originalEvent.clipboardData.items)) {
                            return;
                        }
                        if (fromDrop && (!e.originalEvent.dataTransfer && !e.originalEvent.dataTransfer.items)) {
                            return;
                        }
                        if (f._clPsePre) {
                            return;
                        }
                        var items = (fromDrop ? e.originalEvent.dataTransfer.items : e.originalEvent.clipboardData.items),
                            b64toBlob = function (b64Data, contentType, sliceSize) {
                                contentType = contentType || '';
                                sliceSize = sliceSize || 512;
                                var byteCharacters = atob(b64Data);
                                var byteArrays = [];
                                for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
                                    var slice = byteCharacters.slice(offset, offset + sliceSize);
                                    var byteNumbers = new Array(slice.length);
                                    for (var i = 0; i < slice.length; i++) {
                                        byteNumbers[i] = slice.charCodeAt(i);
                                    }
                                    var byteArray = new Uint8Array(byteNumbers);
                                    byteArrays.push(byteArray);
                                }
                                var blob = new Blob(byteArrays, {
                                    type: contentType
                                });
                                return blob;
                            };
                        if (items) {
                            for (var i = 0; i < items.length; i++) {
                                if (items[i].type.indexOf("image") !== -1 || items[i].type.indexOf("text/uri-list") !== -1) {
                                    if (fromDrop) {
                                        try {
                                            window.atob(e.originalEvent.dataTransfer.getData("text/uri-list")
                                                .toString()
                                                .split(',')[1]);
                                        } catch (e) {
                                            return;
                                        }
                                    }
                                    var blob = fromDrop ? b64toBlob(e.originalEvent.dataTransfer.getData("text/uri-list")
                                        .toString()
                                        .split(',')[1], "image/png") : items[i].getAsFile();
                                    try {
                                        blob.name = Math.random()
                                            .toString(36)
                                            .substring(5);
                                        blob.name += blob.type.indexOf("/") !== -1 ? "." + blob.type.split("/")[1].toString()
                                            .toLowerCase() : ".png";
                                        f._onChange(e, [blob]);
                                        f._clPsePre = setTimeout(function () {
                                            delete f._clPsePre;
                                        }, 1000);
                                    } catch (e) { }
                                }
                            }
                        }
                    },
                    _onSelect: function (i) {
                        if (n.uploadFile && !$.isEmptyObject(n.uploadFile)) {
                            f._upload(i);
                        }
                        n.onSelect !== null && typeof n.onSelect === "function" ? n.onSelect(f.files[i], f._itFc.html, l, p, o, s) : null;
                        if (i + 1 >= f.files.length) {
                            n.afterShow !== null && typeof n.afterShow === "function" ? n.afterShow(l, p, o, s) : null;
                        }
                    },
                    _onChange: function (e, d) {
                        if (!d) {
                            if (!s.get(0)
                                .files || typeof s.get(0)
                                    .files === "undefined" || s.get(0)
                                        .files.length === 0) {
                                if (!n.uploadFile && !n.addMore) {
                                    f._set('input', '');
                                    f._clear();
                                }
                                return false;
                            }
                            f.files = s.get(0).files;
                        } else {
                            if (!d || d.length === 0) {
                                f._set('input', '');
                                f._clear();
                                return false;
                            }
                            f.files = d;
                        }
                        if (!n.uploadFile && !n.addMore) {
                            f._reset(true);
                        }
                        s.prop("jFiler").files = f.files;
                        if (!f._filesCheck() || (n.beforeSelect !== null && typeof n.beforeSelect === "function" ? !n.beforeSelect(f.files, l, p, o, s) : false)) {
                            f._set('input', '');
                            f._clear();
                            return false;
                        }
                        f._set('feedback', f.files.length + f._itFl.length + ' ' + n.captions.feedback2);
                        if (n.showThumbs) {
                            f._thumbCreator._box();
                        } else {
                            for (var i = 0; i < f.files.length; i++) {
                                f.files[i]._choosed = true;
                                f._addToMemory(i);
                                f._onSelect(i);
                            }
                        }
                        if (!n.uploadFile && n.addMore) {
                            var elem = $('<input type="file" />');
                            var attributes = s.prop("attributes");
                            $.each(attributes, function () {
                                elem.attr(this.name, this.value);
                            });
                            s.after(elem);
                            f._unbindInput();
                            sl.push(elem);
                            s = elem;
                            f._bindInput();
                        }
                    },
                    _append: function (e, data) {
                        var files = (!data ? false : data.files);
                        if (!files || files.length <= 0) {
                            return;
                        }
                        f.files = files;
                        s.prop("jFiler")
                            .files = f.files;
                        if (n.showThumbs) {
                            for (var i = 0; i < f.files.length; i++) {
                                f.files[i]._appended = true;
                            }
                            f._thumbCreator._box();
                        }
                    },
                    _getList: function (e, data) {
                        var files = (!data ? false : data.files);
                        if (!files || files.length <= 0) {
                            return;
                        }
                        f.files = files;
                        s.prop("jFiler")
                            .files = f.files;
                        if (n.showThumbs) {
                            var returnData = [];
                            for (var i = 0; i < f.files.length; i++) {
                                f.files[i].forList = true;
                                returnData.push(f._thumbCreator.create(i));
                            }
                            if (data.callback) {
                                data.callback(returnData, l, p, o, s);
                            }
                        }
                    },
                    _retryUpload: function (e, data) {
                        var id = parseInt(typeof data === "object" ? data.attr("data-jfiler-index") : data),
                            obj = f._itFl.filter(function (value, key) {
                                return value.id === id;
                            });
                        if (obj.length > 0) {
                            if (n.uploadFile && !$.isEmptyObject(n.uploadFile) && !obj[0].uploaded) {
                                f._itFc = obj[0];
                                s.prop("jFiler")
                                    .current_file = f._itFc;
                                f._upload(id);
                                return true;
                            }
                        } else {
                            return false;
                        }
                    },
                    _remove: function (e, el) {
                        if (el.binded) {
                            if (typeof el.data.id !== "undefined") {
                                el = l.find(n.templates._selectors.item + "[data-jfiler-index='" + el.data.id + "']");
                                if (el.size() === 0) {
                                    return false;
                                }
                            }
                            if (el.data.el) {
                                el = el.data.el;
                            }
                        }
                        var attrId = el.get(0)
                            .jfiler_id || el.attr('data-jfiler-index'),
                            id = null,
                            excl_input = function (id) {
                                var input = p.find("input[name^='jfiler-items-exclude-']:hidden")
                                    .first(),
                                    item = f._itFl[id],
                                    val = [];
                                if (input.size() === 0) {
                                    input = $('<input type="hidden" name="jfiler-items-exclude-' + (n.excludeName ? n.excludeName : (s.attr("name")
                                        .slice(-2) !== "[]" ? s.attr("name") : s.attr("name")
                                            .substring(0, s.attr("name")
                                                .length - 2)) + "-" + t) + '">');
                                    input.appendTo(p);
                                }
                                if (item.file._choosed || item.file._appended || item.uploaded) {
                                    f._prEr = true;
                                    f._itFr.push(item);
                                    if (n.addMore) {
                                        var current_input = item.input,
                                            count_same_input = 0;
                                        f._itFl.filter(function (val, index) {
                                            if (val.file._choosed && val.input.get(0) === current_input.get(0)) count_same_input++;
                                        });
                                        if (count_same_input === 1) {
                                            f._itFr = f._itFr.filter(function (val, index) {
                                                return val.file._choosed ? val.input.get(0) !== current_input.get(0) : true;
                                            });
                                            current_input.val("");
                                            f._prEr = false;
                                        }
                                    }
                                    for (var i = 0; i < f._itFr.length; i++) {
                                        val.push(f._itFr[i].file.name);
                                    }
                                    val = JSON.stringify(val);
                                    input.val(val);
                                }
                            },
                            callback = function (el, id) {
                                excl_input(id);
                                f._itFl.splice(id, 1);
                                if (f._itFl.length < 1) {
                                    f._reset();
                                    f._clear();
                                } else {
                                    f._set('feedback', f._itFl.length + ' ' + n.captions.feedback2);
                                }
                                el.fadeOut("fast", function () {
                                    $(this).remove();
                                });
                            };

                        $.each(f._itFl, function (idx,val) {
                            if (val.id == attrId) {
                                id = idx;
                            }
                        })

                        //for (var key in f._itFl) {
                        //    if (key === 'length' || !f._itFl.hasOwnProperty(key)) continue;
                        //    id = attrId; 
                        //    //if (f._itFl[key].id.toString() === attrId) {
                        //    //    id = attrId;
                        //    //}
                        //}

                        if (!f._itFl.hasOwnProperty(id)) {
                            return false;
                        }
                        if (f._itFl[id].ajax) {
                            f._itFl[id].ajax.abort();
                            callback(el, id);
                            return;
                        }
                        n.onRemove !== null && typeof n.onRemove === "function" ? n.onRemove(el, f._itFl[id].file, id, l, p, o, s) : null;
                        callback(el, id);
                    },
                    _addToMemory: function (i) {
                        f._itFl.push({
                            id: f._itFl.length,
                            file: f.files[i],
                            html: $(),
                            ajax: false,
                            uploaded: false
                        });
                        if (n.addMore && !f.files[i]._appended) f._itFl[f._itFl.length - 1].input = s;
                        f._itFc = f._itFl[f._itFl.length - 1];
                        s.prop("jFiler")
                            .files_list = f._itFl;
                        s.prop("jFiler")
                            .current_file = f._itFc;
                    },
                    _assets: {
                        bytesToSize: function (bytes) {
                            if (bytes === 0) return '0 Byte';
                            var k = 1000;
                            var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
                            var i = Math.floor(Math.log(bytes) / Math.log(k));
                            return (bytes / Math.pow(k, i))
                                .toPrecision(3) + ' ' + sizes[i];
                        },
                        hasAttr: function (attr, el) {
                            var _el = !el ? s : el,
                                a = _el.attr(attr);
                            if (!a || typeof a === "undefined") {
                                return false;
                            } else {
                                return true;
                            }
                        },
                        getIcon: function (ext, type) {
                            var types = ["audio", "image", "text", "video"];
                            if ($.inArray(type, types) > -1) {
                                return '<i class="icon-jfi-file-' + type + ' jfi-file-ext-' + ext + '"></i>';
                            }
                            return '<i class="icon-jfi-file-o jfi-file-type-' + type + ' jfi-file-ext-' + ext + '"></i>';
                        },
                        textParse: function (text, opts) {
                            opts = $.extend({}, {
                                limit: n.limit,
                                maxSize: n.maxSize,
                                extensions: n.extensions ? n.extensions.join(',') : null
                            }, opts && $.isPlainObject(opts) ? opts : {}, n.options);
                            switch (typeof text) {
                                case "string":
                                    return text.replace(/\{\{fi-(.*?)\}\}/g, function (match, a) {
                                        a = a.replace(/ /g, '');
                                        if (a.match(/(.*?)\|limitTo\:(\d+)/)) {
                                            return a.replace(/(.*?)\|limitTo\:(\d+)/, function (match, a, b) {
                                                var _a = opts[a] ? opts[a] : "",
                                                    str = a.substring(0, b);
                                                str = _a.length > str.length ? str.substring(0, str.length - 3) + "..." : str;
                                                return str;
                                            });
                                        } else {
                                            return opts[a] ? opts[a] : "";
                                        }
                                    });
                                case "function":
                                    return text(opts);
                                default:
                                    return text;
                            }
                        },
                        text2Color: function (str) {
                            str = str === 'xls' ? 'xlsx' : str;
                            if (!str || str.length === 0) {
                                return false;
                            }
                            var i, hash, colour;
                            for (i = 0, hash = 0; i < str.length; hash = str.charCodeAt(i++) + ((hash << 5) - hash));
                            for (i = 0, colour = "#"; i < 3; colour += ("00" + ((hash >> i++ * 2) & 0xFF)
                                .toString(16))
                                .slice(-2));
                            return colour;
                        }
                    },
                    _download: function (el) {
                        var attrId = el.get(0)
                            .jfiler_id || el.attr('data-jfiler-index'),
                            id = null;
                        for (var key in f._itFl) {
                            if (key === 'length' || !f._itFl.hasOwnProperty(key)) continue;
                            if (f._itFl[key].id.toString() === attrId) {
                                id = key;
                            }
                        }
                        n.onDownload(f._itFl[attrId].file);
                    },
                    _edit: function (el) {
                        var attrId = el.get(0)
                            .jfiler_id || el.attr('data-jfiler-index'),
                            id = null;
                        for (var key in f._itFl) {
                            if (key === 'length' || !f._itFl.hasOwnProperty(key)) continue;
                            if (f._itFl[key].id.toString() === attrId) {
                                id = key;
                            }
                        }
                        if (n.onEdit) {
                            n.onEdit(f._itFl[id].file, el);
                        }
                    },
                    files: null,
                    _itFl: [],
                    _itFc: null,
                    _itFr: [],
                    _ajFc: 0,
                    _prEr: false
                };

            s.prop("jFiler", {
                options: n,
                listEl: l,
                boxEl: p,
                newInputEl: o,
                inputEl: s,
                files: f.files,
                files_list: f._itFl,
                current_file: f._itFc,
                append: function (data) {
                    return f._append(false, {
                        files: [data]
                    });
                },
                remove: function (id) {
                    f._remove(null, {
                        binded: true,
                        data: {
                            id: id
                        }
                    });
                    return true;
                },
                reset: function () {
                    f._reset();
                    f._clear();
                    return true;
                },
                retry: function (data) {
                    return f._retryUpload(data);
                }
            }).on("filer.append", function (e, data) {
                f._append(e, data)
            }).on("filer.remove", function (e, data) {
                data.binded = true;
                f._remove(e, data);
            }).on("filer.reset", function (e) {
                f._reset();
                f._clear();
                return true;
            }).on("filer.generateList", function (e, data) {
                return f._getList(e, data)
            }).on("filer.retry", function (e, data) {
                return f._retryUpload(e, data)
            });
            f.init();
            return this;
        });
    };
    $.fn.filer.defaults = {
        limit: null,
        maxSize: null,
        extensions: null,
        changeInput: true,
        edit: true,
        showThumbs: false,
        appendTo: null,
        theme: 'default',
        templates: {
            box: '<ul class="jFiler-items-list jFiler-items-default"></ul>',
            item: '<li class="jFiler-item"><div class="jFiler-item-container"><div class="jFiler-item-inner"><div class="jFiler-item-icon pull-left">{{fi-icon}}</div><div class="jFiler-item-info pull-left"><div class="jFiler-item-title" title="{{fi-name}}">{{fi-name | limitTo:30}}</div><div class="jFiler-item-others"><span>size: {{fi-size2}}</span><span>type: {{fi-extension}}</span><span class="jFiler-item-status">{{fi-progressBar}}</span></div><div class="jFiler-item-assets"><ul class="list-inline"><li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li></ul></div></div></div></div></li>',
            itemAppend: '<li class="jFiler-item"><div class="jFiler-item-container"><div class="jFiler-item-inner"><div class="jFiler-item-icon pull-left">{{fi-icon}}</div><div class="jFiler-item-info pull-left"><div class="jFiler-item-title">{{fi-name | limitTo:35}}</div><div class="jFiler-item-others"><span>size: {{fi-size2}}</span><span>type: {{fi-extension}}</span><span class="jFiler-item-status"></span></div><div class="jFiler-item-assets"><ul class="list-inline"><li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li></ul></div></div></div></div></li>',
            progressBar: '<div class="bar"></div>',
            itemAppendToEnd: false,
            removeConfirmation: true,
            _selectors: {
                list: '.jFiler-items-list',
                item: '.jFiler-item',
                progressBar: '.bar',
                remove: '.jFiler-item-trash-action'
            }
        },
        files: null,
        uploadFile: null,
        dragDrop: null,
        addMore: false,
        clipBoardPaste: true,
        excludeName: null,
        beforeRender: null,
        afterRender: null,
        beforeShow: null,
        beforeSelect: null,
        onSelect: null,
        afterShow: null,
        onRemove: null,
        onEmpty: null,
        options: null,
        captions: {
            button: "Choose Files",
            feedback: "Choose files To Upload",
            feedback2: "<span data-i18n='common.filesWereChosen'>files were chosen</span>",//╠common.filesWereChosen⇒個文件選中╣
            drop: "Drop file here to Upload",
            removeConfirmation: 'common.IsRemoveFile',// ╠common.IsRemoveFile⇒确实要删除此文件吗？╣
            errors: {
                filesLimit: "Only {{fi-limit}} files are allowed to be uploaded.",
                filesType: "Only Images are allowed to be uploaded.",
                filesSize: "{{fi-name}} 檔案大小超過 {{fi-maxSize}} MB.",
                //filesSize: "{{fi-name}} is too large! Please upload file up to {{fi-maxSize}} MB.",
                filesSizeAll: "Files you've choosed are too large! Please upload files up to {{fi-maxSize}} MB."
            }
        }
    }
})(jQuery);

$(function () {
    /**
     * 註冊上傳附件
     * @param {Object} option 必要的參數
     */
    window.fnUploadRegister = function (option) {
        option.edit = option.edit !== false ? true : false;

        var defultoption = {
            limit: 1000,
            //extensions: ['jpg', 'jpeg', 'png', 'bmp', 'gif', 'png'],
            changeInput: '<div class="jFiler-input-dragDrop">+</div>',
            showThumbs: true,
            templates: {
                box: '<ul class="jFiler-items-list jFiler-items-grid"></ul>',
                item: '<li class="jFiler-item" data-id="{{fi-fileid}}">\
                    <div class="jFiler-item-container">\
                        <div class="jFiler-item-inner">\
                            <div class="jFiler-item-thumb">\
                                <div class="jFiler-item-status"></div>\
                                <div class="jFiler-item-info">\
                                    <span class="jFiler-item-title"><b title="{{fi-name}}">{{fi-name | limitTo: 25}}</b></span>\
                                    <span class="jFiler-item-others">{{fi-size2}}</span>\
                                </div>\
                                {{fi-image}}\
                            </div>\
                            <div class="jFiler-item-assets jFiler-row">\
                                <ul class="list-inline pull-left">\
                                    <li>{{fi-progressBar}}</li>\
                                </ul>\
                                <ul class="list-inline pull-right">\
                                    <li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li>\
                                </ul>\
                            </div>\
                        </div>\
                    </div>\
                </li>',
                itemAppend: '<li class="jFiler-item" data-id="{{fi-fileid}}">\
                        <div class="jFiler-item-container">\
                            <div class="jFiler-item-inner">\
                                <div class="jFiler-item-thumb">\
                                    <div class="jFiler-item-status"></div>\
                                    <div class="jFiler-item-info">\
                                        <span class="jFiler-item-title"><b title="{{fi-name}}">{{fi-name | limitTo: 25}}</b></span>\
                                        <span class="jFiler-item-others">{{fi-size2}}</span>\
                                    </div>\
                                    {{fi-image}}\
                                </div>\
                                <div class="jFiler-item-assets jFiler-row">\
                                    <ul class="list-inline pull-left">\
                                        <li><span class="jFiler-item-others">{{fi-icon}}</span></li>\
                                    </ul>\
                                    <ul class="list-inline pull-right">'
                    + (option.edit ? '<li><a class="icon-jfi-pencil jFiler-item-trash-action"></a></li>' : '') +
                    '<li><a class="icon-jfi-download-o jFiler-item-trash-action"></a></li>\
                                        <li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li>\
                                    </ul>\
                                </div>\
                            </div>\
                        </div>\
                    </li>',
                progressBar: '<div class="bar"></div>',
                itemAppendToEnd: true,
                removeConfirmation: true,
                _selectors: {
                    list: '.jFiler-items-list',
                    item: '.jFiler-item',
                    progressBar: '.bar',
                    remove: '.jFiler-item-trash-action'
                }
            },
            dragDrop: {
                dragEnter: null,
                dragLeave: null,
                drop: null,
            },
            uploadFile: {
                url: '/Controller.ashx?action=upload&source=' + (option.folder || 'Common') + '&userid=' + parent.UserID + '&orgid=' + parent.OrgID + '&parentid=' + option.parentid,
                data: null,
                type: 'POST',
                enctype: 'multipart/form-data',
                beforeSend: function () { },
                success: function (data, el) {
                    if (option.type && option.type === 'one') {
                        $('.jFiler-theme-' + lastoption.theme).find('.jFiler-input-dragDrop').hide();
                    }
                    var oData = $.parseJSON(data)[0],
                        parent = el.attr('data-id', oData.FileID).find(".jFiler-jProgressBar").parent();
                    el.find(".jFiler-jProgressBar").fadeOut("slow", function () {
                        $("<div class=\"jFiler-item-others text-success\"><i class=\"icon-jfi-check-circle\"></i> Success</div>").hide().appendTo(parent).fadeIn("slow");
                    });
                },
                error: function (el) {
                    var parent = el.find(".jFiler-jProgressBar").parent();
                    el.find(".jFiler-jProgressBar").fadeOut("slow", function () {
                        $("<div class=\"jFiler-item-others text-error\"><i class=\"icon-jfi-minus-circle\"></i> Error</div>").hide().appendTo(parent).fadeIn("slow");
                    });
                },
                statusCode: null,
                onProgress: null,
                // Callback fired after all files were uploaded
                onComplete: function (listEl, parentEl, newInputEl, inputEl, jqXHR, textStatus) {
                    // callback will go here
                }
            },
            onRemove: function (itemEl, file) {
                var sFileId = file.fileid || itemEl.attr('data-id');
                if (sFileId) {
                    DelFile(sFileId).done(function () {
                        if (option.type && option.type === 'one') {
                            $('.jFiler-theme-' + lastoption.theme).find('.jFiler-input-dragDrop').show();
                        }
                    });
                }
            },
            onDownload: function (file) {
                DownLoadFile(file.path, file.filename);
            }
        };

        if (option.input) {
            var lastoption = $.extend(true, {}, defultoption, option);
            if (option.type === 'list') {
                lastoption.templates = {
                    box: '<ul class="jFiler-items-list jFiler-items-grid"></ul>',
                    item: '<li class="jFiler-item" data-id="{{fi-fileid}}">\
                    <div class="jFiler-item-container">\
                        <div class="jFiler-item-inner">\
                            <div class="jFiler-item-thumb cus-thumb">\
                                <div class="jFiler-item-status"></div>\
                                <div class="jFiler-item-info">\
                                    <span class="jFiler-item-others">{{fi-size2}}</span>\
                                </div>\
                                {{fi-image}}\
                            </div>\
                            <div class="jFiler-item-assets jFiler-row">\
                                <ul class="list-inline pull-left">\
                                    <li>{{fi-progressBar}}</li>\
                                </ul>\
                                <ul class="list-inline pull-left">\
                                    <li>{{fi-name}}</li>\
                                </ul>\
                                <ul class="list-inline pull-right">\
                                    <li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li>\
                                </ul>\
                            </div>\
                        </div>\
                    </div>\
                </li>',
                    itemAppend: '<li class="jFiler-item" data-id="{{fi-fileid}}">\
                        <div class="jFiler-item-container">\
                            <div class="jFiler-item-inner">\
                                <div class="jFiler-item-thumb cus-thumb">\
                                    <div class="jFiler-item-status"></div>\
                                    <div class="jFiler-item-info">\
                                        <span class="jFiler-item-others">{{fi-size2}}</span>\
                                    </div>\
                                    {{fi-image}}\
                                </div>\
                                <div class="jFiler-item-assets jFiler-row">\
                                    <ul class="list-inline pull-left">\
                                        <li><span class="jFiler-item-others">{{fi-icon}}</span></li>\
                                    </ul>\
                                    <ul class="list-inline pull-left file-name">\
                                        <li>{{fi-name}}</li>\
                                        <li class="jFiler-item-description">\
                                           <span class="jFiler-item-title">{{fi-description}}</span>\
                                        </li>\
                                    </ul>\
                                    <ul class="list-inline pull-right">\
                                        <li><a class="icon-jfi-pencil jFiler-item-trash-action"></a></li>\
                                        <li><a class="icon-jfi-download-o jFiler-item-trash-action"></a></li>\
                                        <li><a class="icon-jfi-trash jFiler-item-trash-action"></a></li>\
                                    </ul>\
                                </div>\
                            </div>\
                        </div>\
                    </li>',
                    progressBar: '<div class="bar"></div>',
                    itemAppendToEnd: true,
                    removeConfirmation: true,
                    _selectors: {
                        list: '.jFiler-items-list',
                        item: '.jFiler-item',
                        progressBar: '.bar',
                        remove: '.jFiler-item-trash-action'
                    }
                };
            }

            if (option.edit) {
                lastoption.onEdit = function (file, el) {
                    EditFile(file, el);
                };
            }

            option.input.filer(lastoption);

            if (option.type && option.type === 'one' && lastoption.files && lastoption.files.length > 0) {
                $('.jFiler-theme-' + lastoption.theme).find('.jFiler-input-dragDrop').hide();
            }
            if (option.type !== 'one') {
                $('.jFiler-theme-' + lastoption.theme).find(".jFiler-items-grid").dragsort({
                    dragEnd: function () {
                        updFilesOrder(this);
                    }
                });
            }
        }
    };
    /**
     * 抓去上傳的附件
     * @param {String} parentid 父層ID
     * @param {Function} callback}文件list
     * @param {Number} flag 標記
         * @return {Object} ajax
     */
    window.fnGetUploadFiles = function (parentid, callback, flag) {
        return g_api.ConnectLite(Service.com, 'GetUploadFiles', {
            ParentID: parentid
        }, function (res) {
            if (res.RESULT) {
                var saFiles = res.DATA.rel,
                    files = [];
                $.each(saFiles, function (idx, file) {
                    if (file.FileID) {
                        var f = {
                            fileid: file.FileID,
                            name: file.FileName,
                            filename: file.FileName.split('.')[0],
                            subname: file.SubFileName,
                            description: file.Description,
                            link: file.Link,
                            size: file.FileSize,
                            type: file.FileType,
                            file: gServerUrl + '/' + file.FilePath,
                            path: file.FilePath
                        }
                        files.push(f);
                    }
                });
                if (typeof callback === 'function') {
                    callback(files, parentid, flag);
                }
            }
        });
    };

    /**
    * 上傳文件排序
    * @param  {Element} dom 當前文件標籤
    */
    window.updFilesOrder = function (dom) {
        var saLis = $(dom).parent('ul').find('li.jFiler-item'),
            saOrders = [],
            oUpdPm = {};

        saLis.each(function (idx, el) {
            $(el).attr('data-jfiler-index', idx);
            var sFileId = $(el).attr('data-id');
            saOrders.push({
                values: { OrderByValue: idx },
                keys: {
                    FileID: sFileId
                }
            });
        });

        oUpdPm = {
            files: saOrders
        };
        CallAjax(ComFn.W_Com, ComFn.GetUpd, { Params: oUpdPm });
    };
});