Apps search
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
8f88c5acdd
commit
259f70d640
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -24,7 +24,7 @@
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<app-navigation :menu="menu" />
|
<app-navigation :menu="menu" />
|
||||||
<div id="app-content" class="app-settings-content" :class="{ 'with-app-sidebar': currentApp, 'icon-loading': loadingList }">
|
<div id="app-content" class="app-settings-content" :class="{ 'with-app-sidebar': currentApp, 'icon-loading': loadingList }">
|
||||||
<app-list :category="category" :app="currentApp" :search="search"></app-list>
|
<app-list :category="category" :app="currentApp" :search="searchQuery"></app-list>
|
||||||
<div id="app-sidebar" v-if="id && currentApp">
|
<div id="app-sidebar" v-if="id && currentApp">
|
||||||
<app-details :category="category" :app="currentApp"></app-details>
|
<app-details :category="category" :app="currentApp"></app-details>
|
||||||
</div>
|
</div>
|
||||||
|
@ -63,8 +63,11 @@ export default {
|
||||||
appList,
|
appList,
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
setSearch(search) {
|
setSearch(query) {
|
||||||
this.search = search;
|
this.searchQuery = query;
|
||||||
|
},
|
||||||
|
resetSearch() {
|
||||||
|
this.setSearch('');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
beforeMount() {
|
beforeMount() {
|
||||||
|
@ -74,16 +77,14 @@ export default {
|
||||||
this.$store.commit('setUpdateCount', this.$store.getters.getServerData.updateCount)
|
this.$store.commit('setUpdateCount', this.$store.getters.getServerData.updateCount)
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
// TODO: remove jQuery once we have a proper standardisation of the search
|
/**
|
||||||
$('#searchbox').show();
|
* Register search
|
||||||
let self = this;
|
*/
|
||||||
$('#searchbox').change(function(e) {
|
this.appSearch = new OCA.Search(this.setSearch, this.resetSearch);
|
||||||
self.setSearch($('#searchbox').val());
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
search: ''
|
searchQuery: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|
Loading…
Reference in New Issue