Implement app details in sidebar

Signed-off-by: Julius Härtl <jus@bitgrid.net>

1 files changed, 22 insertions, 7 deletions

diff --git a/settings/src/views/Apps.vue b/settings/src/views/Apps.vue
index 17b54415979..7dbf9e887d8 100644
--- a/settings/src/views/Apps.vue
+++ b/settings/src/views/Apps.vue
@@ -23,12 +23,10 @@
 <template>
 	<div id="app">
 		<app-navigation :menu="menu" />
-		<app-list :category="category" :app="currentApp"></app-list>
+		<app-list :category="category" :app="currentApp" :search="search"></app-list>
 		<div id="app-sidebar" v-if="currentApp">
-			{{ currentApp.name }}
-			<div class="app-description">
-				{{ currentApp.description }}
-			</div>
+			{{ search }}
+			<app-details :app="currentApp"></app-details>
 		</div>
 	</div>
 </template>
@@ -41,6 +39,7 @@ import Vue from 'vue';
 import VueLocalStorage from 'vue-localstorage'
 import Multiselect from 'vue-multiselect';
 import api from '../store/api';
+import AppDetails from '../components/appDetails';
 
 Vue.use(VueLocalStorage)
 Vue.use(VueLocalStorage)
@@ -58,17 +57,33 @@ export default {
 		}
 	},
 	components: {
+		AppDetails,
 		appNavigation,
 		appList,
 	},
+	methods: {
+		setSearch(search) {
+			this.search = search;
+		}
+	},
 	beforeMount() {
 		this.$store.dispatch('getCategories');
-		this.$store.dispatch('getApps', { category: this.category });
+		this.$store.dispatch('getApps', {category: this.category});
+		this.$store.dispatch('getAllApps');
 		this.$store.commit('setUpdateCount', this.$store.getters.getServerData.updateCount)
+		console.log(this.$store.getters.getServerData.updateCount);
+	},
+	mounted() {
+		// TODO: remove jQuery once we have a proper standardisation of the search
+		$('#searchbox').show();
+		let self = this;
+		$('#searchbox').change(function(e) {
+			self.setSearch($('#searchbox').val());
+		});
 	},
 	data() {
 		return {
-
+			search: ''
 		}
 	},
 	watch: {