From c318785b8f425cfba8f62f421b6cff807c3590c7 Mon Sep 17 00:00:00 2001
From: Mathieu Massaviol <mathieu.massaviol@univ-amu.fr>
Date: Fri, 8 Nov 2024 16:45:08 +0100
Subject: [PATCH] Add a reset button on search #29
---
.../OcResourceSearchSimple.vue | 34 +++++++++++--------
1 file changed, 20 insertions(+), 14 deletions(-)
diff --git a/src/components/Search/OcResourceSearchSimple/OcResourceSearchSimple.vue b/src/components/Search/OcResourceSearchSimple/OcResourceSearchSimple.vue
index a4f8c0e..f6715f2 100644
--- a/src/components/Search/OcResourceSearchSimple/OcResourceSearchSimple.vue
+++ b/src/components/Search/OcResourceSearchSimple/OcResourceSearchSimple.vue
@@ -1,20 +1,26 @@
<template>
<InputGroup class="w-full mt-8 mb-4">
- <InputGroupAddon class="px-4">
- <i
- class="fa-solid fa-magnifying-glass fa- cursor-pointer hover:text-primary"
- @click="emit('submit')"
- />
- </InputGroupAddon>
- <InputText
- id="search"
- v-model="model.q"
- fluid
- size="large"
- :placeholder="t('community.homepage.searchBarPlaceholder')"
- v-on:keyup.enter="emit('submit')"
- :disabled="props.loading"
+ <InputGroupAddon class="px-4">
+ <i
+ class="fa-solid fa-magnifying-glass fa- cursor-pointer hover:text-primary"
+ @click="emit('submit')"
/>
+ </InputGroupAddon>
+ <InputText
+ id="search"
+ v-model="model.q"
+ fluid
+ size="large"
+ :placeholder="t('community.homepage.searchBarPlaceholder')"
+ v-on:keyup.enter="emit('submit')"
+ :disabled="props.loading"
+ />
+ <InputGroupAddon
+ class="px-4 cursor-pointer hover:text-black"
+ @click="model = {params:{}}"
+ >
+ <i class="fa-solid fa-xmark"/>
+ </InputGroupAddon>
<InputGroupAddon
v-if="searchPop"
class="inline-flex gap-2 text-gray-500 hover:text-gray-800 px-4"
--
GitLab