mirror of https://gitee.com/karson/fastadmin.git
375 lines
17 KiB
JavaScript
375 lines
17 KiB
JavaScript
define(['jquery', 'bootstrap', 'toastr', 'layer', 'lang', 'moment'], function ($, undefined, Toastr, Layer, Lang, Moment) {
|
|
var Backend = {
|
|
config: {
|
|
//toastr默认配置
|
|
toastr: {
|
|
"closeButton": true,
|
|
"debug": false,
|
|
"newestOnTop": false,
|
|
"progressBar": false,
|
|
"positionClass": "toast-top-right",
|
|
"preventDuplicates": false,
|
|
"onclick": null,
|
|
"showDuration": "300",
|
|
"hideDuration": "1000",
|
|
"timeOut": "5000",
|
|
"extendedTimeOut": "1000",
|
|
"showEasing": "swing",
|
|
"hideEasing": "linear",
|
|
"showMethod": "fadeIn",
|
|
"hideMethod": "fadeOut"
|
|
}
|
|
},
|
|
api: {
|
|
ajax: function (options, success, failure) {
|
|
var index = Backend.api.layer.load();
|
|
options = $.extend({
|
|
type: "POST",
|
|
dataType: 'json',
|
|
success: function (ret) {
|
|
Backend.api.layer.close(index);
|
|
if (ret.hasOwnProperty("code")) {
|
|
var data = ret.hasOwnProperty("data") && ret.data != "" ? ret.data : null;
|
|
var msg = ret.hasOwnProperty("msg") && ret.msg != "" ? ret.msg : "";
|
|
if (ret.code === 1) {
|
|
if (typeof success == 'function') {
|
|
var onAfterResult = success.call(undefined, data);
|
|
if (!onAfterResult) {
|
|
return false;
|
|
}
|
|
}
|
|
Toastr.success(msg ? msg : __('Operation completed'));
|
|
} else {
|
|
Toastr.error(msg ? msg : __('Operation failed'));
|
|
}
|
|
} else {
|
|
Toastr.error(__('Unknown data format'));
|
|
}
|
|
}, error: function () {
|
|
Backend.api.layer.close(index);
|
|
Toastr.error(__('Network error'));
|
|
}
|
|
}, options);
|
|
$.ajax(options);
|
|
},
|
|
//修复URL
|
|
fixurl: function (url) {
|
|
if (url.substr(0, 1) !== "/") {
|
|
var r = new RegExp('^(?:[a-z]+:)?//', 'i');
|
|
if (!r.test(url)) {
|
|
url = Config.moduleurl + "/" + url;
|
|
}
|
|
}
|
|
return url;
|
|
},
|
|
//获取修复后可访问的cdn链接
|
|
cdnurl: function (url) {
|
|
return /^(?:[a-z]+:)?\/\//i.test(url) ? url : Config.upload.cdnurl + url;
|
|
},
|
|
//查询Url参数
|
|
query: function (name, url) {
|
|
if (!url) {
|
|
url = window.location.href;
|
|
}
|
|
name = name.replace(/[\[\]]/g, "\\$&");
|
|
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
|
|
results = regex.exec(url);
|
|
if (!results)
|
|
return null;
|
|
if (!results[2])
|
|
return '';
|
|
return decodeURIComponent(results[2].replace(/\+/g, " "));
|
|
},
|
|
//上传文件
|
|
upload: function (file, callback) {
|
|
var data = new FormData();
|
|
data.append("file", file);
|
|
$.ajax({
|
|
url: "ajax/upload",
|
|
data: data,
|
|
cache: false,
|
|
contentType: false,
|
|
processData: false,
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
success: function (ret) {
|
|
if (ret.hasOwnProperty("code")) {
|
|
var data = ret.hasOwnProperty("data") && ret.data != "" ? ret.data : null;
|
|
var msg = ret.hasOwnProperty("msg") && ret.msg != "" ? ret.msg : "";
|
|
if (ret.code === 1) {
|
|
if (typeof callback == 'function') {
|
|
var onAfterResult = success.call(undefined, data);
|
|
if (!onAfterResult) {
|
|
return false;
|
|
}
|
|
}
|
|
if ($('.summernote').size() > 0 && data && typeof data.url !== 'undefined') {
|
|
$('.summernote').summernote("insertImage", data.url, 'filename');
|
|
}
|
|
Toastr.success(__('Operation completed'));
|
|
} else {
|
|
Toastr.error(msg ? msg : __('Operation failed'));
|
|
}
|
|
} else {
|
|
Toastr.error(__('Unknown data format'));
|
|
}
|
|
}, error: function () {
|
|
Toastr.error(__('Network error'));
|
|
}
|
|
});
|
|
},
|
|
open: function (url, title, options) {
|
|
title = title == undefined ? "" : title;
|
|
url = Backend.api.fixurl(url);
|
|
url = url + (url.indexOf("?") > -1 ? "&" : "?") + "dialog=1";
|
|
var area;
|
|
if ($(window).width() < 800) {
|
|
area = ["95%", "95%"];
|
|
} else {
|
|
area = ['800px', '600px'];
|
|
}
|
|
Backend.api.layer.open($.extend({
|
|
type: 2,
|
|
title: title,
|
|
shadeClose: true,
|
|
shade: false,
|
|
maxmin: true,
|
|
moveOut: true,
|
|
area: area,
|
|
content: url,
|
|
zIndex: Backend.api.layer.zIndex,
|
|
skin: 'layui-layer-noborder',
|
|
success: function (layero, index) {
|
|
//$(layero).removeClass("layui-layer-border");
|
|
Backend.api.layer.setTop(layero);
|
|
var frame = Backend.api.layer.getChildFrame('html', index);
|
|
var layerfooter = frame.find(".layer-footer");
|
|
Backend.api.layerfooter(layero, index);
|
|
|
|
//绑定事件
|
|
if (layerfooter.size() > 0) {
|
|
// 监听窗口内的元素及属性变化
|
|
// Firefox和Chrome早期版本中带有前缀
|
|
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver
|
|
// 选择目标节点
|
|
var target = layerfooter[0];
|
|
// 创建观察者对象
|
|
var observer = new MutationObserver(function (mutations) {
|
|
Backend.api.layerfooter(layero, index);
|
|
mutations.forEach(function (mutation) {
|
|
});
|
|
});
|
|
// 配置观察选项:
|
|
var config = {attributes: true, childList: true, characterData: true, subtree: true}
|
|
// 传入目标节点和观察选项
|
|
observer.observe(target, config);
|
|
// 随后,你还可以停止观察
|
|
// observer.disconnect();
|
|
}
|
|
}
|
|
}, options ? options : {}));
|
|
return false;
|
|
},
|
|
layerfooter: function (layero, index) {
|
|
var frame = Backend.api.layer.getChildFrame('html', index);
|
|
var layerfooter = frame.find(".layer-footer");
|
|
if (layerfooter.size() > 0) {
|
|
$(".layui-layer-footer", layero).remove();
|
|
var footer = $("<div />").addClass('layui-layer-btn layui-layer-footer');
|
|
footer.html(layerfooter.html());
|
|
if ($(".row", footer).size() === 0) {
|
|
$(">", footer).wrapAll("<div class='row'></div>");
|
|
}
|
|
footer.insertAfter(layero.find('.layui-layer-content'));
|
|
}
|
|
var heg = frame.outerHeight();
|
|
var titHeight = layero.find('.layui-layer-title').outerHeight() || 0;
|
|
var btnHeight = layero.find('.layui-layer-btn').outerHeight() || 0;
|
|
|
|
var oldheg = heg + titHeight + btnHeight;
|
|
var maxheg = 600;
|
|
if (frame.outerWidth() < 768) {
|
|
maxheg = $(window).height() - 28;
|
|
}
|
|
// 如果有.layer-footer或窗口小于600则重新排
|
|
if (layerfooter.size() > 0 || oldheg < maxheg) {
|
|
var footerHeight = layero.find('.layui-layer-footer').outerHeight() || 0;
|
|
footerHeight = 0;
|
|
if (oldheg >= maxheg) {
|
|
heg = Math.min(maxheg, oldheg) - titHeight - btnHeight - footerHeight;
|
|
}
|
|
layero.css({height: heg + titHeight + btnHeight + footerHeight});
|
|
layero.find("iframe").css({height: heg});
|
|
}
|
|
if (layerfooter.size() > 0) {
|
|
footer.on("click", ".btn", function () {
|
|
if ($(this).hasClass("disabled") || $(this).parent().hasClass("disabled")) {
|
|
//return;
|
|
}
|
|
$(".btn:eq(" + $(this).index() + ")", layerfooter).trigger("click");
|
|
});
|
|
}
|
|
},
|
|
sidebar: function (params) {
|
|
colorArr = ['red', 'green', 'yellow', 'blue', 'teal', 'orange', 'purple'];
|
|
$colorNums = colorArr.length;
|
|
badgeList = {};
|
|
$.each(params, function (k, v) {
|
|
if (k.indexOf('/') > -1)
|
|
{
|
|
$url = Backend.api.fixurl(k);
|
|
} else
|
|
{
|
|
$url = k;
|
|
}
|
|
|
|
if ($.isArray(v))
|
|
{
|
|
$nums = typeof v[0] !== 'undefined' ? v[0] : 0;
|
|
$color = typeof v[1] !== 'undefined' ? v[1] : colorArr[(!isNaN($nums) ? $nums : $nums.length) % $colorNums];
|
|
$class = typeof v[2] !== 'undefined' ? v[2] : 'label';
|
|
} else
|
|
{
|
|
$nums = v;
|
|
$color = colorArr[(!isNaN($nums) ? $nums : $nums.length) % $colorNums];
|
|
$class = 'label';
|
|
}
|
|
//必须nums大于0才显示
|
|
badgeList[$url] = $nums > 0 ? '<small class="' + $class + ' pull-right bg-' + $color + '">' + $nums + '</small>' : '';
|
|
});
|
|
$.each(badgeList, function (k, v) {
|
|
var anchor = top.window.$(".treeview li a[addtabs][url='" + k + "']");
|
|
if (anchor) {
|
|
top.window.$(".pull-right-container", anchor).html(v);
|
|
top.window.$(".nav-addtabs li a[node-id='" + anchor.attr("addtabs") + "'] .pull-right-container").html(v);
|
|
}
|
|
});
|
|
},
|
|
addtabs: function (url, title, icon) {
|
|
var dom = "a[url='{url}']"
|
|
var leftlink = top.window.$(dom.replace(/\{url\}/, url));
|
|
if (leftlink.size() > 0) {
|
|
leftlink.trigger("click");
|
|
} else {
|
|
url = Backend.api.fixurl(url);
|
|
leftlink = top.window.$(dom.replace(/\{url\}/, url));
|
|
if (leftlink.size() > 0) {
|
|
var event = leftlink.parent().hasClass("active") ? "dblclick" : "click";
|
|
leftlink.trigger(event);
|
|
} else {
|
|
var baseurl = url.substr(0, url.indexOf("?") > -1 ? url.indexOf("?") : url.length);
|
|
leftlink = top.window.$(dom.replace(/\{url\}/, baseurl));
|
|
//能找到相对地址
|
|
if (leftlink.size() > 0) {
|
|
icon = typeof icon != 'undefined' ? icon : leftlink.find("i").attr("class");
|
|
title = typeof title != 'undefined' ? title : leftlink.find("span:first").text();
|
|
leftlink.trigger("fa.event.toggleitem");
|
|
}
|
|
var navnode = $(".nav-tabs ul li a[node-url='" + url + "']");
|
|
if (navnode.size() > 0) {
|
|
navnode.trigger("click");
|
|
} else {
|
|
//追加新的tab
|
|
var id = Math.floor(new Date().valueOf() * Math.random());
|
|
icon = typeof icon != 'undefined' ? icon : 'fa fa-circle-o';
|
|
title = typeof title != 'undefined' ? title : '';
|
|
top.window.$("<a />").append('<i class="' + icon + '"></i> <span>' + title + '</span>').prop("href", url).attr({url: url, addtabs: id}).addClass("hide").appendTo(top.window.document.body).trigger("click");
|
|
}
|
|
}
|
|
}
|
|
},
|
|
success: function (options, callback) {
|
|
var type = typeof options === 'function';
|
|
if (type) {
|
|
callback = options;
|
|
}
|
|
return Backend.api.layer.msg(__('Operation completed'), $.extend({
|
|
offset: 0, icon: 1
|
|
}, type ? {} : options), callback);
|
|
},
|
|
error: function (options, callback) {
|
|
var type = typeof options === 'function';
|
|
if (type) {
|
|
callback = options;
|
|
}
|
|
return Backend.api.layer.msg(__('Operation failed'), $.extend({
|
|
offset: 0, icon: 2
|
|
}, type ? {} : options), callback);
|
|
},
|
|
toastr: Toastr,
|
|
layer: Layer
|
|
},
|
|
lang: function () {
|
|
var args = arguments,
|
|
string = args[0],
|
|
i = 1;
|
|
string = string.toLowerCase();
|
|
//string = typeof Lang[string] != 'undefined' ? Lang[string] : string;
|
|
if (typeof Lang[string] != 'undefined') {
|
|
if (typeof Lang[string] == 'object')
|
|
return Lang[string];
|
|
string = Lang[string];
|
|
} else if (string.indexOf('.') !== -1 && false) {
|
|
var arr = string.split('.');
|
|
var current = Lang[arr[0]];
|
|
for (var i = 1; i < arr.length; i++) {
|
|
current = typeof current[arr[i]] != 'undefined' ? current[arr[i]] : '';
|
|
if (typeof current != 'object')
|
|
break;
|
|
}
|
|
if (typeof current == 'object')
|
|
return current;
|
|
string = current;
|
|
} else {
|
|
string = args[0];
|
|
}
|
|
return string.replace(/%((%)|s|d)/g, function (m) {
|
|
// m is the matched format, e.g. %s, %d
|
|
var val = null;
|
|
if (m[2]) {
|
|
val = m[2];
|
|
} else {
|
|
val = args[i];
|
|
// A switch statement so that the formatter can be extended. Default is %s
|
|
switch (m) {
|
|
case '%d':
|
|
val = parseFloat(val);
|
|
if (isNaN(val)) {
|
|
val = 0;
|
|
}
|
|
break;
|
|
}
|
|
i++;
|
|
}
|
|
return val;
|
|
});
|
|
},
|
|
init: function () {
|
|
//公共代码
|
|
//配置Toastr的参数
|
|
Toastr.options = Backend.config.toastr;
|
|
//点击包含.btn-dialog的元素时弹出dialog
|
|
$(document).on('click', '.btn-dialog,.dialogit', function (e) {
|
|
Backend.api.open(Backend.api.fixurl($(this).attr('href')), $(this).attr('title'));
|
|
e.preventDefault();
|
|
});
|
|
$(document).on('click', '.btn-addtabs,.addtabsit', function (e) {
|
|
Backend.api.addtabs($(this).attr("href"), $(this).attr("title"));
|
|
e.preventDefault();
|
|
});
|
|
}
|
|
};
|
|
//将Layer暴露到全局中去
|
|
window.Layer = Layer;
|
|
//将Toastr暴露到全局中去
|
|
window.Toastr = Toastr;
|
|
//将语言方法暴露到全局中去
|
|
window.__ = Backend.lang;
|
|
//将Backend渲染至全局,以便于在子框架中调用
|
|
window.Backend = Backend;
|
|
//将Moment方法暴露到全局中去
|
|
window.Moment = Moment;
|
|
|
|
Backend.init();
|
|
return Backend;
|
|
}); |