mirror of https://gitee.com/karson/fastadmin.git
405 lines
18 KiB
JavaScript
405 lines
18 KiB
JavaScript
define(['jquery', 'bootstrap', 'backend', 'addtabs', 'adminlte', 'form'], function ($, undefined, Backend, undefined, AdminLTE, Form) {
|
|
var Controller = {
|
|
index: function () {
|
|
//窗口大小改变,修正主窗体最小高度
|
|
$(window).resize(function () {
|
|
$(".tab-addtabs").css("height", $(".content-wrapper").height() + "px");
|
|
});
|
|
|
|
//双击重新加载页面
|
|
$(document).on("dblclick", ".sidebar-menu li > a", function (e) {
|
|
$("#tab_" + $(this).attr("addtabs") + " iframe").attr('src', function (i, val) {
|
|
return val;
|
|
});
|
|
e.stopPropagation();
|
|
});
|
|
|
|
//快捷搜索
|
|
$(".menuresult").width($("form.sidebar-form > .input-group").width());
|
|
var isAndroid = /(android)/i.test(navigator.userAgent);
|
|
var searchResult = $(".menuresult");
|
|
$("form.sidebar-form").on("blur", "input[name=q]", function () {
|
|
searchResult.addClass("hide");
|
|
if (isAndroid) {
|
|
$.AdminLTE.options.sidebarSlimScroll = true;
|
|
}
|
|
}).on("focus", "input[name=q]", function () {
|
|
if (isAndroid) {
|
|
$.AdminLTE.options.sidebarSlimScroll = false;
|
|
}
|
|
if ($("a", searchResult).size() > 0) {
|
|
searchResult.removeClass("hide");
|
|
}
|
|
}).on("keyup", "input[name=q]", function () {
|
|
searchResult.html('');
|
|
var val = $(this).val();
|
|
var html = new Array();
|
|
if (val != '') {
|
|
$("ul.sidebar-menu li a[addtabs]:not([href^='javascript:;'])").each(function () {
|
|
if ($("span:first", this).text().indexOf(val) > -1 || $(this).attr("py").indexOf(val) > -1 || $(this).attr("pinyin").indexOf(val) > -1) {
|
|
html.push('<a data-url="' + $(this).attr("href") + '" href="javascript:;">' + $("span:first", this).text() + '</a>');
|
|
if (html.length >= 100) {
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
$(searchResult).append(html.join(""));
|
|
if (html.length > 0) {
|
|
searchResult.removeClass("hide");
|
|
} else {
|
|
searchResult.addClass("hide");
|
|
}
|
|
});
|
|
//快捷搜索点击事件
|
|
$("form.sidebar-form").on('mousedown click', '.menuresult a[data-url]', function () {
|
|
Backend.api.addtabs($(this).data("url"));
|
|
});
|
|
|
|
//此处为FastAdmin的统计代码,正式使用请移除
|
|
var s = document.createElement("script");
|
|
s.type = "text/javascript";
|
|
s.src = "https://hm.baidu.com/hm.js?58347d769d009bcf6074e9a0ab7ba05e";
|
|
$("head").append(s);
|
|
|
|
//读取FastAdmin的更新信息
|
|
$.ajax({
|
|
url: 'http://demo.fastadmin.net/index/index/news',
|
|
type: 'post',
|
|
dataType: 'jsonp',
|
|
success: function (ret) {
|
|
$(".notifications-menu > a span").text(ret.new > 0 ? ret.new : '');
|
|
$(".notifications-menu .footer a").attr("href", ret.url);
|
|
$.each(ret.newslist, function (i, j) {
|
|
var item = '<li><a href="' + j.url + '" target="_blank"><i class="' + j.icon + '"></i> ' + j.title + '</a></li>';
|
|
$(item).appendTo($(".notifications-menu ul.menu"));
|
|
});
|
|
}
|
|
});
|
|
|
|
//读取FastAdmin的Commits信息
|
|
$.ajax({
|
|
url: 'https://api.github.com/repos/karsonzhang/fastadmin/commits?state=open&per_page=10&page=1&sort=updated',
|
|
type: 'get',
|
|
dataType: 'jsonp',
|
|
success: function (ret) {
|
|
$(".github-commits > a span").text(ret.data.length);
|
|
$(".github-commits .footer a").attr("href", "https://github.com/karsonzhang/fastadmin/commits/master");
|
|
|
|
var dateDiff = function (hisTime, nowTime) {
|
|
if (!arguments.length)
|
|
return '';
|
|
var arg = arguments,
|
|
now = arg[1] ? arg[1] : new Date().getTime(),
|
|
diffValue = now - arg[0],
|
|
result = '',
|
|
minute = 1000 * 60,
|
|
hour = minute * 60,
|
|
day = hour * 24,
|
|
halfamonth = day * 15,
|
|
month = day * 30,
|
|
year = month * 12,
|
|
_year = diffValue / year,
|
|
_month = diffValue / month,
|
|
_week = diffValue / (7 * day),
|
|
_day = diffValue / day,
|
|
_hour = diffValue / hour,
|
|
_min = diffValue / minute;
|
|
|
|
if (_year >= 1)
|
|
result = parseInt(_year) + "年前";
|
|
else if (_month >= 1)
|
|
result = parseInt(_month) + "个月前";
|
|
else if (_week >= 1)
|
|
result = parseInt(_week) + "周前";
|
|
else if (_day >= 1)
|
|
result = parseInt(_day) + "天前";
|
|
else if (_hour >= 1)
|
|
result = parseInt(_hour) + "个小时前";
|
|
else if (_min >= 1)
|
|
result = parseInt(_min) + "分钟前";
|
|
else
|
|
result = "刚刚";
|
|
return result;
|
|
};
|
|
$.each(ret.data, function (i, j) {
|
|
var author = j.author ? j.author : {html_url: "https://github.com/karsonzhang", avatar_url: "/assets/img/avatar.png", login: "Anonymous"};
|
|
var item = '<li><a href="' + j.html_url + '"><div class="pull-left"><img src="' + author.avatar_url + '" class="img-circle" alt="' + author.login + '"></div><h4>' + author.login + '<small><i class="fa fa-clock-o"></i> ' + dateDiff(new Date(j.commit.committer.date).getTime()) + '</small></h4><p>' + j.commit.message + '</p></a></li>';
|
|
$(item).appendTo($(".github-commits ul.menu"));
|
|
});
|
|
}
|
|
});
|
|
|
|
//切换左侧sidebar显示隐藏
|
|
$(document).on("click fa.event.toggleitem", ".sidebar-menu li > a", function (e) {
|
|
$(".sidebar-menu li").removeClass("active");
|
|
//当外部触发隐藏的a时,触发父辈a的事件
|
|
if (!$(this).closest("ul").is(":visible")) {
|
|
//如果不需要左侧的菜单栏联动可以注释下面一行即可
|
|
$(this).closest("ul").prev().trigger("click");
|
|
}
|
|
|
|
var visible = $(this).next("ul").is(":visible");
|
|
if (!visible) {
|
|
$(this).parents("li").addClass("active");
|
|
} else {
|
|
}
|
|
e.stopPropagation();
|
|
});
|
|
|
|
//清除缓存
|
|
$(document).on('click', "[data-toggle='wipecache']", function () {
|
|
$.ajax({
|
|
url: 'ajax/wipecache',
|
|
dataType: 'json',
|
|
cache: false,
|
|
success: function (ret) {
|
|
if (ret.hasOwnProperty("code")) {
|
|
var msg = ret.hasOwnProperty("msg") && ret.msg != "" ? ret.msg : "";
|
|
if (ret.code === 1) {
|
|
Toastr.success(msg ? msg : __('Wipe cache completed'));
|
|
} else {
|
|
Toastr.error(msg ? msg : __('Wipe cache failed'));
|
|
}
|
|
} else {
|
|
Toastr.error(__('Unknown data format'));
|
|
}
|
|
}, error: function () {
|
|
Toastr.error(__('Network error'));
|
|
}
|
|
});
|
|
});
|
|
|
|
//全屏事件
|
|
$(document).on('click', "[data-toggle='fullscreen']", function () {
|
|
var doc = document.documentElement;
|
|
if ($(document.body).hasClass("full-screen")) {
|
|
$(document.body).removeClass("full-screen");
|
|
document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen && document.webkitExitFullscreen();
|
|
} else {
|
|
$(document.body).addClass("full-screen");
|
|
doc.requestFullscreen ? doc.requestFullscreen() : doc.mozRequestFullScreen ? doc.mozRequestFullScreen() : doc.webkitRequestFullscreen ? doc.webkitRequestFullscreen() : doc.msRequestFullscreen && doc.msRequestFullscreen();
|
|
}
|
|
});
|
|
|
|
//绑定tabs事件
|
|
$('#nav').addtabs({iframeHeight: "100%"});
|
|
|
|
//修复iOS下iframe无法滚动的BUG
|
|
if (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
|
|
$(".tab-addtabs").addClass("ios-iframe-fix");
|
|
}
|
|
|
|
if ($("ul.sidebar-menu li.active a").size() > 0) {
|
|
$("ul.sidebar-menu li.active a").trigger("click");
|
|
} else {
|
|
$("ul.sidebar-menu li a[url!='javascript:;']:first").trigger("click");
|
|
}
|
|
if (Config.referer) {
|
|
//刷新页面后跳到到刷新前的页面
|
|
Backend.api.addtabs(Config.referer);
|
|
}
|
|
|
|
/**
|
|
* List of all the available skins
|
|
*
|
|
* @type Array
|
|
*/
|
|
var my_skins = [
|
|
"skin-blue",
|
|
"skin-black",
|
|
"skin-red",
|
|
"skin-yellow",
|
|
"skin-purple",
|
|
"skin-green",
|
|
"skin-blue-light",
|
|
"skin-black-light",
|
|
"skin-red-light",
|
|
"skin-yellow-light",
|
|
"skin-purple-light",
|
|
"skin-green-light"
|
|
];
|
|
|
|
setup();
|
|
|
|
/**
|
|
* Toggles layout classes
|
|
*
|
|
* @param String cls the layout class to toggle
|
|
* @returns void
|
|
*/
|
|
function change_layout(cls) {
|
|
$("body").toggleClass(cls);
|
|
AdminLTE.layout.fixSidebar();
|
|
//Fix the problem with right sidebar and layout boxed
|
|
if (cls == "layout-boxed")
|
|
AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
|
|
if ($('body').hasClass('fixed') && cls == 'fixed' && false) {
|
|
AdminLTE.pushMenu.expandOnHover();
|
|
AdminLTE.layout.activate();
|
|
}
|
|
AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
|
|
AdminLTE.controlSidebar._fix($(".control-sidebar"));
|
|
}
|
|
|
|
/**
|
|
* Replaces the old skin with the new skin
|
|
* @param String cls the new skin class
|
|
* @returns Boolean false to prevent link's default action
|
|
*/
|
|
function change_skin(cls) {
|
|
if (!$("body").hasClass(cls)) {
|
|
$.each(my_skins, function (i) {
|
|
$("body").removeClass(my_skins[i]);
|
|
});
|
|
|
|
$("body").addClass(cls);
|
|
store('skin', cls);
|
|
var cssfile = Backend.api.cdnurl("/assets/css/skins/" + cls + ".css");
|
|
$('head').append('<link rel="stylesheet" href="' + cssfile + '" type="text/css" />');
|
|
}
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Store a new settings in the browser
|
|
*
|
|
* @param String name Name of the setting
|
|
* @param String val Value of the setting
|
|
* @returns void
|
|
*/
|
|
function store(name, val) {
|
|
if (typeof (Storage) !== "undefined") {
|
|
localStorage.setItem(name, val);
|
|
} else {
|
|
window.alert('Please use a modern browser to properly view this template!');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Get a prestored setting
|
|
*
|
|
* @param String name Name of of the setting
|
|
* @returns String The value of the setting | null
|
|
*/
|
|
function get(name) {
|
|
if (typeof (Storage) !== "undefined") {
|
|
return localStorage.getItem(name);
|
|
} else {
|
|
window.alert('Please use a modern browser to properly view this template!');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Retrieve default settings and apply them to the template
|
|
*
|
|
* @returns void
|
|
*/
|
|
function setup() {
|
|
var tmp = get('skin');
|
|
if (tmp && $.inArray(tmp, my_skins))
|
|
change_skin(tmp);
|
|
|
|
// 皮肤切换
|
|
$("[data-skin]").on('click', function (e) {
|
|
if ($(this).hasClass('knob'))
|
|
return;
|
|
e.preventDefault();
|
|
change_skin($(this).data('skin'));
|
|
});
|
|
|
|
// 布局切换
|
|
$("[data-layout]").on('click', function () {
|
|
change_layout($(this).data('layout'));
|
|
});
|
|
|
|
// 切换子菜单显示和菜单小图标的显示
|
|
$("[data-menu]").on('click', function () {
|
|
if ($(this).data("menu") == 'show-submenu') {
|
|
$("ul.sidebar-menu").toggleClass("show-submenu");
|
|
} else {
|
|
$(".nav-addtabs").toggleClass("disable-top-badge");
|
|
}
|
|
});
|
|
|
|
// 右侧控制栏切换
|
|
$("[data-controlsidebar]").on('click', function () {
|
|
change_layout($(this).data('controlsidebar'));
|
|
var slide = !AdminLTE.options.controlSidebarOptions.slide;
|
|
AdminLTE.options.controlSidebarOptions.slide = slide;
|
|
if (!slide)
|
|
$('.control-sidebar').removeClass('control-sidebar-open');
|
|
});
|
|
|
|
// 右侧控制栏背景切换
|
|
$("[data-sidebarskin='toggle']").on('click', function () {
|
|
var sidebar = $(".control-sidebar");
|
|
if (sidebar.hasClass("control-sidebar-dark")) {
|
|
sidebar.removeClass("control-sidebar-dark")
|
|
sidebar.addClass("control-sidebar-light")
|
|
} else {
|
|
sidebar.removeClass("control-sidebar-light")
|
|
sidebar.addClass("control-sidebar-dark")
|
|
}
|
|
});
|
|
|
|
// 菜单栏展开或收起
|
|
$("[data-enable='expandOnHover']").on('click', function () {
|
|
$(this).attr('disabled', true);
|
|
AdminLTE.pushMenu.expandOnHover();
|
|
if (!$('body').hasClass('sidebar-collapse'))
|
|
$("[data-layout='sidebar-collapse']").click();
|
|
});
|
|
|
|
// 重设选项
|
|
if ($('body').hasClass('fixed')) {
|
|
$("[data-layout='fixed']").attr('checked', 'checked');
|
|
}
|
|
if ($('body').hasClass('layout-boxed')) {
|
|
$("[data-layout='layout-boxed']").attr('checked', 'checked');
|
|
}
|
|
if ($('body').hasClass('sidebar-collapse')) {
|
|
$("[data-layout='sidebar-collapse']").attr('checked', 'checked');
|
|
}
|
|
if ($('ul.sidebar-menu').hasClass('show-submenu')) {
|
|
$("[data-menu='show-submenu']").attr('checked', 'checked');
|
|
}
|
|
if ($('ul.nav-addtabs').hasClass('disable-top-badge')) {
|
|
$("[data-menu='disable-top-badge']").attr('checked', 'checked');
|
|
}
|
|
|
|
}
|
|
|
|
$(window).resize();
|
|
},
|
|
login: function () {
|
|
var lastlogin = localStorage.getItem("lastlogin");
|
|
if (lastlogin) {
|
|
lastlogin = JSON.parse(lastlogin);
|
|
$("#profile-img").attr("src", Backend.api.cdnurl(lastlogin.avatar));
|
|
$("#pd-form-username").val(lastlogin.username);
|
|
}
|
|
|
|
//让错误提示框居中
|
|
Backend.config.toastr.positionClass = "toast-top-center";
|
|
|
|
//本地验证未通过时提示
|
|
$("#login-form").data("validator-options", {
|
|
invalid: function (form, errors) {
|
|
$.each(errors, function (i, j) {
|
|
Toastr.error(j);
|
|
});
|
|
},
|
|
target: '#errtips'
|
|
});
|
|
|
|
//为表单绑定事件
|
|
Form.api.bindevent($("#login-form"), null, function (data) {
|
|
localStorage.setItem("lastlogin", JSON.stringify({id: data.id, username: data.username, avatar: data.avatar}));
|
|
location.href = Backend.api.fixurl(data.url);
|
|
});
|
|
}
|
|
};
|
|
|
|
return Controller;
|
|
}); |