Fit user search to new standard

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

settings/src/components/userList.vue

@@ -189,11 +189,9 @@ export default {
 		this.setNewUserDefaultGroup(this.$route.params.selectedGroup);
 
 		/** 
-		 * Enable search
+		 * Register search
 		 */
-		document.getElementById('searchbox').style.display = 'block';
-		document.getElementById('searchbox').addEventListener('input', this.search);
-		document.querySelector('.searchbox .icon-close-white').addEventListener('click', this.resetSearch);
+		this.userSearch = new OCA.Search(this.search, this.resetSearch);
 	},
 	computed: {
 		settings() {
@@ -309,15 +307,13 @@ export default {
 		},
 
 		/* SEARCH */
-		search() {
-			this.searchQuery = document.getElementById('searchbox').value;
+		search(query) {
+			this.searchQuery = query;
 			this.$store.commit('resetUsers');
 			this.$refs.infiniteLoading.$emit('$InfiniteLoading:reset');
 		},
 		resetSearch() {
-			this.searchQuery = '';
-			document.getElementById('searchbox').value = '';
-			this.search();
+			this.search('');
 		},
 
 		resetForm() {

settings/src/main.js

@@ -33,6 +33,7 @@ sync(store, router);
 // bind to window
 Vue.prototype.t = t;
 Vue.prototype.OC = OC;
+Vue.prototype.OCA = OCA;
 Vue.prototype.oc_userconfig = oc_userconfig;
 Vue.prototype.oc_current_user = oc_current_user;