From d42c8b528eb595101954f478e0024e3f079f6fbf Mon Sep 17 00:00:00 2001 From: schneefux Date: Wed, 22 Mar 2017 19:19:26 +0100 Subject: first implementation of fun stats site --- .../assets/bootstrap-material-design/js/switch.js | 72 ++++++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 templates/assets/bootstrap-material-design/js/switch.js (limited to 'templates/assets/bootstrap-material-design/js/switch.js') diff --git a/templates/assets/bootstrap-material-design/js/switch.js b/templates/assets/bootstrap-material-design/js/switch.js new file mode 100644 index 0000000..cad4806 --- /dev/null +++ b/templates/assets/bootstrap-material-design/js/switch.js @@ -0,0 +1,72 @@ +import Checkbox from './checkbox' + +const Switch = (($) => { + + /** + * ------------------------------------------------------------------------ + * Constants + * ------------------------------------------------------------------------ + */ + const NAME = 'switch' + const DATA_KEY = `bmd.${NAME}` + const JQUERY_NAME = `bmd${NAME.charAt(0).toUpperCase() + NAME.slice(1)}` + const JQUERY_NO_CONFLICT = $.fn[JQUERY_NAME] + + const Default = { + template: `` + } + + /** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ + class Switch extends Checkbox { + + constructor($element, config, properties = {inputType: 'checkbox', outerClass: 'switch'}) { + super($element, $.extend(true, {}, Default, config), properties) + // selector: '.switch > label > input[type=checkbox]' + } + + dispose() { + super.dispose(DATA_KEY) + } + + // ------------------------------------------------------------------------ + // protected + + // ------------------------------------------------------------------------ + // private + + // ------------------------------------------------------------------------ + // static + static _jQueryInterface(config) { + return this.each(function () { + let $element = $(this) + let data = $element.data(DATA_KEY) + + if (!data) { + data = new Switch($element, config) + $element.data(DATA_KEY, data) + } + }) + } + } + + /** + * ------------------------------------------------------------------------ + * jQuery + * ------------------------------------------------------------------------ + */ + $.fn[JQUERY_NAME] = Switch._jQueryInterface + $.fn[JQUERY_NAME].Constructor = Switch + $.fn[JQUERY_NAME].noConflict = () => { + $.fn[JQUERY_NAME] = JQUERY_NO_CONFLICT + return Switch._jQueryInterface + } + + return Switch + +})(jQuery) + +export default Switch -- cgit v1.3.1