Skip to content
Snippets Groups Projects

Corrections après test de la recherche

Merged Mathieu Massaviol requested to merge 29-corrections-recherche into main
Files
2
@@ -17,7 +17,7 @@
@@ -17,7 +17,7 @@
/>
/>
<InputGroupAddon
<InputGroupAddon
class="px-4 cursor-pointer hover:text-black hover:bg-gray-100"
class="px-4 cursor-pointer hover:text-black hover:bg-gray-100"
@click="model = {params:{}}"
@click="model = {params:{}}, emit('submit')"
>
>
<i class="fa-solid fa-xmark"/>
<i class="fa-solid fa-xmark"/>
</InputGroupAddon>
</InputGroupAddon>
@@ -47,6 +47,7 @@
@@ -47,6 +47,7 @@
:inputProps="{ fluid: true }"
:inputProps="{ fluid: true }"
:initialValue="model.params[key as keyof typeof SearchQueryParams]"
:initialValue="model.params[key as keyof typeof SearchQueryParams]"
v-on:updateValue="handleChange($event, key)"
v-on:updateValue="handleChange($event, key)"
 
v-on:keyup.enter="searchPop.toggle($event), emit('submit')"
/>
/>
</div>
</div>
<div class="text-right">
<div class="text-right">
@@ -55,6 +56,24 @@
@@ -55,6 +56,24 @@
</Button>
</Button>
</div>
</div>
</Popover>
</Popover>
 
<div class="display flex flex-row flex-wrap gap-2 mb-4">
 
<Chip
 
v-if="model.q"
 
class="bg-gray-200"
 
:label="model.q"
 
removable
 
@remove="model.q='', emit('submit')"
 
/>
 
<template v-for="key in Object.keys(SearchQueryParams)" v-bind:key="key">
 
<Chip
 
v-for="value in model.params[key as keyof typeof SearchQueryParams]" v-bind:key="value"
 
class="bg-gray-200"
 
:label="translateValue(searchMetadata[key as keyof typeof SearchQueryParams].label) + ': ' + value"
 
removable
 
@remove="model.params[key]=model.params[key as keyof typeof SearchQueryParams]?.filter((v) => v != value), emit('submit')"
 
/>
 
</template>
 
</div>
</template>
</template>
<script setup lang="ts">
<script setup lang="ts">
@@ -63,6 +82,7 @@ import InputGroup from 'primevue/inputgroup';
@@ -63,6 +82,7 @@ import InputGroup from 'primevue/inputgroup';
import InputGroupAddon from 'primevue/inputgroupaddon';
import InputGroupAddon from 'primevue/inputgroupaddon';
import Button from 'primevue/button'
import Button from 'primevue/button'
import Popover from 'primevue/popover'
import Popover from 'primevue/popover'
 
import Chip from 'primevue/chip';
import { SearchQueryParams, type OcSearchQuery } from '@/declarations'
import { SearchQueryParams, type OcSearchQuery } from '@/declarations'
import { useI18n } from 'vue-i18n'
import { useI18n } from 'vue-i18n'
import { ref } from 'vue'
import { ref } from 'vue'
Loading