webpack-bootstrap-ui-kit/src/js_old/_components/_ui.form.select2.js
2021-02-08 07:30:14 +07:00

98 lines
2.0 KiB
JavaScript

'use strict';
import $ from 'jquery';
import select2 from 'select2/dist/js/select2.js';
import Events from '../_events';
const FormSelect2 = (($) => {
// Constants
const NAME = 'jsFormSelect2';
const DATA_KEY = NAME;
const $Html = $('html, body');
const W = window;
const D = document;
class FormSelect2 {
constructor(el) {
const ui = this;
const $el = $(el);
ui._el = el;
ui.dispose();
console.log(`${NAME}: init`);
$el.data(DATA_KEY, this);
const $fields = $el.find(Events.FORM_FIELDS);
const $selectFields = $el
.find('select:not([readonly])')
.not('.no-select2');
$selectFields.each((i, el) => {
$(el).select2();
});
$el.addClass(`${NAME}-active`);
$el.trigger(Events.FORM_INIT_BASICS);
}
// Public methods
dispose() {
console.log(`${NAME}: dispose`);
const ui = this;
const $el = $(ui._el);
const $selectFields = $el
.find('select:not([readonly])')
.not('.no-select2');
$selectFields.each((i, el) => {
const $el = $(el);
if ($el.hasClass('select2-hidden-accessible')) {
$el.select2('destroy');
}
});
$.removeData(ui._el, DATA_KEY);
ui._el = null;
$el.removeClass(`${NAME}-active`);
}
static _jQueryInterface() {
return this.each(() => {
// attach functionality to el
const $el = $(this);
let data = $el.data(DATA_KEY);
if (!data) {
data = new FormSelect2(this);
$el.data(DATA_KEY, data);
}
});
}
}
// jQuery interface
$.fn[NAME] = FormSelect2._jQueryInterface;
$.fn[NAME].Constructor = FormSelect2;
$.fn[NAME].noConflict = function () {
$.fn[NAME] = JQUERY_NO_CONFLICT;
return FormSelect2._jQueryInterface;
};
const init = () => {
$('form').jsFormSelect2();
};
// auto-apply
$(W).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
init();
});
return FormSelect2;
})($);
export default FormSelect2;