bachir/ouatterrir-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

search misc: results links, ...

Browse Source
This commit is contained in:
bachir
2023-08-18 12:52:56 +02:00
parent 6d00fecdb3
commit c7b71e5530
7 changed files with 118 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/Search.vue
+78 -37
View File
@@ -2,24 +2,29 @@
import { mapActions, mapState } from 'pinia'
import { SearchStore } from '@/stores/search'
import { ConcernementsStore } from '@/stores/concernements'
// import CartoucheLayout from '@components/layout/CartoucheLayout.vue';
export default {
props: [],
data(){
return {
value: null,
content_type: 'concernements'
content_type: null
}
},
computed: {
...mapState(SearchStore,['keys', 'contentTypesFilter', 'results', 'loaded_results']),
...mapState(SearchStore,['keys', 'contentTypeFilter', 'results', 'loaded_results']),
...mapState(ConcernementsStore,['map_mode', 'opened_concernement']),
// value(){
// return this.keys
// }
},
created () {
console.log("search created");
this.setContentType(this.content_type);
this.content_type = this.contentTypeFilter;
},
watch: {
value: {
@@ -37,14 +42,24 @@ export default {
},
methods: {
...mapActions(SearchStore,['setKeys','setContentType','newSearch']),
...mapActions(ConcernementsStore,['openCloseConcernements']),
onSubmitSearch (event) {
console.log("onSubmitSearch", event, this.value);
// let value = event.target[0].value;
this.newSearch();
}
},
onClickResult(id, eid) {
this.openCloseConcernements(id)
this.$router.push({
name: 'concernement',
hash: `#${this.map_mode}`,
params: {id: id, eid: eid}
});
}
},
components: {
// MapConcernements
// CartoucheLayout
}
}
@@ -52,40 +67,66 @@ export default {
<template>
<section class="search">
<h2>Recherche</h2>
<form action="" @submit.prevent="onSubmitSearch">
<input type="text" v-model="value">
<!-- <select name="content_type" id="content-type-select">
<option value="all">type de contenu</option>
<option value="concernement">Concernement</option>
<option value="entite">Entite</option>
</select> -->
<section class="content-type-checkboxes">
<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>
<select name="bourgeons" id="content-type-select">
<option value="all">Bourgeon</option>
<option value="bourgeon1">Bourgeon1</option>
<option value="bourgeon2">Bourgeon2</option>
</select>
<header>
<input type="submit" value="rechercher">
</form>
<section class="results">
<ul>
<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>
<h2>Recherche</h2>
<form action="" @submit.prevent="onSubmitSearch">
<input type="text" v-model="value">
<!-- <select name="content_type" id="content-type-select">
<option value="all">type de contenu</option>
<option value="concernement">Concernement</option>
<option value="entite">Entite</option>
</select> -->
<section class="content-type-checkboxes">
<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>
<select name="bourgeons" id="content-type-select">
<option value="all">Bourgeon</option>
<option value="bourgeon1">Bourgeon1</option>
<option value="bourgeon2">Bourgeon2</option>
</select>
<input type="submit" value="rechercher">
</form>
</header>
<main>
<section class="results">
<ul>
<li v-for="result in loaded_results">
<template v-if="results.content_type === 'entites'">
<h1 @click.prevent="onClickResult(result.concernement.id, result.id)">
{{ result.title }}
</h1>
<h2 @click.prevent="onClickResult(result.concernement.id, result.id)">
<span>une enité de </span>{{ result.author.username }}
</h2>
</template>
<template v-else>
<h1 @click.prevent="onClickResult(result.id)">
{{ result.title }}
</h1>
<h2 @click.prevent="onClickResult(result.id)">
<span>une enquête de </span>{{ result.author.username }}
</h2>
</template>
</li>
</ul>
</section>
</main>
<footer>
</footer>
</section>
</template>