hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

#1574 - home page & search page : 3 buttons for search

Browse Source
This commit is contained in:
Laurent GAY
2024-11-27 12:22:57 +01:00
committed by setop
parent 0911902618
commit eb60da8ec9
5 changed files with 8 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Home/SearchFields.vue
View File

@@ -47,33 +47,27 @@
/>
</o-dropdown>
</full-address-auto-complete>
<o-button native-type="submit" icon-left="magnify" v-if="search != null">
<template v-if="search">{{ t("Go!") }}</template>
<template v-else>{{ t("Explore!") }}</template>
</o-button>
<o-button
class="search-Event min-w-60 mr-1 mb-1"
class="search-Event min-w-40 mr-1 mb-1"
native-type="submit"
icon-left="calendar"
v-if="search == null"
>
{{ t("Event filter") }}
{{ t("Events") }}
</o-button>
<o-button
class="search-Activity min-w-60 mr-1 mb-1"
class="search-Activity min-w-40 mr-1 mb-1"
native-type="submit"
icon-left="calendar-star"
v-if="search == null && islongEvents"
v-if="islongEvents"
>
{{ t("Find other activities") }}
{{ t("Activities") }}
</o-button>
<o-button
class="search-Group min-w-60 mr-1 mb-1"
class="search-Group min-w-40 mr-1 mb-1"
native-type="submit"
icon-left="account-multiple"
v-if="search == null"
>
{{ t("Find groups") }}
{{ t("Groups") }}
</o-button>
</form>
</template>

40
src/components/NavBar.vue
View File

@@ -179,39 +179,6 @@
<ul
class="flex flex-col md:flex-row md:space-x-8 mt-2 md:mt-0 md:font-lightbold"
>
<li class="m-auto">
<router-link
:to="{
...$route,
name: RouteName.SEARCH,
query: { ...$route.query, contentType: 'EVENTS' },
}"
class="block py-2 pr-4 pl-3 text-zinc-700 border-b border-gray-100 hover:bg-zinc-50 md:hover:bg-transparent md:border-0 md:hover:text-mbz-purple-700 md:p-0 dark:text-zinc-400 md:dark:hover:text-white dark:hover:bg-zinc-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700"
>{{ t("Events") }}</router-link
>
</li>
<li class="m-auto" v-if="islongEvents">
<router-link
:to="{
...$route,
name: RouteName.SEARCH,
query: { ...$route.query, contentType: 'LONGEVENTS' },
}"
class="block py-2 pr-4 pl-3 text-zinc-700 border-b border-gray-100 hover:bg-zinc-50 md:hover:bg-transparent md:border-0 md:hover:text-mbz-purple-700 md:p-0 dark:text-zinc-400 md:dark:hover:text-white dark:hover:bg-zinc-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700"
>{{ t("Activities") }}</router-link
>
</li>
<li class="m-auto">
<router-link
:to="{
...$route,
name: RouteName.SEARCH,
query: { ...$route.query, contentType: 'GROUPS' },
}"
class="block py-2 pr-4 pl-3 text-zinc-700 border-b border-gray-100 hover:bg-zinc-50 md:hover:bg-transparent md:border-0 md:hover:text-mbz-purple-700 md:p-0 dark:text-zinc-400 md:dark:hover:text-white dark:hover:bg-zinc-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700"
>{{ t("Groups") }}</router-link
>
</li>
<li class="m-auto">
<router-link
:to="{ name: RouteName.EVENT_CALENDAR }"
@@ -275,10 +242,7 @@ import {
import { useLazyQuery, useMutation } from "@vue/apollo-composable";
import { UPDATE_DEFAULT_ACTOR } from "@/graphql/actor";
import { changeIdentity } from "@/utils/identity";
import {
useRegistrationConfig,
useIsLongEvents,
} from "@/composition/apollo/config";
import { useRegistrationConfig } from "@/composition/apollo/config";
import { useOruga } from "@oruga-ui/oruga-next";
import {
UNREAD_ACTOR_CONVERSATIONS,
@@ -286,8 +250,6 @@ import {
} from "@/graphql/user";
import { ICurrentUser } from "@/types/current-user.model";
const { islongEvents } = useIsLongEvents();
const { currentUser } = useCurrentUserClient();
const { currentActor } = useCurrentActorClient();