diff options
Diffstat (limited to 'templates/assets/bootstrap-material-design/js/select.js')
| -rw-r--r-- | templates/assets/bootstrap-material-design/js/select.js | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/templates/assets/bootstrap-material-design/js/select.js b/templates/assets/bootstrap-material-design/js/select.js new file mode 100644 index 0000000..765f411 --- /dev/null +++ b/templates/assets/bootstrap-material-design/js/select.js @@ -0,0 +1,94 @@ +import BaseFormControl from './baseFormControl' +//import Checkbox from './checkbox' +//import File from './file' +//import Radio from './radio' +//import Switch from './switch' +//import Text from './text' +//import Textarea from './textarea' +import Util from './util' + +const Select = (($) => { + + /** + * ------------------------------------------------------------------------ + * Constants + * ------------------------------------------------------------------------ + */ + const NAME = 'select' + 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 = { + requiredClasses: ['form-control||custom-select'] + } + + /** + * ------------------------------------------------------------------------ + * Class Definition + * ------------------------------------------------------------------------ + */ + class Select extends BaseFormControl { + + constructor($element, config) { + super($element, $.extend(true, + //{invalidComponentMatches: [Checkbox, File, Radio, Switch, Text, Textarea]}, + Default, config)) + + // floating labels will cover the options, so trigger them to be above (if used) + this.addIsFilled() + } + + dispose() { + super.dispose(DATA_KEY) + } + + static matches($element) { + if ($element.prop('tagName') === 'select') { + return true + } + return false + } + + static rejectMatch(component, $element) { + Util.assert(this.$element, this.matches($element), `${component} component element ${Util.describe($element)} is invalid for <select>.`) + } + + // ------------------------------------------------------------------------ + // protected + + // ------------------------------------------------------------------------ + // private + + // ------------------------------------------------------------------------ + // static + static _jQueryInterface(config) { + return this.each(function () { + let $element = $(this) + let data = $element.data(DATA_KEY) + + if (!data) { + data = new Select($element, config) + $element.data(DATA_KEY, data) + } + }) + } + } + + /** + * ------------------------------------------------------------------------ + * jQuery + * ------------------------------------------------------------------------ + */ + $.fn[JQUERY_NAME] = Select._jQueryInterface + $.fn[JQUERY_NAME].Constructor = Select + $.fn[JQUERY_NAME].noConflict = () => { + $.fn[JQUERY_NAME] = JQUERY_NO_CONFLICT + return Select._jQueryInterface + } + + return Select + +})(jQuery) + +export default Select |
