Rename event address to inline address

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2021-11-06 11:15:16 +01:00
parent 53de80dfee
commit a2017a3546
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773
6 changed files with 31 additions and 12 deletions

View File

@ -1,5 +1,6 @@
<template> <template>
<div <div
class="ellipsis"
:title=" :title="
isDescriptionDifferentFromLocality isDescriptionDifferentFromLocality
? `${physicalAddress.description}, ${physicalAddress.locality}` ? `${physicalAddress.description}, ${physicalAddress.locality}`
@ -22,7 +23,7 @@ import { PropType } from "vue";
import { Prop, Vue, Component } from "vue-property-decorator"; import { Prop, Vue, Component } from "vue-property-decorator";
@Component @Component
export default class EventAddress extends Vue { export default class InlineAddress extends Vue {
@Prop({ required: true, type: Object as PropType<IAddress> }) @Prop({ required: true, type: Object as PropType<IAddress> })
physicalAddress!: IAddress; physicalAddress!: IAddress;
@ -34,3 +35,11 @@ export default class EventAddress extends Vue {
} }
} }
</script> </script>
<style lang="scss" scoped>
.ellipsis {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
</style>

View File

@ -56,7 +56,7 @@
{{ organizerDisplayName(event) }} {{ organizerDisplayName(event) }}
</span> </span>
</div> </div>
<event-address <inline-address
v-if="event.physicalAddress" v-if="event.physicalAddress"
class="event-subtitle" class="event-subtitle"
:physical-address="event.physicalAddress" :physical-address="event.physicalAddress"
@ -87,13 +87,13 @@ import LazyImageWrapper from "@/components/Image/LazyImageWrapper.vue";
import { Actor, Person } from "@/types/actor"; import { Actor, Person } from "@/types/actor";
import { EventStatus, ParticipantRole } from "@/types/enums"; import { EventStatus, ParticipantRole } from "@/types/enums";
import RouteName from "../../router/name"; import RouteName from "../../router/name";
import EventAddress from "@/components/Event/EventAddress.vue"; import InlineAddress from "@/components/Address/InlineAddress.vue";
@Component({ @Component({
components: { components: {
DateCalendarIcon, DateCalendarIcon,
LazyImageWrapper, LazyImageWrapper,
EventAddress, InlineAddress,
}, },
}) })
export default class EventCard extends Vue { export default class EventCard extends Vue {

View File

@ -26,7 +26,7 @@
> >
{{ event.title }} {{ event.title }}
</h3> </h3>
<event-address <inline-address
v-if="event.physicalAddress" v-if="event.physicalAddress"
class="event-subtitle" class="event-subtitle"
:physical-address="event.physicalAddress" :physical-address="event.physicalAddress"
@ -107,13 +107,13 @@ import DateCalendarIcon from "@/components/Event/DateCalendarIcon.vue";
import { ParticipantRole } from "@/types/enums"; import { ParticipantRole } from "@/types/enums";
import RouteName from "../../router/name"; import RouteName from "../../router/name";
import LazyImageWrapper from "@/components/Image/LazyImageWrapper.vue"; import LazyImageWrapper from "@/components/Image/LazyImageWrapper.vue";
import EventAddress from "@/components/Event/EventAddress.vue"; import InlineAddress from "@/components/Address/InlineAddress.vue";
@Component({ @Component({
components: { components: {
DateCalendarIcon, DateCalendarIcon,
LazyImageWrapper, LazyImageWrapper,
EventAddress, InlineAddress,
}, },
}) })
export default class EventMinimalistCard extends Vue { export default class EventMinimalistCard extends Vue {

View File

@ -54,7 +54,7 @@
<h3 class="title">{{ participation.event.title }}</h3> <h3 class="title">{{ participation.event.title }}</h3>
</router-link> </router-link>
</div> </div>
<event-address <inline-address
v-if="participation.event.physicalAddress" v-if="participation.event.physicalAddress"
class="event-subtitle" class="event-subtitle"
:physical-address="participation.event.physicalAddress" :physical-address="participation.event.physicalAddress"
@ -270,7 +270,7 @@ import RouteName from "../../router/name";
import { changeIdentity } from "../../utils/auth"; import { changeIdentity } from "../../utils/auth";
import PopoverActorCard from "../Account/PopoverActorCard.vue"; import PopoverActorCard from "../Account/PopoverActorCard.vue";
import LazyImageWrapper from "@/components/Image/LazyImageWrapper.vue"; import LazyImageWrapper from "@/components/Image/LazyImageWrapper.vue";
import EventAddress from "@/components/Event/EventAddress.vue"; import InlineAddress from "@/components/Address/InlineAddress.vue";
import { PropType } from "vue"; import { PropType } from "vue";
const defaultOptions: IEventCardOptions = { const defaultOptions: IEventCardOptions = {
@ -286,7 +286,7 @@ const defaultOptions: IEventCardOptions = {
DateCalendarIcon, DateCalendarIcon,
PopoverActorCard, PopoverActorCard,
LazyImageWrapper, LazyImageWrapper,
EventAddress, InlineAddress,
}, },
apollo: { apollo: {
currentActor: { currentActor: {

View File

@ -31,7 +31,12 @@
</div> </div>
<div class="content" v-html="group.summary" /> <div class="content" v-html="group.summary" />
<div class="card-custom-footer"> <div class="card-custom-footer">
<span class="has-text-grey-dark"> <inline-address
class="has-text-grey-dark"
v-if="group.physicalAddress"
:physicalAddress="group.physicalAddress"
/>
<p class="has-text-grey-dark">
{{ {{
$tc( $tc(
"{count} members or followers", "{count} members or followers",
@ -41,7 +46,7 @@
} }
) )
}} }}
</span> </p>
</div> </div>
</div> </div>
</router-link> </router-link>
@ -52,10 +57,12 @@ import { Component, Prop, Vue } from "vue-property-decorator";
import { displayName, IGroup, usernameWithDomain } from "@/types/actor"; import { displayName, IGroup, usernameWithDomain } from "@/types/actor";
import LazyImageWrapper from "@/components/Image/LazyImageWrapper.vue"; import LazyImageWrapper from "@/components/Image/LazyImageWrapper.vue";
import RouteName from "../../router/name"; import RouteName from "../../router/name";
import InlineAddress from "@/components/Address/InlineAddress.vue";
@Component({ @Component({
components: { components: {
LazyImageWrapper, LazyImageWrapper,
InlineAddress,
}, },
}) })
export default class GroupCard extends Vue { export default class GroupCard extends Vue {

View File

@ -69,6 +69,9 @@ export const SEARCH_EVENTS_AND_GROUPS = gql`
followers(approved: true) { followers(approved: true) {
total total
} }
physicalAddress {
...AdressFragment
}
} }
} }
} }