Added method for using enity ownership in relation queries

[bookstack] / resources / js / components / user-select.js

diff --git a/resources/js/components/user-select.js b/resources/js/components/user-select.js
index aba43e0a920a5c66b0cdb8097061cec9c039d211..b383d7a6ff18966ccf1a9e4b0e05c978fbfd4899 100644 (file)
--- a/resources/js/components/user-select.js
+++ b/resources/js/components/user-select.js
@@ -1,25 +1,38 @@
 import {onChildEvent} from "../services/dom";
 import {onChildEvent} from "../services/dom";

+import {Component} from "./component";

 
 

-class UserSelect {
+export class UserSelect extends Component {

 
     setup() {
 
     setup() {

+        this.container = this.$el;

         this.input = this.$refs.input;
         this.userInfoContainer = this.$refs.userInfo;
 
         this.input = this.$refs.input;
         this.userInfoContainer = this.$refs.userInfo;
 

-        this.hide = this.$el.components.dropdown.hide;
+        this.initialValue = this.input.value;
+        this.initialContent = this.userInfoContainer.innerHTML;

 
 

-        onChildEvent(this.$el, 'a.dropdown-search-item', 'click', this.selectUser.bind(this));
+        onChildEvent(this.container, 'a.dropdown-search-item', 'click', this.selectUser.bind(this));

     }
 
     selectUser(event, userEl) {
         event.preventDefault();
     }
 
     selectUser(event, userEl) {
         event.preventDefault();

-        const id = userEl.getAttribute('data-id');
-        this.input.value = id;
+        this.input.value = userEl.getAttribute('data-id');

         this.userInfoContainer.innerHTML = userEl.innerHTML;
         this.input.dispatchEvent(new Event('change', {bubbles: true}));
         this.hide();
     }
 
         this.userInfoContainer.innerHTML = userEl.innerHTML;
         this.input.dispatchEvent(new Event('change', {bubbles: true}));
         this.hide();
     }
 

-}
+    reset() {
+        this.input.value = this.initialValue;
+        this.userInfoContainer.innerHTML = this.initialContent;
+        this.input.dispatchEvent(new Event('change', {bubbles: true}));
+        this.hide();
+    }
+
+    hide() {
+        /** @var {Dropdown} **/
+        const dropdown = window.$components.firstOnElement(this.container, 'dropdown');
+        dropdown.hide();
+    }

 
 

-export default UserSelect;
\ No newline at end of file
+}
\ No newline at end of file