You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

839 lines
29 KiB

  1. /*! AdminLTE app.js
  2. * ================
  3. * Main JS application file for AdminLTE v2. This file
  4. * should be included in all pages. It controls some layout
  5. * options and implements exclusive AdminLTE plugins.
  6. *
  7. * @Author Almsaeed Studio
  8. * @Support <http://www.almsaeedstudio.com>
  9. * @Email <abdullah@almsaeedstudio.com>
  10. * @version 2.3.8
  11. * @license MIT <http://opensource.org/licenses/MIT>
  12. */
  13. //Make sure jQuery has been loaded before app.js
  14. if (typeof jQuery === "undefined") {
  15. throw new Error("AdminLTE requires jQuery");
  16. }
  17. /* AdminLTE
  18. *
  19. * @type Object
  20. * @description $.AdminLTE is the main object for the template's app.
  21. * It's used for implementing functions and options related
  22. * to the template. Keeping everything wrapped in an object
  23. * prevents conflict with other plugins and is a better
  24. * way to organize our code.
  25. */
  26. $.AdminLTE = {};
  27. /* --------------------
  28. * - AdminLTE Options -
  29. * --------------------
  30. * Modify these options to suit your implementation
  31. */
  32. $.AdminLTE.options = {
  33. //Add slimscroll to navbar menus
  34. //This requires you to load the slimscroll plugin
  35. //in every page before app.js
  36. navbarMenuSlimscroll: true,
  37. navbarMenuSlimscrollWidth: "3px", //The width of the scroll bar
  38. navbarMenuHeight: "200px", //The height of the inner menu
  39. //General animation speed for JS animated elements such as box collapse/expand and
  40. //sidebar treeview slide up/down. This options accepts an integer as milliseconds,
  41. //'fast', 'normal', or 'slow'
  42. animationSpeed: 300,
  43. //Sidebar push menu toggle button selector
  44. sidebarToggleSelector: "[data-toggle='offcanvas']",
  45. //Activate sidebar push menu
  46. sidebarPushMenu: true,
  47. //Activate sidebar slimscroll if the fixed layout is set (requires SlimScroll Plugin)
  48. sidebarSlimScroll: true,
  49. //Enable sidebar expand on hover effect for sidebar mini
  50. //This option is forced to true if both the fixed layout and sidebar mini
  51. //are used together
  52. sidebarExpandOnHover: false,
  53. //BoxRefresh Plugin
  54. enableBoxRefresh: true,
  55. //Bootstrap.js tooltip
  56. enableBSToppltip: true,
  57. BSTooltipSelector: "[data-toggle='tooltip']",
  58. //Enable Fast Click. Fastclick.js creates a more
  59. //native touch experience with touch devices. If you
  60. //choose to enable the plugin, make sure you load the script
  61. //before AdminLTE's app.js
  62. enableFastclick: false,
  63. //Control Sidebar Tree views
  64. enableControlTreeView: true,
  65. //Control Sidebar Options
  66. enableControlSidebar: true,
  67. controlSidebarOptions: {
  68. //Which button should trigger the open/close event
  69. toggleBtnSelector: "[data-toggle='control-sidebar']",
  70. //The sidebar selector
  71. selector: ".control-sidebar",
  72. //Enable slide over content
  73. slide: true
  74. },
  75. //Box Widget Plugin. Enable this plugin
  76. //to allow boxes to be collapsed and/or removed
  77. enableBoxWidget: true,
  78. //Box Widget plugin options
  79. boxWidgetOptions: {
  80. boxWidgetIcons: {
  81. //Collapse icon
  82. collapse: 'fa-minus',
  83. //Open icon
  84. open: 'fa-plus',
  85. //Remove icon
  86. remove: 'fa-times'
  87. },
  88. boxWidgetSelectors: {
  89. //Remove button selector
  90. remove: '[data-widget="remove"]',
  91. //Collapse button selector
  92. collapse: '[data-widget="collapse"]'
  93. }
  94. },
  95. //Direct Chat plugin options
  96. directChat: {
  97. //Enable direct chat by default
  98. enable: true,
  99. //The button to open and close the chat contacts pane
  100. contactToggleSelector: '[data-widget="chat-pane-toggle"]'
  101. },
  102. //Define the set of colors to use globally around the website
  103. colors: {
  104. lightBlue: "#3c8dbc",
  105. red: "#f56954",
  106. green: "#00a65a",
  107. aqua: "#00c0ef",
  108. yellow: "#f39c12",
  109. blue: "#0073b7",
  110. navy: "#001F3F",
  111. teal: "#39CCCC",
  112. olive: "#3D9970",
  113. lime: "#01FF70",
  114. orange: "#FF851B",
  115. fuchsia: "#F012BE",
  116. purple: "#8E24AA",
  117. maroon: "#D81B60",
  118. black: "#222222",
  119. gray: "#d2d6de"
  120. },
  121. //The standard screen sizes that bootstrap uses.
  122. //If you change these in the variables.less file, change
  123. //them here too.
  124. screenSizes: {
  125. xs: 480,
  126. sm: 768,
  127. md: 992,
  128. lg: 1200
  129. }
  130. };
  131. /* ------------------
  132. * - Implementation -
  133. * ------------------
  134. * The next block of code implements AdminLTE's
  135. * functions and plugins as specified by the
  136. * options above.
  137. */
  138. $(function () {
  139. "use strict";
  140. //Fix for IE page transitions
  141. $("body").removeClass("hold-transition");
  142. //Extend options if external options exist
  143. if (typeof AdminLTEOptions !== "undefined") {
  144. $.extend(true,
  145. $.AdminLTE.options,
  146. AdminLTEOptions);
  147. }
  148. if ('ontouchstart' in document.documentElement) {
  149. $.AdminLTE.options.sidebarSlimScroll = false;
  150. $(".main-sidebar").css({height: ($(window).height() - $(".main-header").height()) + "px", overflow: "scroll"});
  151. }
  152. //Easy access to options
  153. var o = $.AdminLTE.options;
  154. //Set up the object
  155. _init();
  156. //Activate the layout maker
  157. $.AdminLTE.layout.activate();
  158. //Enable sidebar tree view controls
  159. if (o.enableControlTreeView) {
  160. $.AdminLTE.tree('.sidebar');
  161. }
  162. //Enable control sidebar
  163. if (o.enableControlSidebar) {
  164. $.AdminLTE.controlSidebar.activate();
  165. }
  166. //Add slimscroll to navbar dropdown
  167. if (o.navbarMenuSlimscroll && typeof $.fn.slimscroll != 'undefined') {
  168. $(".navbar .menu").slimscroll({
  169. height: o.navbarMenuHeight,
  170. alwaysVisible: false,
  171. size: o.navbarMenuSlimscrollWidth
  172. }).css("width", "100%");
  173. }
  174. //Activate sidebar push menu
  175. if (o.sidebarPushMenu) {
  176. $.AdminLTE.pushMenu.activate(o.sidebarToggleSelector);
  177. }
  178. //Activate Bootstrap tooltip
  179. if (o.enableBSToppltip) {
  180. $('body').tooltip({
  181. selector: o.BSTooltipSelector,
  182. container: 'body'
  183. });
  184. }
  185. //Activate box widget
  186. if (o.enableBoxWidget) {
  187. $.AdminLTE.boxWidget.activate();
  188. }
  189. //Activate fast click
  190. if (o.enableFastclick && typeof FastClick != 'undefined') {
  191. FastClick.attach(document.body);
  192. }
  193. //Activate direct chat widget
  194. if (o.directChat.enable) {
  195. $(document).on('click', o.directChat.contactToggleSelector, function () {
  196. var box = $(this).parents('.direct-chat').first();
  197. box.toggleClass('direct-chat-contacts-open');
  198. });
  199. }
  200. /*
  201. * INITIALIZE BUTTON TOGGLE
  202. * ------------------------
  203. */
  204. $('.btn-group[data-toggle="btn-toggle"]').each(function () {
  205. var group = $(this);
  206. $(this).find(".btn").on('click', function (e) {
  207. group.find(".btn.active").removeClass("active");
  208. $(this).addClass("active");
  209. e.preventDefault();
  210. });
  211. });
  212. });
  213. /* ----------------------------------
  214. * - Initialize the AdminLTE Object -
  215. * ----------------------------------
  216. * All AdminLTE functions are implemented below.
  217. */
  218. function _init() {
  219. 'use strict';
  220. /* Layout
  221. * ======
  222. * Fixes the layout height in case min-height fails.
  223. *
  224. * @type Object
  225. * @usage $.AdminLTE.layout.activate()
  226. * $.AdminLTE.layout.fix()
  227. * $.AdminLTE.layout.fixSidebar()
  228. */
  229. $.AdminLTE.layout = {
  230. activate: function () {
  231. var _this = this;
  232. //_this.fix();
  233. _this.fixSidebar();
  234. //$('body, html, .wrapper').css('height', 'auto');
  235. $(window, ".wrapper").resize(function () {
  236. //_this.fix();
  237. _this.fixSidebar();
  238. });
  239. },
  240. fix: function () {
  241. // Remove overflow from .wrapper if layout-boxed exists
  242. $(".layout-boxed > .wrapper").css('overflow', 'hidden');
  243. //Get window height and the wrapper height
  244. var footer_height = $('.main-footer').outerHeight() || 0;
  245. var neg = $('.main-header').outerHeight() + footer_height;
  246. var window_height = $(window).height();
  247. var sidebar_height = $(".sidebar").height() || 0;
  248. //Set the min-height of the content and sidebar based on the
  249. //the height of the document.
  250. if ($("body").hasClass("fixed")) {
  251. $(".content-wrapper, .right-side").css('min-height', window_height - footer_height);
  252. } else {
  253. var postSetWidth;
  254. if (window_height >= sidebar_height) {
  255. $(".content-wrapper, .right-side").css('min-height', window_height - neg);
  256. postSetWidth = window_height - neg;
  257. } else {
  258. $(".content-wrapper, .right-side").css('min-height', sidebar_height);
  259. postSetWidth = sidebar_height;
  260. }
  261. //Fix for the control sidebar height
  262. var controlSidebar = $($.AdminLTE.options.controlSidebarOptions.selector);
  263. if (typeof controlSidebar !== "undefined") {
  264. if (controlSidebar.height() > postSetWidth)
  265. $(".content-wrapper, .right-side").css('min-height', controlSidebar.height());
  266. }
  267. }
  268. },
  269. fixSidebar: function () {
  270. //Make sure the body tag has the .fixed class
  271. if (!$("body").hasClass("fixed")) {
  272. if (typeof $.fn.slimScroll != 'undefined') {
  273. $(".sidebar").slimScroll({destroy: true}).height("auto");
  274. }
  275. return;
  276. } else if (typeof $.fn.slimScroll == 'undefined' && window.console) {
  277. window.console.error("Error: the fixed layout requires the slimscroll plugin!");
  278. }
  279. //Enable slimscroll for fixed layout
  280. if ($.AdminLTE.options.sidebarSlimScroll) {
  281. if (typeof $.fn.slimScroll != 'undefined') {
  282. //Destroy if it exists
  283. $(".sidebar").slimScroll({destroy: true}).height("auto").css("overflow", "inherit");
  284. if (!$("body").hasClass('sidebar-collapse')) {
  285. //Add slimscroll
  286. $(".sidebar").slimscroll({
  287. height: ($(window).height() - $(".main-header").height()) + "px",
  288. color: "rgba(0,0,0,0.2)",
  289. size: "8px"
  290. });
  291. }
  292. }
  293. }
  294. }
  295. };
  296. /* PushMenu()
  297. * ==========
  298. * Adds the push menu functionality to the sidebar.
  299. *
  300. * @type Function
  301. * @usage: $.AdminLTE.pushMenu("[data-toggle='offcanvas']")
  302. */
  303. $.AdminLTE.pushMenu = {
  304. activate: function (toggleBtn) {
  305. //Get the screen sizes
  306. var screenSizes = $.AdminLTE.options.screenSizes;
  307. //Enable sidebar toggle
  308. $(document).on('click', toggleBtn, function (e) {
  309. e.preventDefault();
  310. //Enable sidebar push menu
  311. if ($(window).width() > (screenSizes.sm - 1)) {
  312. if ($("body").hasClass('sidebar-collapse')) {
  313. $("body").removeClass('sidebar-collapse').trigger('expanded.pushMenu');
  314. } else {
  315. $("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');
  316. }
  317. }
  318. //Handle sidebar push menu for small screens
  319. else {
  320. if ($("body").hasClass('sidebar-open')) {
  321. $("body").removeClass('sidebar-open').removeClass('sidebar-collapse').trigger('collapsed.pushMenu');
  322. } else {
  323. $("body").addClass('sidebar-open').trigger('expanded.pushMenu');
  324. }
  325. }
  326. $.AdminLTE.layout.fixSidebar();
  327. });
  328. $(".content-wrapper").click(function () {
  329. //Enable hide menu when clicking on the content-wrapper on small screens
  330. if ($(window).width() <= (screenSizes.sm - 1) && $("body").hasClass("sidebar-open")) {
  331. $("body").removeClass('sidebar-open');
  332. }
  333. });
  334. //Enable expand on hover for sidebar mini
  335. if ($.AdminLTE.options.sidebarExpandOnHover) {
  336. this.expandOnHover();
  337. }
  338. },
  339. expandOnHover: function () {
  340. var _this = this;
  341. var screenWidth = $.AdminLTE.options.screenSizes.sm - 1;
  342. //Expand sidebar on hover
  343. $('.main-sidebar').hover(function () {
  344. if ($('body').hasClass('sidebar-mini')
  345. && $("body").hasClass('sidebar-collapse')
  346. && $(window).width() > screenWidth) {
  347. _this.expand();
  348. }
  349. }, function () {
  350. if ($('body').hasClass('sidebar-mini')
  351. && $('body').hasClass('sidebar-expanded-on-hover')
  352. && $(window).width() > screenWidth) {
  353. _this.collapse();
  354. }
  355. });
  356. },
  357. expand: function () {
  358. $("body").removeClass('sidebar-collapse').addClass('sidebar-expanded-on-hover');
  359. },
  360. collapse: function () {
  361. if ($('body').hasClass('sidebar-expanded-on-hover')) {
  362. $('body').removeClass('sidebar-expanded-on-hover').addClass('sidebar-collapse');
  363. }
  364. }
  365. };
  366. /* Tree()
  367. * ======
  368. * Converts the sidebar into a multilevel
  369. * tree view menu.
  370. *
  371. * @type Function
  372. * @Usage: $.AdminLTE.tree('.sidebar')
  373. */
  374. $.AdminLTE.tree = function (menu) {
  375. var _this = this;
  376. var animationSpeed = $.AdminLTE.options.animationSpeed;
  377. $(document).off('click', menu + ' li a')
  378. .on('click', menu + ' li a', function (e) {
  379. //Get the clicked link and the next element
  380. var $this = $(this);
  381. var checkElement = $this.next();
  382. //Check if the next element is a menu and is visible
  383. if ((checkElement.is('.treeview-menu')) && (checkElement.is(':visible')) && (!$('body').hasClass('sidebar-collapse'))) {
  384. //Close the menu
  385. checkElement.slideUp(animationSpeed, function () {
  386. checkElement.removeClass('menu-open');
  387. //Fix the layout in case the sidebar stretches over the height of the window
  388. //_this.layout.fix();
  389. });
  390. checkElement.parent("li").removeClass("active");
  391. }
  392. //If the menu is not visible
  393. else if ((checkElement.is('.treeview-menu')) && (!checkElement.is(':visible'))) {
  394. //Get the parent menu
  395. var parent = $this.parents('ul').first();
  396. // modified by FastAdmin
  397. if ($(".show-submenu", menu).size() == 0) {
  398. //Close all open menus within the parent
  399. var ul = parent.find('ul:visible').slideUp(animationSpeed);
  400. //Remove the menu-open class from the parent
  401. ul.removeClass('menu-open');
  402. }
  403. //Get the parent li
  404. var parent_li = $this.parent("li");
  405. //Open the target menu and add the menu-open class
  406. checkElement.slideDown(animationSpeed, function () {
  407. //Add the class active to the parent li
  408. checkElement.addClass('menu-open');
  409. //parent.find('li.active').removeClass('active');
  410. //parent_li.addClass('active');
  411. //Fix the layout in case the sidebar stretches over the height of the window
  412. _this.layout.fix();
  413. });
  414. } else {
  415. if (!$this.parent().hasClass("active")) {
  416. $this.parent().addClass("active");
  417. }
  418. // modified by FastAdmin
  419. if ($(".show-submenu", menu).size() == 0) {
  420. $this.parent().siblings().find("ul.menu-open").slideUp();
  421. }
  422. }
  423. //if this isn't a link, prevent the page from being redirected
  424. if (checkElement.is('.treeview-menu')) {
  425. e.preventDefault();
  426. }
  427. });
  428. };
  429. /* ControlSidebar
  430. * ==============
  431. * Adds functionality to the right sidebar
  432. *
  433. * @type Object
  434. * @usage $.AdminLTE.controlSidebar.activate(options)
  435. */
  436. $.AdminLTE.controlSidebar = {
  437. //instantiate the object
  438. activate: function () {
  439. //Get the object
  440. var _this = this;
  441. //Update options
  442. var o = $.AdminLTE.options.controlSidebarOptions;
  443. //Get the sidebar
  444. var sidebar = $(o.selector);
  445. //The toggle button
  446. var btn = $(o.toggleBtnSelector);
  447. //Listen to the click event
  448. btn.on('click', function (e) {
  449. e.preventDefault();
  450. //If the sidebar is not open
  451. if (!sidebar.hasClass('control-sidebar-open')
  452. && !$('body').hasClass('control-sidebar-open')) {
  453. //Open the sidebar
  454. _this.open(sidebar, o.slide);
  455. } else {
  456. _this.close(sidebar, o.slide);
  457. }
  458. });
  459. //If the body has a boxed layout, fix the sidebar bg position
  460. var bg = $(".control-sidebar-bg");
  461. _this._fix(bg);
  462. //If the body has a fixed layout, make the control sidebar fixed
  463. if ($('body').hasClass('fixed')) {
  464. _this._fixForFixed(sidebar);
  465. } else {
  466. //If the content height is less than the sidebar's height, force max height
  467. if ($('.content-wrapper, .right-side').height() < sidebar.height()) {
  468. _this._fixForContent(sidebar);
  469. }
  470. }
  471. },
  472. //Open the control sidebar
  473. open: function (sidebar, slide) {
  474. //Slide over content
  475. if (slide) {
  476. sidebar.addClass('control-sidebar-open');
  477. } else {
  478. //Push the content by adding the open class to the body instead
  479. //of the sidebar itself
  480. $('body').addClass('control-sidebar-open');
  481. }
  482. },
  483. //Close the control sidebar
  484. close: function (sidebar, slide) {
  485. if (slide) {
  486. sidebar.removeClass('control-sidebar-open');
  487. } else {
  488. $('body').removeClass('control-sidebar-open');
  489. }
  490. },
  491. _fix: function (sidebar) {
  492. var _this = this;
  493. if ($("body").hasClass('layout-boxed')) {
  494. sidebar.css('position', 'absolute');
  495. sidebar.height($(".wrapper").height());
  496. if (_this.hasBindedResize) {
  497. return;
  498. }
  499. $(window).resize(function () {
  500. _this._fix(sidebar);
  501. });
  502. _this.hasBindedResize = true;
  503. } else {
  504. sidebar.css({
  505. 'position': 'fixed',
  506. 'height': 'auto'
  507. });
  508. }
  509. },
  510. _fixForFixed: function (sidebar) {
  511. sidebar.css({
  512. 'position': 'fixed',
  513. 'max-height': '100%',
  514. 'overflow': 'auto',
  515. });
  516. },
  517. _fixForContent: function (sidebar) {
  518. $(".content-wrapper, .right-side").css('min-height', sidebar.height());
  519. }
  520. };
  521. /* BoxWidget
  522. * =========
  523. * BoxWidget is a plugin to handle collapsing and
  524. * removing boxes from the screen.
  525. *
  526. * @type Object
  527. * @usage $.AdminLTE.boxWidget.activate()
  528. * Set all your options in the main $.AdminLTE.options object
  529. */
  530. $.AdminLTE.boxWidget = {
  531. selectors: $.AdminLTE.options.boxWidgetOptions.boxWidgetSelectors,
  532. icons: $.AdminLTE.options.boxWidgetOptions.boxWidgetIcons,
  533. animationSpeed: $.AdminLTE.options.animationSpeed,
  534. activate: function (_box) {
  535. var _this = this;
  536. if (!_box) {
  537. _box = document; // activate all boxes per default
  538. }
  539. //Listen for collapse event triggers
  540. $(_box).on('click', _this.selectors.collapse, function (e) {
  541. e.preventDefault();
  542. _this.collapse($(this));
  543. });
  544. //Listen for remove event triggers
  545. $(_box).on('click', _this.selectors.remove, function (e) {
  546. e.preventDefault();
  547. _this.remove($(this));
  548. });
  549. },
  550. collapse: function (element) {
  551. var _this = this;
  552. //Find the box parent
  553. var box = element.parents(".box").first();
  554. //Find the body and the footer
  555. var box_content = box.find("> .box-body, > .box-footer, > form >.box-body, > form > .box-footer");
  556. if (!box.hasClass("collapsed-box")) {
  557. //Convert minus into plus
  558. element.children(":first")
  559. .removeClass(_this.icons.collapse)
  560. .addClass(_this.icons.open);
  561. //Hide the content
  562. box_content.slideUp(_this.animationSpeed, function () {
  563. box.addClass("collapsed-box");
  564. });
  565. } else {
  566. //Convert plus into minus
  567. element.children(":first")
  568. .removeClass(_this.icons.open)
  569. .addClass(_this.icons.collapse);
  570. //Show the content
  571. box_content.slideDown(_this.animationSpeed, function () {
  572. box.removeClass("collapsed-box");
  573. });
  574. }
  575. },
  576. remove: function (element) {
  577. //Find the box parent
  578. var box = element.parents(".box").first();
  579. box.slideUp(this.animationSpeed);
  580. }
  581. };
  582. }
  583. /* ------------------
  584. * - Custom Plugins -
  585. * ------------------
  586. * All custom plugins are defined below.
  587. */
  588. /*
  589. * BOX REFRESH BUTTON
  590. * ------------------
  591. * This is a custom plugin to use with the component BOX. It allows you to add
  592. * a refresh button to the box. It converts the box's state to a loading state.
  593. *
  594. * @type plugin
  595. * @usage $("#box-widget").boxRefresh( options );
  596. */
  597. (function ($) {
  598. "use strict";
  599. $.fn.boxRefresh = function (options) {
  600. // Render options
  601. var settings = $.extend({
  602. //Refresh button selector
  603. trigger: ".refresh-btn",
  604. //File source to be loaded (e.g: ajax/src.php)
  605. source: "",
  606. //Callbacks
  607. onLoadStart: function (box) {
  608. return box;
  609. }, //Right after the button has been clicked
  610. onLoadDone: function (box) {
  611. return box;
  612. } //When the source has been loaded
  613. }, options);
  614. //The overlay
  615. var overlay = $('<div class="overlay"><div class="fa fa-refresh fa-spin"></div></div>');
  616. return this.each(function () {
  617. //if a source is specified
  618. if (settings.source === "") {
  619. if (window.console) {
  620. window.console.log("Please specify a source first - boxRefresh()");
  621. }
  622. return;
  623. }
  624. //the box
  625. var box = $(this);
  626. //the button
  627. var rBtn = box.find(settings.trigger).first();
  628. //On trigger click
  629. rBtn.on('click', function (e) {
  630. e.preventDefault();
  631. //Add loading overlay
  632. start(box);
  633. //Perform ajax call
  634. box.find(".box-body").load(settings.source, function () {
  635. done(box);
  636. });
  637. });
  638. });
  639. function start(box) {
  640. //Add overlay and loading img
  641. box.append(overlay);
  642. settings.onLoadStart.call(box);
  643. }
  644. function done(box) {
  645. //Remove overlay and loading img
  646. box.find(overlay).remove();
  647. settings.onLoadDone.call(box);
  648. }
  649. };
  650. })(jQuery);
  651. /*
  652. * EXPLICIT BOX CONTROLS
  653. * -----------------------
  654. * This is a custom plugin to use with the component BOX. It allows you to activate
  655. * a box inserted in the DOM after the app.js was loaded, toggle and remove box.
  656. *
  657. * @type plugin
  658. * @usage $("#box-widget").activateBox();
  659. * @usage $("#box-widget").toggleBox();
  660. * @usage $("#box-widget").removeBox();
  661. */
  662. (function ($) {
  663. 'use strict';
  664. $.fn.activateBox = function () {
  665. $.AdminLTE.boxWidget.activate(this);
  666. };
  667. $.fn.toggleBox = function () {
  668. var button = $($.AdminLTE.boxWidget.selectors.collapse, this);
  669. $.AdminLTE.boxWidget.collapse(button);
  670. };
  671. $.fn.removeBox = function () {
  672. var button = $($.AdminLTE.boxWidget.selectors.remove, this);
  673. $.AdminLTE.boxWidget.remove(button);
  674. };
  675. })(jQuery);
  676. /*
  677. * TODO LIST CUSTOM PLUGIN
  678. * -----------------------
  679. * This plugin depends on iCheck plugin for checkbox and radio inputs
  680. *
  681. * @type plugin
  682. * @usage $("#todo-widget").todolist( options );
  683. */
  684. (function ($) {
  685. 'use strict';
  686. $.fn.todolist = function (options) {
  687. // Render options
  688. var settings = $.extend({
  689. //When the user checks the input
  690. onCheck: function (ele) {
  691. return ele;
  692. },
  693. //When the user unchecks the input
  694. onUncheck: function (ele) {
  695. return ele;
  696. }
  697. }, options);
  698. return this.each(function () {
  699. if (typeof $.fn.iCheck != 'undefined') {
  700. $('input', this).on('ifChecked', function () {
  701. var ele = $(this).parents("li").first();
  702. ele.toggleClass("done");
  703. settings.onCheck.call(ele);
  704. });
  705. $('input', this).on('ifUnchecked', function () {
  706. var ele = $(this).parents("li").first();
  707. ele.toggleClass("done");
  708. settings.onUncheck.call(ele);
  709. });
  710. } else {
  711. $('input', this).on('change', function () {
  712. var ele = $(this).parents("li").first();
  713. ele.toggleClass("done");
  714. if ($('input', ele).is(":checked")) {
  715. settings.onCheck.call(ele);
  716. } else {
  717. settings.onUncheck.call(ele);
  718. }
  719. });
  720. }
  721. });
  722. };
  723. //set/get form element value
  724. $.fn.field = function (name, value) {
  725. if (typeof name !== "string")
  726. return false;
  727. var element = $(this).find("[name='" + name + "']");
  728. if (typeof value === "undefined" && element.length >= 1) {
  729. switch (element.attr("type")) {
  730. case "checkbox":
  731. var result = new Array();
  732. element.each(function (i, val) {
  733. if ($(this).is(":checked")) {
  734. result.push($(this).val());
  735. }
  736. });
  737. return result;
  738. break;
  739. case "radio":
  740. var result;
  741. element.each(function (i, val) {
  742. if ($(this).is(":checked")) {
  743. result = $(this).val();
  744. }
  745. });
  746. return result;
  747. break;
  748. default:
  749. return element.val();
  750. break;
  751. }
  752. } else {
  753. switch (element.attr("type")) {
  754. case "checkbox":
  755. case "radio":
  756. value = $.isArray(value) ? value : [value];
  757. element.each(function (i) {
  758. $(this).prop({
  759. checked: $.inArray($(this).val(), value) > -1
  760. });
  761. });
  762. break;
  763. case undefined:
  764. default:
  765. element.val(value);
  766. break;
  767. }
  768. return element;
  769. }
  770. };
  771. }(jQuery));