IM12345_Web demo - 代码源于 商丘市12345项目

hplus.min.js 5.0KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. function NavToggle() {
  2. $(".navbar-minimalize").trigger("click")
  3. }
  4. function SmoothlyMenu() {
  5. $("body").hasClass("mini-navbar") ? $("body").hasClass("fixed-sidebar") ? ($("#side-menu").hide(), setTimeout(function() {
  6. $("#side-menu").fadeIn(500)
  7. }, 300)) : $("#side-menu").removeAttr("style") : ($("#side-menu").hide(), setTimeout(function() {
  8. $("#side-menu").fadeIn(500)
  9. }, 100))
  10. }
  11. function localStorageSupport() {
  12. return "localStorage" in window && null !== window.localStorage
  13. }
  14. layer.config({}), $(document).ready(function() {
  15. function e() {
  16. var e = $("body > #wrapper").height() - 61;
  17. $(".sidebard-panel").css("min-height", e + "px")
  18. }
  19. $("#side-menu").metisMenu(), $(".right-sidebar-toggle").click(function() {
  20. $("#right-sidebar").toggleClass("sidebar-open")
  21. })
  22. , $(".sidebar-container").slimScroll({
  23. height: "100%",
  24. railOpacity: .4,
  25. wheelStep: 10
  26. })
  27. , $(".open-small-chat").click(function() {
  28. $(this).children().toggleClass("fa-comment").toggleClass("fa-remove"), $(".small-chat-box").toggleClass("active")
  29. }), $(".small-chat-box .content").slimScroll({
  30. height: "400px",
  31. // height: "100%",
  32. railOpacity: .4
  33. }), $(".check-link").click(function() {
  34. var e = $(this).find("i"),
  35. a = $(this).next("span");
  36. return e.toggleClass("fa-check-square").toggleClass("fa-square-o"), a.toggleClass("todo-completed"), !1
  37. })
  38. , $(function() {
  39. $(".sidebar-collapse").slimScroll({
  40. height: "100%",
  41. railOpacity: .9,
  42. alwaysVisible: !1
  43. })
  44. })
  45. , $(".navbar-minimalize").click(function() {
  46. $("body").toggleClass("mini-navbar"), SmoothlyMenu()
  47. }), e(), $(window).bind("load resize click scroll", function() {
  48. $("body").hasClass("body-small") || e()
  49. }), $(window).scroll(function() {
  50. $(window).scrollTop() > 0 && !$("body").hasClass("fixed-nav") ? $("#right-sidebar").addClass("sidebar-top") : $("#right-sidebar").removeClass("sidebar-top")
  51. }), $(".full-height-scroll").slimScroll({
  52. height: "100%"
  53. }), $("#side-menu>li").click(function() {
  54. $("body").hasClass("mini-navbar") && NavToggle()
  55. }), $("#side-menu>li li a").click(function() {
  56. $(window).width() < 769 && NavToggle()
  57. }), $(".nav-close").click(NavToggle), /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) && $("#content-main").css("overflow-y", "auto")
  58. }), $(window).bind("load resize", function() {
  59. $(this).width() < 769 && ($("body").addClass("mini-navbar"), $(".navbar-static-side").fadeIn())
  60. }), $(function() {
  61. if($("#fixednavbar").click(function() {
  62. $("#fixednavbar").is(":checked") ? ($(".navbar-static-top").removeClass("navbar-static-top").addClass("navbar-fixed-top"), $("body").removeClass("boxed-layout"), $("body").addClass("fixed-nav"), $("#boxedlayout").prop("checked", !1), localStorageSupport && localStorage.setItem("boxedlayout", "off"), localStorageSupport && localStorage.setItem("fixednavbar", "on")) : ($(".navbar-fixed-top").removeClass("navbar-fixed-top").addClass("navbar-static-top"), $("body").removeClass("fixed-nav"), localStorageSupport && localStorage.setItem("fixednavbar", "off"))
  63. }), $("#collapsemenu").click(function() {
  64. $("#collapsemenu").is(":checked") ? ($("body").addClass("mini-navbar"), SmoothlyMenu(), localStorageSupport && localStorage.setItem("collapse_menu", "on")) : ($("body").removeClass("mini-navbar"), SmoothlyMenu(), localStorageSupport && localStorage.setItem("collapse_menu", "off"))
  65. }), $("#boxedlayout").click(function() {
  66. $("#boxedlayout").is(":checked") ? ($("body").addClass("boxed-layout"), $("#fixednavbar").prop("checked", !1), $(".navbar-fixed-top").removeClass("navbar-fixed-top").addClass("navbar-static-top"), $("body").removeClass("fixed-nav"), localStorageSupport && localStorage.setItem("fixednavbar", "off"), localStorageSupport && localStorage.setItem("boxedlayout", "on")) : ($("body").removeClass("boxed-layout"), localStorageSupport && localStorage.setItem("boxedlayout", "off"))
  67. }), $(".s-skin-0").click(function() {
  68. return $("body").removeClass("skin-1"), $("body").removeClass("skin-2"), $("body").removeClass("skin-3"), !1
  69. }), $(".s-skin-1").click(function() {
  70. return $("body").removeClass("skin-2"), $("body").removeClass("skin-3"), $("body").addClass("skin-1"), !1
  71. }), $(".s-skin-3").click(function() {
  72. return $("body").removeClass("skin-1"), $("body").removeClass("skin-2"), $("body").addClass("skin-3"), !1
  73. }), localStorageSupport) {
  74. var e = localStorage.getItem("collapse_menu"),
  75. a = localStorage.getItem("fixednavbar"),
  76. o = localStorage.getItem("boxedlayout");
  77. "on" == e && $("#collapsemenu").prop("checked", "checked"), "on" == a && $("#fixednavbar").prop("checked", "checked"), "on" == o && $("#boxedlayout").prop("checked", "checked")
  78. }
  79. if(localStorageSupport) {
  80. var e = localStorage.getItem("collapse_menu"),
  81. a = localStorage.getItem("fixednavbar"),
  82. o = localStorage.getItem("boxedlayout"),
  83. l = $("body");
  84. "on" == e && (l.hasClass("body-small") || l.addClass("mini-navbar")), "on" == a && ($(".navbar-static-top").removeClass("navbar-static-top").addClass("navbar-fixed-top"), l.addClass("fixed-nav")), "on" == o && l.addClass("boxed-layout")
  85. }
  86. });