/** * -------------------------------------------- * AdminLTE TodoList.js * License MIT * -------------------------------------------- */ import $ from 'jquery' /** * Constants * ==================================================== */ const NAME = 'TodoList' const DATA_KEY = 'lte.todolist' const JQUERY_NO_CONFLICT = $.fn[NAME] const SELECTOR_DATA_TOGGLE = '[data-widget="todo-list"]' const CLASS_NAME_TODO_LIST_DONE = 'done' const Default = { onCheck(item) { return item }, onUnCheck(item) { return item } } /** * Class Definition * ==================================================== */ class TodoList { constructor(element, config) { this._config = config this._element = element this._init() } // Public toggle(item) { item.parents('li').toggleClass(CLASS_NAME_TODO_LIST_DONE) if (!$(item).prop('checked')) { this.unCheck($(item)) return } this.check(item) } check(item) { this._config.onCheck.call(item) } unCheck(item) { this._config.onUnCheck.call(item) } // Private _init() { const $toggleSelector = this._element $toggleSelector.find('input:checkbox:checked').parents('li').toggleClass(CLASS_NAME_TODO_LIST_DONE) $toggleSelector.on('change', 'input:checkbox', event => { this.toggle($(event.target)) }) } // Static static _jQueryInterface(config) { return this.each(function () { let data = $(this).data(DATA_KEY) if (!data) { data = $(this).data() } const _options = $.extend({}, Default, typeof config === 'object' ? config : data) const plugin = new TodoList($(this), _options) $(this).data(DATA_KEY, typeof config === 'object' ? config : data) if (config === 'init') { plugin[config]() } }) } } /** * Data API * ==================================================== */ $(window).on('load', () => { TodoList._jQueryInterface.call($(SELECTOR_DATA_TOGGLE)) }) /** * jQuery API * ==================================================== */ $.fn[NAME] = TodoList._jQueryInterface $.fn[NAME].Constructor = TodoList $.fn[NAME].noConflict = function () { $.fn[NAME] = JQUERY_NO_CONFLICT return TodoList._jQueryInterface } export default TodoList