summaryrefslogtreecommitdiff
path: root/templates/assets/bootstrap-material-design/js/select.js
diff options
context:
space:
mode:
Diffstat (limited to 'templates/assets/bootstrap-material-design/js/select.js')
-rw-r--r--templates/assets/bootstrap-material-design/js/select.js94
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