mirror/mobilizon
1
0
Fork 0
mirror of https://framagit.org/framasoft/mobilizon.git synced 2025-03-12 09:32:48 +00:00
Code Issues Releases Wiki Activity

#1616 : change button look, in search page, in function of content type

Browse source
This commit is contained in:
Laurent GAY 2025-02-12 11:12:33 +01:00
parent f5aad52fd2
commit 44230465bd
1 changed files with 28 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/components/Home/SearchFields.vue
View file

@ -48,14 +48,19 @@
</o-dropdown>
</full-address-auto-complete>
<o-button
class="search-Event min-w-40 mr-1 mb-1"
:class="
'search-Event min-w-40 mr-1 mb-1 ' + select_button_class('EVENTS')
"
native-type="submit"
icon-left="calendar"
>
{{ t("Events") }}
</o-button>
<o-button
class="search-Activity min-w-40 mr-1 mb-1"
:class="
'search-Activity min-w-40 mr-1 mb-1 ' +
select_button_class('LONGEVENTS')
"
native-type="submit"
icon-left="calendar-star"
v-if="isLongEvents"
@ -63,7 +68,9 @@
{{ t("Activities") }}
</o-button>
<o-button
class="search-Group min-w-40 mr-1 mb-1"
:class="
'search-Group min-w-40 mr-1 mb-1 ' + select_button_class('GROUPS')
"
native-type="submit"
icon-left="account-multiple"
>
@ -167,6 +174,16 @@ const distanceList = computed(() => {
return distances;
});
const select_button_class = (current_content_type: string) => {
if (route.query.contentType === undefined) {
return "";
} else {
return current_content_type === route.query.contentType
? "active"
: "disactive";
}
};
console.debug("initial", distance.value, search.value, address.value);
const modelValueUpdate = (newaddress: IAddress | null) => {
@ -220,4 +237,12 @@ const { t } = useI18n({ useScope: "global" });
#search-anchor :deep(.o-input__wrapper) {
flex: 1;
}
.active {
text-decoration: underline;
font-weight: bold;
}
.disactive {
color: #eee;
font-weight: 300;
}
</style>