BookStack/resources/js/components/user-select.js
2022-11-15 16:04:46 +00:00

23 lines
No EOL
682 B
JavaScript

import {onChildEvent} from "../services/dom";
import {Component} from "./component";
export class UserSelect extends Component {
setup() {
this.input = this.$refs.input;
this.userInfoContainer = this.$refs.userInfo;
this.hide = this.$el.components.dropdown.hide;
onChildEvent(this.$el, '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();
}
}