be736b3939
Old system was hard to track in terms of usage and it's application of 'components' properties directly to elements was shoddy. This routes usage via the components service, with element-specific component usage tracked via a local weakmap. Updated existing found usages to use the new system.
28 lines
No EOL
832 B
JavaScript
28 lines
No EOL
832 B
JavaScript
import {onChildEvent} from "../services/dom";
|
|
import {Component} from "./component";
|
|
|
|
export class UserSelect extends Component {
|
|
|
|
setup() {
|
|
this.container = this.$el;
|
|
this.input = this.$refs.input;
|
|
this.userInfoContainer = this.$refs.userInfo;
|
|
|
|
onChildEvent(this.container, 'a.dropdown-search-item', 'click', this.selectUser.bind(this));
|
|
}
|
|
|
|
selectUser(event, userEl) {
|
|
event.preventDefault();
|
|
this.input.value = userEl.getAttribute('data-id');
|
|
this.userInfoContainer.innerHTML = userEl.innerHTML;
|
|
this.input.dispatchEvent(new Event('change', {bubbles: true}));
|
|
this.hide();
|
|
}
|
|
|
|
hide() {
|
|
/** @var {Dropdown} **/
|
|
const dropdown = window.$components.firstOnElement(this.container, 'dropdown');
|
|
dropdown.hide();
|
|
}
|
|
|
|
} |