added content type filter to search, displaying reults

src/views/Search.vue

@@ -8,18 +8,18 @@ export default {
   data(){
     return {
       value: null,
-      content_types: ['concernement', 'entite']
+      content_type: 'concernements'
     }
   },
   computed: {
-    ...mapState(SearchStore,['keys', 'contentTypesFilter', 'results']),
+    ...mapState(SearchStore,['keys', 'contentTypesFilter', 'results', 'loaded_results']),
     // value(){
     //   return this.keys
     // }
   },
   created () {
     console.log("search created");
-    this.setContentTypes(this.content_types);
+    this.setContentType(this.content_type);
   },
   watch: {
     value: {
@@ -28,19 +28,19 @@ export default {
       },
       deep: true
     },
-    content_types: {
+    content_type: {
       handler (n,o){
-        this.setContentTypes(n);
+        this.setContentType(n);
       },
       deep: true
     },
   },
   methods: {
-    ...mapActions(SearchStore,['setKeys','setContentTypes','loadResults']),
+    ...mapActions(SearchStore,['setKeys','setContentType','newSearch']),
     onSubmitSearch (event) {
       console.log("onSubmitSearch", event, this.value);
       // let value = event.target[0].value;
-      this.loadResults();
+      this.newSearch();
     }    
   },
   components: {
@@ -62,10 +62,10 @@ export default {
       </select> -->
 
       <section class="content-type-checkboxes">
-        <input type="checkbox" name="concernement" id="concernement_checkbox" v-model="content_types" value="concernement">
-        <label for="concernement">Concernements</label>
-        <input type="checkbox" name="entite" id="entite_checkbox" v-model="content_types" value="entite">
-        <label for="concernement">Entités</label>
+        <input type="radio" name="concernement" id="concernement_radio" v-model="content_type" value="concernements">
+        <label for="concernement_radio">Concernements</label>
+        <input type="radio" name="entite" id="entite_radio" v-model="content_type" value="entites">
+        <label for="entite_radio">Entités</label>
       </section>
       
       
@@ -79,7 +79,11 @@ export default {
     </form>
     <section class="results">
       <ul>
-       <li v-for="result in results">{{ result }}</li>
+       <li v-for="result in loaded_results">
+        <h1>{{ result.title }}</h1>
+        <h2 v-if="results.content_type === 'entites'"><span>une enité de </span>{{ result.author.username }}</h2>
+        <h2 v-else><span>une enquête de </span>{{ result.author.username }}</h2>
+      </li>
       </ul>
     </section>
   </section>