index.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369
  1. define(['jquery', 'bootstrap', 'backend', 'addtabs', 'adminlte', 'form'], function ($, undefined, Backend, undefined, AdminLTE, Form) {
  2. var Controller = {
  3. index: function () {
  4. //窗口大小改变,修正主窗体最小高度
  5. $(window).resize(function () {
  6. $(".tab-addtabs").css("height", $(".content-wrapper").height() + "px");
  7. });
  8. //双击重新加载页面
  9. $(document).on("dblclick", ".sidebar-menu li > a", function (e) {
  10. $("#con_" + $(this).attr("addtabs") + " iframe").attr('src', function (i, val) {
  11. return val;
  12. });
  13. e.stopPropagation();
  14. });
  15. //修复在移除窗口时下拉框不隐藏的BUG
  16. $(window).on("blur", function () {
  17. $("[data-toggle='dropdown']").parent().removeClass("open");
  18. if ($("body").hasClass("sidebar-open")) {
  19. $(".sidebar-toggle").trigger("click");
  20. }
  21. });
  22. //快捷搜索
  23. $(".menuresult").width($("form.sidebar-form > .input-group").width());
  24. var isAndroid = /(android)/i.test(navigator.userAgent);
  25. var searchResult = $(".menuresult");
  26. $("form.sidebar-form").on("blur", "input[name=q]", function () {
  27. searchResult.addClass("hide");
  28. if (isAndroid) {
  29. $.AdminLTE.options.sidebarSlimScroll = true;
  30. }
  31. }).on("focus", "input[name=q]", function () {
  32. if (isAndroid) {
  33. $.AdminLTE.options.sidebarSlimScroll = false;
  34. }
  35. if ($("a", searchResult).size() > 0) {
  36. searchResult.removeClass("hide");
  37. }
  38. }).on("keyup", "input[name=q]", function () {
  39. searchResult.html('');
  40. var val = $(this).val();
  41. var html = new Array();
  42. if (val != '') {
  43. $("ul.sidebar-menu li a[addtabs]:not([href^='javascript:;'])").each(function () {
  44. if ($("span:first", this).text().indexOf(val) > -1 || $(this).attr("py").indexOf(val) > -1 || $(this).attr("pinyin").indexOf(val) > -1) {
  45. html.push('<a data-url="' + $(this).attr("href") + '" href="javascript:;">' + $("span:first", this).text() + '</a>');
  46. if (html.length >= 100) {
  47. return false;
  48. }
  49. }
  50. });
  51. }
  52. $(searchResult).append(html.join(""));
  53. if (html.length > 0) {
  54. searchResult.removeClass("hide");
  55. } else {
  56. searchResult.addClass("hide");
  57. }
  58. });
  59. //快捷搜索点击事件
  60. $("form.sidebar-form").on('mousedown click', '.menuresult a[data-url]', function () {
  61. Backend.api.addtabs($(this).data("url"));
  62. });
  63. //读取FastAdmin的更新信息
  64. $.ajax({
  65. url: Config.fastadmin.api_url + '/news/index',
  66. type: 'post',
  67. dataType: 'jsonp',
  68. success: function (ret) {
  69. $(".notifications-menu > a span").text(ret.new > 0 ? ret.new : '');
  70. $(".notifications-menu .footer a").attr("href", ret.url);
  71. $.each(ret.newslist, function (i, j) {
  72. var item = '<li><a href="' + j.url + '" target="_blank"><i class="' + j.icon + '"></i> ' + j.title + '</a></li>';
  73. $(item).appendTo($(".notifications-menu ul.menu"));
  74. });
  75. }
  76. });
  77. //版本检测
  78. var checkupdate = function (ignoreversion, tips) {
  79. $.ajax({
  80. url: Config.fastadmin.api_url + '/version/check',
  81. type: 'post',
  82. data: {version: Config.fastadmin.version},
  83. dataType: 'jsonp',
  84. success: function (ret) {
  85. if (ret.data && ignoreversion !== ret.data.newversion) {
  86. Layer.open({
  87. title: '发现新版本',
  88. area: ["500px", "auto"],
  89. content: '<h5 style="background-color:#f7f7f7; font-size:14px; padding: 10px;">你的版本是:' + ret.data.version + ',新版本:' + ret.data.newversion + '</h5><span class="label label-danger">更新说明</span><br/>' + ret.data.upgradetext,
  90. btn: ['去下载更新', '忽略此次更新', '不再提示'],
  91. btn2: function (index, layero) {
  92. localStorage.setItem("ignoreversion", ret.data.newversion);
  93. },
  94. btn3: function (index, layero) {
  95. localStorage.setItem("ignoreversion", "*");
  96. },
  97. success: function (layero, index) {
  98. $(".layui-layer-btn0", layero).attr("href", ret.data.downloadurl).attr("target", "_blank");
  99. }
  100. });
  101. } else {
  102. if (tips) {
  103. Toastr.success("当前已经是最新版本");
  104. }
  105. }
  106. }, error: function (e) {
  107. if (tips) {
  108. Toastr.error("发生未知错误:" + e.message);
  109. }
  110. }
  111. });
  112. };
  113. //读取版本检测信息
  114. var ignoreversion = localStorage.getItem("ignoreversion");
  115. if (Config.fastadmin.checkupdate && ignoreversion !== "*") {
  116. checkupdate(ignoreversion, false);
  117. }
  118. //手动检测版本信息
  119. $("a[data-toggle='checkupdate']").on('click', function () {
  120. checkupdate('', true);
  121. });
  122. //切换左侧sidebar显示隐藏
  123. $(document).on("click fa.event.toggleitem", ".sidebar-menu li > a", function (e) {
  124. $(".sidebar-menu li").removeClass("active");
  125. //当外部触发隐藏的a时,触发父辈a的事件
  126. if (!$(this).closest("ul").is(":visible")) {
  127. //如果不需要左侧的菜单栏联动可以注释下面一行即可
  128. $(this).closest("ul").prev().trigger("click");
  129. }
  130. var visible = $(this).next("ul").is(":visible");
  131. if (!visible) {
  132. $(this).parents("li").addClass("active");
  133. } else {
  134. }
  135. e.stopPropagation();
  136. });
  137. //清除缓存
  138. $(document).on('click', "[data-toggle='wipecache']", function () {
  139. $.ajax({
  140. url: 'ajax/wipecache',
  141. dataType: 'json',
  142. cache: false,
  143. success: function (ret) {
  144. if (ret.hasOwnProperty("code")) {
  145. var msg = ret.hasOwnProperty("msg") && ret.msg != "" ? ret.msg : "";
  146. if (ret.code === 1) {
  147. Toastr.success(msg ? msg : __('Wipe cache completed'));
  148. } else {
  149. Toastr.error(msg ? msg : __('Wipe cache failed'));
  150. }
  151. } else {
  152. Toastr.error(__('Unknown data format'));
  153. }
  154. }, error: function () {
  155. Toastr.error(__('Network error'));
  156. }
  157. });
  158. });
  159. //全屏事件
  160. $(document).on('click', "[data-toggle='fullscreen']", function () {
  161. var doc = document.documentElement;
  162. if ($(document.body).hasClass("full-screen")) {
  163. $(document.body).removeClass("full-screen");
  164. document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen && document.webkitExitFullscreen();
  165. } else {
  166. $(document.body).addClass("full-screen");
  167. doc.requestFullscreen ? doc.requestFullscreen() : doc.mozRequestFullScreen ? doc.mozRequestFullScreen() : doc.webkitRequestFullscreen ? doc.webkitRequestFullscreen() : doc.msRequestFullscreen && doc.msRequestFullscreen();
  168. }
  169. });
  170. //刷新菜单事件
  171. $(document).on('refresh', '.sidebar-menu', function () {
  172. Fast.api.ajax({
  173. url: 'index/index',
  174. data: {action: 'refreshmenu'}
  175. }, function (data) {
  176. $(".sidebar-menu li:not([data-rel='external'])").remove();
  177. $(data.menulist).insertBefore($(".sidebar-menu li:first"));
  178. $("#nav ul li[role='presentation'].active a").trigger('click');
  179. return false;
  180. }, function () {
  181. return false;
  182. });
  183. });
  184. //这一行需要放在点击左侧链接事件之前
  185. var addtabs = Config.referer ? localStorage.getItem("addtabs") : null;
  186. //绑定tabs事件,如果需要点击强制刷新iframe,则请将iframeForceRefresh置为true
  187. $('#nav').addtabs({iframeHeight: "100%", iframeForceRefresh: false});
  188. if ($("ul.sidebar-menu li.active a").size() > 0) {
  189. $("ul.sidebar-menu li.active a").trigger("click");
  190. } else {
  191. $("ul.sidebar-menu li a[url!='javascript:;']:first").trigger("click");
  192. }
  193. //如果是刷新操作则直接返回刷新前的页面
  194. if (Config.referer) {
  195. if (Config.referer === $(addtabs).attr("url")) {
  196. var active = $("ul.sidebar-menu li a[addtabs=" + $(addtabs).attr("addtabs") + "]");
  197. if (active.size() > 0) {
  198. active.trigger("click");
  199. } else {
  200. $(addtabs).appendTo(document.body).addClass("hide").trigger("click");
  201. }
  202. } else {
  203. //刷新页面后跳到到刷新前的页面
  204. Backend.api.addtabs(Config.referer);
  205. }
  206. }
  207. var my_skins = [
  208. "skin-blue",
  209. "skin-white",
  210. "skin-red",
  211. "skin-yellow",
  212. "skin-purple",
  213. "skin-green",
  214. "skin-blue-light",
  215. "skin-white-light",
  216. "skin-red-light",
  217. "skin-yellow-light",
  218. "skin-purple-light",
  219. "skin-green-light"
  220. ];
  221. setup();
  222. function change_layout(cls) {
  223. $("body").toggleClass(cls);
  224. AdminLTE.layout.fixSidebar();
  225. //Fix the problem with right sidebar and layout boxed
  226. if (cls == "layout-boxed")
  227. AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
  228. if ($('body').hasClass('fixed') && cls == 'fixed') {
  229. AdminLTE.pushMenu.expandOnHover();
  230. AdminLTE.layout.activate();
  231. }
  232. AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
  233. AdminLTE.controlSidebar._fix($(".control-sidebar"));
  234. }
  235. function change_skin(cls) {
  236. if (!$("body").hasClass(cls)) {
  237. $("body").removeClass(my_skins.join(' ')).addClass(cls);
  238. localStorage.setItem('skin', cls);
  239. var cssfile = Config.site.cdnurl + "/assets/css/skins/" + cls + ".css";
  240. $('head').append('<link rel="stylesheet" href="' + cssfile + '" type="text/css" />');
  241. }
  242. return false;
  243. }
  244. function setup() {
  245. var tmp = localStorage.getItem('skin');
  246. if (tmp && $.inArray(tmp, my_skins))
  247. change_skin(tmp);
  248. // 皮肤切换
  249. $("[data-skin]").on('click', function (e) {
  250. if ($(this).hasClass('knob'))
  251. return;
  252. e.preventDefault();
  253. change_skin($(this).data('skin'));
  254. });
  255. // 布局切换
  256. $("[data-layout]").on('click', function () {
  257. change_layout($(this).data('layout'));
  258. });
  259. // 切换子菜单显示和菜单小图标的显示
  260. $("[data-menu]").on('click', function () {
  261. if ($(this).data("menu") == 'show-submenu') {
  262. $("ul.sidebar-menu").toggleClass("show-submenu");
  263. } else {
  264. $(".nav-addtabs").toggleClass("disable-top-badge");
  265. }
  266. });
  267. // 右侧控制栏切换
  268. $("[data-controlsidebar]").on('click', function () {
  269. change_layout($(this).data('controlsidebar'));
  270. var slide = !AdminLTE.options.controlSidebarOptions.slide;
  271. AdminLTE.options.controlSidebarOptions.slide = slide;
  272. if (!slide)
  273. $('.control-sidebar').removeClass('control-sidebar-open');
  274. });
  275. // 右侧控制栏背景切换
  276. $("[data-sidebarskin='toggle']").on('click', function () {
  277. var sidebar = $(".control-sidebar");
  278. if (sidebar.hasClass("control-sidebar-dark")) {
  279. sidebar.removeClass("control-sidebar-dark")
  280. sidebar.addClass("control-sidebar-light")
  281. } else {
  282. sidebar.removeClass("control-sidebar-light")
  283. sidebar.addClass("control-sidebar-dark")
  284. }
  285. });
  286. // 菜单栏展开或收起
  287. $("[data-enable='expandOnHover']").on('click', function () {
  288. $(this).attr('disabled', true);
  289. AdminLTE.pushMenu.expandOnHover();
  290. if (!$('body').hasClass('sidebar-collapse'))
  291. $("[data-layout='sidebar-collapse']").click();
  292. });
  293. // 重设选项
  294. if ($('body').hasClass('fixed')) {
  295. $("[data-layout='fixed']").attr('checked', 'checked');
  296. }
  297. if ($('body').hasClass('layout-boxed')) {
  298. $("[data-layout='layout-boxed']").attr('checked', 'checked');
  299. }
  300. if ($('body').hasClass('sidebar-collapse')) {
  301. $("[data-layout='sidebar-collapse']").attr('checked', 'checked');
  302. }
  303. if ($('ul.sidebar-menu').hasClass('show-submenu')) {
  304. $("[data-menu='show-submenu']").attr('checked', 'checked');
  305. }
  306. if ($('ul.nav-addtabs').hasClass('disable-top-badge')) {
  307. $("[data-menu='disable-top-badge']").attr('checked', 'checked');
  308. }
  309. }
  310. $(window).resize();
  311. },
  312. login: function () {
  313. var lastlogin = localStorage.getItem("lastlogin");
  314. if (lastlogin) {
  315. lastlogin = JSON.parse(lastlogin);
  316. $("#profile-img").attr("src", Backend.api.cdnurl(lastlogin.avatar));
  317. $("#profile-name").val(lastlogin.username);
  318. }
  319. //让错误提示框居中
  320. Fast.config.toastr.positionClass = "toast-top-center";
  321. //本地验证未通过时提示
  322. $("#login-form").data("validator-options", {
  323. invalid: function (form, errors) {
  324. $.each(errors, function (i, j) {
  325. Toastr.error(j);
  326. });
  327. },
  328. target: '#errtips'
  329. });
  330. //为表单绑定事件
  331. Form.api.bindevent($("#login-form"), function (data) {
  332. localStorage.setItem("lastlogin", JSON.stringify({id: data.id, username: data.username, avatar: data.avatar}));
  333. location.href = Backend.api.fixurl(data.url);
  334. });
  335. }
  336. };
  337. return Controller;
  338. });