mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-27 04:32:14 +00:00
![Dan Brown](/assets/img/avatar_default.png)
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
832 B
JavaScript
28 lines
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();
|
|
}
|
|
|
|
} |