index.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408
  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. // //读取版本检测信息
  115. // var ignoreversion = localStorage.getItem("ignoreversion");
  116. // if (Config.fastadmin.checkupdate && ignoreversion !== "*") {
  117. // checkupdate(ignoreversion, false);
  118. // }
  119. // //手动检测版本信息
  120. // $("a[data-toggle='checkupdate']").on('click', function () {
  121. // checkupdate('', true);
  122. // });
  123. //切换左侧sidebar显示隐藏
  124. $(document).on("click fa.event.toggleitem", ".sidebar-menu li > a", function (e) {
  125. $(".sidebar-menu li").removeClass("active");
  126. //当外部触发隐藏的a时,触发父辈a的事件
  127. if (!$(this).closest("ul").is(":visible")) {
  128. //如果不需要左侧的菜单栏联动可以注释下面一行即可
  129. $(this).closest("ul").prev().trigger("click");
  130. }
  131. var visible = $(this).next("ul").is(":visible");
  132. if (!visible) {
  133. $(this).parents("li").addClass("active");
  134. } else {
  135. }
  136. e.stopPropagation();
  137. });
  138. //清除缓存
  139. $(document).on('click', "[data-toggle='wipecache']", function () {
  140. $.ajax({
  141. url: 'ajax/wipecache',
  142. dataType: 'json',
  143. cache: false,
  144. success: function (ret) {
  145. if (ret.hasOwnProperty("code")) {
  146. var msg = ret.hasOwnProperty("msg") && ret.msg != "" ? ret.msg : "";
  147. if (ret.code === 1) {
  148. Toastr.success(msg ? msg : __('Wipe cache completed'));
  149. } else {
  150. Toastr.error(msg ? msg : __('Wipe cache failed'));
  151. }
  152. } else {
  153. Toastr.error(__('Unknown data format'));
  154. }
  155. }, error: function () {
  156. Toastr.error(__('Network error'));
  157. }
  158. });
  159. });
  160. //全屏事件
  161. $(document).on('click', "[data-toggle='fullscreen']", function () {
  162. var doc = document.documentElement;
  163. if ($(document.body).hasClass("full-screen")) {
  164. $(document.body).removeClass("full-screen");
  165. document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen && document.webkitExitFullscreen();
  166. } else {
  167. $(document.body).addClass("full-screen");
  168. doc.requestFullscreen ? doc.requestFullscreen() : doc.mozRequestFullScreen ? doc.mozRequestFullScreen() : doc.webkitRequestFullscreen ? doc.webkitRequestFullscreen() : doc.msRequestFullscreen && doc.msRequestFullscreen();
  169. }
  170. });
  171. //这一行需要放在点击左侧链接事件之前
  172. var addtabs = Config.referer ? localStorage.getItem("addtabs") : null;
  173. //绑定tabs事件,如果需要点击强制刷新iframe,则请将iframeForceRefresh置为true
  174. $('#nav').addtabs({iframeHeight: "100%", iframeForceRefresh: true});
  175. if ($("ul.sidebar-menu li.active a").size() > 0) {
  176. $("ul.sidebar-menu li.active a").trigger("click");
  177. } else {
  178. $("ul.sidebar-menu li a[url!='javascript:;']:first").trigger("click");
  179. }
  180. //如果是刷新操作则直接返回刷新前的页面
  181. if (Config.referer) {
  182. if (Config.referer === $(addtabs).attr("url")) {
  183. var active = $("ul.sidebar-menu li a[addtabs=" + $(addtabs).attr("addtabs") + "]");
  184. if (active.size() > 0) {
  185. active.trigger("click");
  186. } else {
  187. $(addtabs).appendTo(document.body).addClass("hide").trigger("click");
  188. }
  189. } else {
  190. //刷新页面后跳到到刷新前的页面
  191. Backend.api.addtabs(Config.referer);
  192. }
  193. }
  194. /**
  195. * List of all the available skins
  196. *
  197. * @type Array
  198. */
  199. var my_skins = [
  200. "skin-blue",
  201. "skin-black",
  202. "skin-white",
  203. "skin-red",
  204. "skin-yellow",
  205. "skin-purple",
  206. "skin-green",
  207. "skin-blue-light",
  208. "skin-black-light",
  209. "skin-white-light",
  210. "skin-red-light",
  211. "skin-yellow-light",
  212. "skin-purple-light",
  213. "skin-green-light"
  214. ];
  215. setup();
  216. /**
  217. * Toggles layout classes
  218. *
  219. * @param String cls the layout class to toggle
  220. * @returns void
  221. */
  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' && false) {
  229. AdminLTE.pushMenu.expandOnHover();
  230. AdminLTE.layout.activate();
  231. }
  232. AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
  233. AdminLTE.controlSidebar._fix($(".control-sidebar"));
  234. }
  235. /**
  236. * Replaces the old skin with the new skin
  237. * @param String cls the new skin class
  238. * @returns Boolean false to prevent link's default action
  239. */
  240. function change_skin(cls) {
  241. if (!$("body").hasClass(cls)) {
  242. $.each(my_skins, function (i) {
  243. $("body").removeClass(my_skins[i]);
  244. });
  245. $("body").addClass(cls);
  246. store('skin', cls);
  247. var cssfile = Config.site.cdnurl + "/assets/css/skins/" + cls + ".css";
  248. $('head').append('<link rel="stylesheet" href="' + cssfile + '" type="text/css" />');
  249. }
  250. return false;
  251. }
  252. /**
  253. * Store a new settings in the browser
  254. *
  255. * @param String name Name of the setting
  256. * @param String val Value of the setting
  257. * @returns void
  258. */
  259. function store(name, val) {
  260. if (typeof (Storage) !== "undefined") {
  261. localStorage.setItem(name, val);
  262. } else {
  263. window.alert('Please use a modern browser to properly view this template!');
  264. }
  265. }
  266. /**
  267. * Get a prestored setting
  268. *
  269. * @param String name Name of of the setting
  270. * @returns String The value of the setting | null
  271. */
  272. function get(name) {
  273. if (typeof (Storage) !== "undefined") {
  274. return localStorage.getItem(name);
  275. } else {
  276. window.alert('Please use a modern browser to properly view this template!');
  277. }
  278. }
  279. /**
  280. * Retrieve default settings and apply them to the template
  281. *
  282. * @returns void
  283. */
  284. function setup() {
  285. var tmp = get('skin');
  286. if (tmp && $.inArray(tmp, my_skins))
  287. change_skin(tmp);
  288. // 皮肤切换
  289. $("[data-skin]").on('click', function (e) {
  290. if ($(this).hasClass('knob'))
  291. return;
  292. e.preventDefault();
  293. change_skin($(this).data('skin'));
  294. });
  295. // 布局切换
  296. $("[data-layout]").on('click', function () {
  297. change_layout($(this).data('layout'));
  298. });
  299. // 切换子菜单显示和菜单小图标的显示
  300. $("[data-menu]").on('click', function () {
  301. if ($(this).data("menu") == 'show-submenu') {
  302. $("ul.sidebar-menu").toggleClass("show-submenu");
  303. } else {
  304. $(".nav-addtabs").toggleClass("disable-top-badge");
  305. }
  306. });
  307. // 右侧控制栏切换
  308. $("[data-controlsidebar]").on('click', function () {
  309. change_layout($(this).data('controlsidebar'));
  310. var slide = !AdminLTE.options.controlSidebarOptions.slide;
  311. AdminLTE.options.controlSidebarOptions.slide = slide;
  312. if (!slide)
  313. $('.control-sidebar').removeClass('control-sidebar-open');
  314. });
  315. // 右侧控制栏背景切换
  316. $("[data-sidebarskin='toggle']").on('click', function () {
  317. var sidebar = $(".control-sidebar");
  318. if (sidebar.hasClass("control-sidebar-dark")) {
  319. sidebar.removeClass("control-sidebar-dark")
  320. sidebar.addClass("control-sidebar-light")
  321. } else {
  322. sidebar.removeClass("control-sidebar-light")
  323. sidebar.addClass("control-sidebar-dark")
  324. }
  325. });
  326. // 菜单栏展开或收起
  327. $("[data-enable='expandOnHover']").on('click', function () {
  328. $(this).attr('disabled', true);
  329. AdminLTE.pushMenu.expandOnHover();
  330. if (!$('body').hasClass('sidebar-collapse'))
  331. $("[data-layout='sidebar-collapse']").click();
  332. });
  333. // 重设选项
  334. if ($('body').hasClass('fixed')) {
  335. $("[data-layout='fixed']").attr('checked', 'checked');
  336. }
  337. if ($('body').hasClass('layout-boxed')) {
  338. $("[data-layout='layout-boxed']").attr('checked', 'checked');
  339. }
  340. if ($('body').hasClass('sidebar-collapse')) {
  341. $("[data-layout='sidebar-collapse']").attr('checked', 'checked');
  342. }
  343. if ($('ul.sidebar-menu').hasClass('show-submenu')) {
  344. $("[data-menu='show-submenu']").attr('checked', 'checked');
  345. }
  346. if ($('ul.nav-addtabs').hasClass('disable-top-badge')) {
  347. $("[data-menu='disable-top-badge']").attr('checked', 'checked');
  348. }
  349. }
  350. $(window).resize();
  351. },
  352. login: function () {
  353. var lastlogin = localStorage.getItem("lastlogin");
  354. if (lastlogin) {
  355. lastlogin = JSON.parse(lastlogin);
  356. $("#profile-img").attr("src", Backend.api.cdnurl(lastlogin.avatar));
  357. $("#profile-name").val(lastlogin.username);
  358. }
  359. //让错误提示框居中
  360. Fast.config.toastr.positionClass = "toast-top-center";
  361. //本地验证未通过时提示
  362. $("#login-form").data("validator-options", {
  363. invalid: function (form, errors) {
  364. $.each(errors, function (i, j) {
  365. Toastr.error(j);
  366. });
  367. },
  368. target: '#errtips'
  369. });
  370. //为表单绑定事件
  371. Form.api.bindevent($("#login-form"), function (data) {
  372. localStorage.setItem("lastlogin", JSON.stringify({id: data.id, username: data.username, avatar: data.avatar}));
  373. location.href = Backend.api.fixurl(data.url);
  374. });
  375. }
  376. };
  377. return Controller;
  378. });