index.js 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483
  1. define(['jquery', 'bootstrap', 'backend', 'addtabs', 'adminlte', 'form'], function ($, undefined, Backend, undefined, AdminLTE, Form) {
  2. var Controller = {
  3. index: function () {
  4. //双击重新加载页面
  5. $(document).on("dblclick", ".sidebar-menu li > a", function (e) {
  6. $("#con_" + $(this).attr("addtabs") + " iframe").attr('src', function (i, val) {
  7. return val;
  8. });
  9. e.stopPropagation();
  10. });
  11. //修复在移除窗口时下拉框不隐藏的BUG
  12. $(window).on("blur", function () {
  13. $("[data-toggle='dropdown']").parent().removeClass("open");
  14. if ($("body").hasClass("sidebar-open")) {
  15. $(".sidebar-toggle").trigger("click");
  16. }
  17. });
  18. //快捷搜索
  19. $(".menuresult").width($("form.sidebar-form > .input-group").width());
  20. var searchResult = $(".menuresult");
  21. $("form.sidebar-form").on("blur", "input[name=q]", function () {
  22. searchResult.addClass("hide");
  23. }).on("focus", "input[name=q]", function () {
  24. if ($("a", searchResult).size() > 0) {
  25. searchResult.removeClass("hide");
  26. }
  27. }).on("keyup", "input[name=q]", function () {
  28. searchResult.html('');
  29. var val = $(this).val();
  30. var html = [];
  31. if (val != '') {
  32. $("ul.sidebar-menu li a[addtabs]:not([href^='javascript:;'])").each(function () {
  33. if ($("span:first", this).text().indexOf(val) > -1 || $(this).attr("py").indexOf(val) > -1 || $(this).attr("pinyin").indexOf(val) > -1) {
  34. html.push('<a data-url="' + $(this).attr("href") + '" href="javascript:;">' + $("span:first", this).text() + '</a>');
  35. if (html.length >= 100) {
  36. return false;
  37. }
  38. }
  39. });
  40. }
  41. $(searchResult).append(html.join(""));
  42. if (html.length > 0) {
  43. searchResult.removeClass("hide");
  44. } else {
  45. searchResult.addClass("hide");
  46. }
  47. });
  48. //快捷搜索点击事件
  49. $("form.sidebar-form").on('mousedown click', '.menuresult a[data-url]', function () {
  50. Backend.api.addtabs($(this).data("url"));
  51. });
  52. //读取FastAdmin的更新信息
  53. $.ajax({
  54. url: Config.fastadmin.api_url + '/news/index',
  55. type: 'post',
  56. dataType: 'jsonp',
  57. success: function (ret) {
  58. $(".notifications-menu > a span").text(ret.new > 0 ? ret.new : '');
  59. $(".notifications-menu .footer a").attr("href", ret.url);
  60. $.each(ret.newslist, function (i, j) {
  61. var item = '<li><a href="' + j.url + '" target="_blank"><i class="' + j.icon + '"></i> ' + j.title + '</a></li>';
  62. $(item).appendTo($(".notifications-menu ul.menu"));
  63. });
  64. }
  65. });
  66. //读取首次登录推荐插件列表
  67. if (localStorage.getItem("fastep") == "installed") {
  68. $.ajax({
  69. url: Config.fastadmin.api_url + '/addon/recommend',
  70. type: 'post',
  71. dataType: 'jsonp',
  72. success: function (ret) {
  73. require(['template'], function (Template) {
  74. var install = function (name, title) {
  75. Fast.api.ajax({
  76. url: 'addon/install',
  77. data: {name: name, faversion: Config.fastadmin.version}
  78. }, function (data, ret) {
  79. Fast.api.refreshmenu();
  80. });
  81. };
  82. $(document).on('click', '.btn-install', function () {
  83. $(this).prop("disabled", true).addClass("disabled");
  84. $("input[name=addon]:checked").each(function () {
  85. install($(this).data("name"));
  86. });
  87. return false;
  88. });
  89. $(document).on('click', '.btn-notnow', function () {
  90. Layer.closeAll();
  91. });
  92. Layer.open({
  93. type: 1, skin: 'layui-layer-page', area: ["860px", "620px"], title: '',
  94. content: Template.render(ret.tpl, {addonlist: ret.rows})
  95. });
  96. localStorage.setItem("fastep", "dashboard");
  97. });
  98. }
  99. });
  100. }
  101. //版本检测
  102. var checkupdate = function (ignoreversion, tips) {
  103. $.ajax({
  104. url: Config.fastadmin.api_url + '/version/check',
  105. type: 'post',
  106. data: {version: Config.fastadmin.version},
  107. dataType: 'jsonp',
  108. success: function (ret) {
  109. if (ret.data && ignoreversion !== ret.data.newversion) {
  110. Layer.open({
  111. title: __('Discover new version'),
  112. maxHeight: 400,
  113. content: '<h5 style="background-color:#f7f7f7; font-size:14px; padding: 10px;">' + __('Your current version') + ':' + ret.data.version + ',' + __('New version') + ':' + ret.data.newversion + '</h5><span class="label label-danger">' + __('Release notes') + '</span><br/>' + ret.data.upgradetext,
  114. btn: [__('Go to download'), __('Ignore this version'), __('Do not remind again')],
  115. btn2: function (index, layero) {
  116. localStorage.setItem("ignoreversion", ret.data.newversion);
  117. },
  118. btn3: function (index, layero) {
  119. localStorage.setItem("ignoreversion", "*");
  120. },
  121. success: function (layero, index) {
  122. $(".layui-layer-btn0", layero).attr("href", ret.data.downloadurl).attr("target", "_blank");
  123. }
  124. });
  125. } else {
  126. if (tips) {
  127. Toastr.success(__('Currently is the latest version'));
  128. }
  129. }
  130. }, error: function (e) {
  131. if (tips) {
  132. Toastr.error(__('Unknown data format') + ":" + e.message);
  133. }
  134. }
  135. });
  136. };
  137. //读取版本检测信息
  138. var ignoreversion = localStorage.getItem("ignoreversion");
  139. if (Config.fastadmin.checkupdate && ignoreversion !== "*") {
  140. checkupdate(ignoreversion, false);
  141. }
  142. //手动检测版本信息
  143. $("a[data-toggle='checkupdate']").on('click', function () {
  144. checkupdate('', true);
  145. });
  146. //切换左侧sidebar显示隐藏
  147. $(document).on("click fa.event.toggleitem", ".sidebar-menu li > a", function (e) {
  148. $(".sidebar-menu li").removeClass("active");
  149. //当外部触发隐藏的a时,触发父辈a的事件
  150. if (!$(this).closest("ul").is(":visible")) {
  151. //如果不需要左侧的菜单栏联动可以注释下面一行即可
  152. $(this).closest("ul").prev().trigger("click");
  153. }
  154. var visible = $(this).next("ul").is(":visible");
  155. if (!visible) {
  156. $(this).parents("li").addClass("active");
  157. } else {
  158. }
  159. e.stopPropagation();
  160. });
  161. //清除缓存
  162. $(document).on('click', "ul.wipecache li a", function () {
  163. $.ajax({
  164. url: 'ajax/wipecache',
  165. dataType: 'json',
  166. data: {type: $(this).data("type")},
  167. cache: false,
  168. success: function (ret) {
  169. if (ret.hasOwnProperty("code")) {
  170. var msg = ret.hasOwnProperty("msg") && ret.msg != "" ? ret.msg : "";
  171. if (ret.code === 1) {
  172. Toastr.success(msg ? msg : __('Wipe cache completed'));
  173. } else {
  174. Toastr.error(msg ? msg : __('Wipe cache failed'));
  175. }
  176. } else {
  177. Toastr.error(__('Unknown data format'));
  178. }
  179. }, error: function () {
  180. Toastr.error(__('Network error'));
  181. }
  182. });
  183. });
  184. //全屏事件
  185. $(document).on('click', "[data-toggle='fullscreen']", function () {
  186. var doc = document.documentElement;
  187. if ($(document.body).hasClass("full-screen")) {
  188. $(document.body).removeClass("full-screen");
  189. document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen && document.webkitExitFullscreen();
  190. } else {
  191. $(document.body).addClass("full-screen");
  192. doc.requestFullscreen ? doc.requestFullscreen() : doc.mozRequestFullScreen ? doc.mozRequestFullScreen() : doc.webkitRequestFullscreen ? doc.webkitRequestFullscreen() : doc.msRequestFullscreen && doc.msRequestFullscreen();
  193. }
  194. });
  195. var multiplenav = Config.fastadmin.multiplenav;
  196. var firstnav = $("#firstnav .nav-addtabs");
  197. var nav = multiplenav ? $("#secondnav .nav-addtabs") : firstnav;
  198. //刷新菜单事件
  199. $(document).on('refresh', '.sidebar-menu', function () {
  200. Fast.api.ajax({
  201. url: 'index/index',
  202. data: {action: 'refreshmenu'}
  203. }, function (data) {
  204. $(".sidebar-menu li:not([data-rel='external'])").remove();
  205. $(".sidebar-menu").prepend(data.menulist);
  206. if (multiplenav) {
  207. firstnav.html(data.navlist);
  208. }
  209. $("li[role='presentation'].active a", nav).trigger('click');
  210. return false;
  211. }, function () {
  212. return false;
  213. });
  214. });
  215. if (multiplenav) {
  216. //一级菜单自适应
  217. $(window).resize(function () {
  218. var siblingsWidth = 0;
  219. firstnav.siblings().each(function () {
  220. siblingsWidth += $(this).outerWidth();
  221. });
  222. firstnav.width(firstnav.parent().width() - siblingsWidth);
  223. firstnav.refreshAddtabs();
  224. });
  225. //点击顶部第一级菜单栏
  226. firstnav.on("click", "li a", function () {
  227. $("li", firstnav).removeClass("active");
  228. $(this).closest("li").addClass("active");
  229. $(".sidebar-menu > li.treeview").addClass("hidden");
  230. if ($(this).attr("url") == "javascript:;") {
  231. var sonlist = $(".sidebar-menu > li[pid='" + $(this).attr("addtabs") + "']");
  232. sonlist.removeClass("hidden");
  233. var sidenav;
  234. var last_id = $(this).attr("last-id");
  235. if (last_id) {
  236. sidenav = $(".sidebar-menu > li[pid='" + $(this).attr("addtabs") + "'] a[addtabs='" + last_id + "']");
  237. } else {
  238. sidenav = $(".sidebar-menu > li[pid='" + $(this).attr("addtabs") + "']:first > a");
  239. }
  240. if (sidenav) {
  241. sidenav.attr("href") != "javascript:;" && sidenav.trigger('click');
  242. }
  243. } else {
  244. }
  245. });
  246. //点击左侧菜单栏
  247. $(document).on('click', '.sidebar-menu li a[addtabs]', function (e) {
  248. var parents = $(this).parentsUntil("ul.sidebar-menu", "li");
  249. var top = parents[parents.length - 1];
  250. var pid = $(top).attr("pid");
  251. if (pid) {
  252. var obj = $("li a[addtabs=" + pid + "]", firstnav);
  253. var last_id = obj.attr("last-id");
  254. if (!last_id || last_id != pid) {
  255. obj.attr("last-id", $(this).attr("addtabs"));
  256. if (!obj.closest("li").hasClass("active")) {
  257. obj.trigger("click");
  258. }
  259. }
  260. }
  261. });
  262. var mobilenav = $(".mobilenav");
  263. $("#firstnav .nav-addtabs li a").each(function () {
  264. mobilenav.append($(this).clone().addClass("btn btn-app"));
  265. });
  266. //点击移动端一级菜单
  267. mobilenav.on("click", "a", function () {
  268. $("a", mobilenav).removeClass("active");
  269. $(this).addClass("active");
  270. $(".sidebar-menu > li.treeview").addClass("hidden");
  271. if ($(this).attr("url") == "javascript:;") {
  272. var sonlist = $(".sidebar-menu > li[pid='" + $(this).attr("addtabs") + "']");
  273. sonlist.removeClass("hidden");
  274. }
  275. });
  276. }
  277. //这一行需要放在点击左侧链接事件之前
  278. var addtabs = Config.referer ? localStorage.getItem("addtabs") : null;
  279. //绑定tabs事件,如果需要点击强制刷新iframe,则请将iframeForceRefresh置为true,iframeForceRefreshTable只强制刷新表格
  280. nav.addtabs({iframeHeight: "100%", iframeForceRefresh: false, iframeForceRefreshTable: true, nav: nav});
  281. if ($("ul.sidebar-menu li.active a").size() > 0) {
  282. $("ul.sidebar-menu li.active a").trigger("click");
  283. } else {
  284. if (Config.fastadmin.multiplenav) {
  285. $("li:first > a", firstnav).trigger("click");
  286. } else {
  287. $("ul.sidebar-menu li a[url!='javascript:;']:first").trigger("click");
  288. }
  289. }
  290. //如果是刷新操作则直接返回刷新前的页面
  291. if (Config.referer) {
  292. if (Config.referer === $(addtabs).attr("url")) {
  293. var active = $("ul.sidebar-menu li a[addtabs=" + $(addtabs).attr("addtabs") + "]");
  294. if (multiplenav && active.size() == 0) {
  295. active = $("ul li a[addtabs='" + $(addtabs).attr("addtabs") + "']");
  296. }
  297. if (active.size() > 0) {
  298. active.trigger("click");
  299. } else {
  300. $(addtabs).appendTo(document.body).addClass("hide").trigger("click");
  301. }
  302. } else {
  303. //刷新页面后跳到到刷新前的页面
  304. Backend.api.addtabs(Config.referer);
  305. }
  306. }
  307. var my_skins = [
  308. "skin-blue",
  309. "skin-white",
  310. "skin-red",
  311. "skin-yellow",
  312. "skin-purple",
  313. "skin-green",
  314. "skin-blue-light",
  315. "skin-white-light",
  316. "skin-red-light",
  317. "skin-yellow-light",
  318. "skin-purple-light",
  319. "skin-green-light"
  320. ];
  321. setup();
  322. function change_layout(cls) {
  323. $("body").toggleClass(cls);
  324. AdminLTE.layout.fixSidebar();
  325. //Fix the problem with right sidebar and layout boxed
  326. if (cls == "layout-boxed")
  327. AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
  328. if ($('body').hasClass('fixed') && cls == 'fixed') {
  329. AdminLTE.pushMenu.expandOnHover();
  330. AdminLTE.layout.activate();
  331. }
  332. AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
  333. AdminLTE.controlSidebar._fix($(".control-sidebar"));
  334. }
  335. function change_skin(cls) {
  336. if (!$("body").hasClass(cls)) {
  337. $("body").removeClass(my_skins.join(' ')).addClass(cls);
  338. localStorage.setItem('skin', cls);
  339. var cssfile = Config.site.cdnurl + "/assets/css/skins/" + cls + ".css";
  340. $('head').append('<link rel="stylesheet" href="' + cssfile + '" type="text/css" />');
  341. }
  342. return false;
  343. }
  344. function setup() {
  345. var tmp = localStorage.getItem('skin');
  346. if (tmp && $.inArray(tmp, my_skins))
  347. change_skin(tmp);
  348. // 皮肤切换
  349. $("[data-skin]").on('click', function (e) {
  350. if ($(this).hasClass('knob'))
  351. return;
  352. e.preventDefault();
  353. change_skin($(this).data('skin'));
  354. });
  355. // 布局切换
  356. $("[data-layout]").on('click', function () {
  357. change_layout($(this).data('layout'));
  358. });
  359. // 切换子菜单显示和菜单小图标的显示
  360. $("[data-menu]").on('click', function () {
  361. if ($(this).data("menu") == 'show-submenu') {
  362. $("ul.sidebar-menu").toggleClass("show-submenu");
  363. } else {
  364. nav.toggleClass("disable-top-badge");
  365. }
  366. });
  367. // 右侧控制栏切换
  368. $("[data-controlsidebar]").on('click', function () {
  369. change_layout($(this).data('controlsidebar'));
  370. var slide = !AdminLTE.options.controlSidebarOptions.slide;
  371. AdminLTE.options.controlSidebarOptions.slide = slide;
  372. if (!slide)
  373. $('.control-sidebar').removeClass('control-sidebar-open');
  374. });
  375. // 右侧控制栏背景切换
  376. $("[data-sidebarskin='toggle']").on('click', function () {
  377. var sidebar = $(".control-sidebar");
  378. if (sidebar.hasClass("control-sidebar-dark")) {
  379. sidebar.removeClass("control-sidebar-dark")
  380. sidebar.addClass("control-sidebar-light")
  381. } else {
  382. sidebar.removeClass("control-sidebar-light")
  383. sidebar.addClass("control-sidebar-dark")
  384. }
  385. });
  386. // 菜单栏展开或收起
  387. $("[data-enable='expandOnHover']").on('click', function () {
  388. $(this).attr('disabled', true);
  389. AdminLTE.pushMenu.expandOnHover();
  390. if (!$('body').hasClass('sidebar-collapse'))
  391. $("[data-layout='sidebar-collapse']").click();
  392. });
  393. // 重设选项
  394. if ($('body').hasClass('fixed')) {
  395. $("[data-layout='fixed']").attr('checked', 'checked');
  396. }
  397. if ($('body').hasClass('layout-boxed')) {
  398. $("[data-layout='layout-boxed']").attr('checked', 'checked');
  399. }
  400. if ($('body').hasClass('sidebar-collapse')) {
  401. $("[data-layout='sidebar-collapse']").attr('checked', 'checked');
  402. }
  403. if ($('ul.sidebar-menu').hasClass('show-submenu')) {
  404. $("[data-menu='show-submenu']").attr('checked', 'checked');
  405. }
  406. if (nav.hasClass('disable-top-badge')) {
  407. $("[data-menu='disable-top-badge']").attr('checked', 'checked');
  408. }
  409. }
  410. $(window).resize();
  411. },
  412. login: function () {
  413. var lastlogin = localStorage.getItem("lastlogin");
  414. if (lastlogin) {
  415. lastlogin = JSON.parse(lastlogin);
  416. $("#profile-img").attr("src", Backend.api.cdnurl(lastlogin.avatar));
  417. $("#profile-name").val(lastlogin.username);
  418. }
  419. //让错误提示框居中
  420. Fast.config.toastr.positionClass = "toast-top-center";
  421. //本地验证未通过时提示
  422. $("#login-form").data("validator-options", {
  423. invalid: function (form, errors) {
  424. $.each(errors, function (i, j) {
  425. Toastr.error(j);
  426. });
  427. },
  428. target: '#errtips'
  429. });
  430. //为表单绑定事件
  431. Form.api.bindevent($("#login-form"), function (data) {
  432. localStorage.setItem("lastlogin", JSON.stringify({
  433. id: data.id,
  434. username: data.username,
  435. avatar: data.avatar
  436. }));
  437. location.href = Backend.api.fixurl(data.url);
  438. });
  439. }
  440. };
  441. return Controller;
  442. });