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

Various improvements

Browse Source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2022-08-12 16:46:44 +02:00
parent 4f9e0911e7
commit 754e44f0a5
33 changed files with 165 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
js/src/views/Event/Event.vue
View File

@@ -65,7 +65,7 @@
</popover-actor-card>
</span>
</div>
<p class="tags" dir="auto">
<p class="flex gap-1 items-center" dir="auto">
<tag v-if="eventCategory" class="category">{{
eventCategory
}}</tag>
@@ -363,13 +363,10 @@
</div>
</div>
<section
class="more-events section"
v-if="(event?.relatedEvents ?? []).length > 0"
>
<h3 class="title has-text-centered">
<section class="" v-if="(event?.relatedEvents ?? []).length > 0">
<h2 class="">
{{ t("These events may interest you") }}
</h3>
</h2>
<multi-card :events="event?.relatedEvents ?? []" />
</section>
<o-modal
@@ -524,45 +521,45 @@ import {
EVENT_PERSON_PARTICIPATION_SUBSCRIPTION_CHANGED,
FETCH_EVENT,
JOIN_EVENT,
} from "../../graphql/event";
import { CURRENT_ACTOR_CLIENT, PERSON_STATUS_GROUP } from "../../graphql/actor";
import { EventModel, IEvent } from "../../types/event.model";
} from "@/graphql/event";
import { CURRENT_ACTOR_CLIENT, PERSON_STATUS_GROUP } from "@/graphql/actor";
import { EventModel, IEvent } from "@/types/event.model";
import {
displayName,
IActor,
IPerson,
Person,
usernameWithDomain,
} from "../../types/actor";
import { GRAPHQL_API_ENDPOINT } from "../../api/_entrypoint";
import DateCalendarIcon from "../../components/Event/DateCalendarIcon.vue";
import MultiCard from "../../components/Event/MultiCard.vue";
import ReportModal from "../../components/Report/ReportModal.vue";
import { IReport } from "../../types/report.model";
import { CREATE_REPORT } from "../../graphql/report";
import EventMixin from "../../mixins/event";
} from "@/types/actor";
import { GRAPHQL_API_ENDPOINT } from "@/api/_entrypoint";
import DateCalendarIcon from "@/components/Event/DateCalendarIcon.vue";
import MultiCard from "@/components/Event/MultiCard.vue";
import ReportModal from "@/components/Report/ReportModal.vue";
import { IReport } from "@/types/report.model";
import { CREATE_REPORT } from "@/graphql/report";
import EventMixin from "@/mixins/event";
import IdentityPicker from "../Account/IdentityPicker.vue";
import ParticipationSection from "../../components/Participation/ParticipationSection.vue";
import RouteName from "../../router/name";
import CommentTree from "../../components/Comment/CommentTree.vue";
import ParticipationSection from "@/components/Participation/ParticipationSection.vue";
import RouteName from "@/router/name";
import CommentTree from "@/components/Comment/CommentTree.vue";
import "intersection-observer";
import { CONFIG } from "../../graphql/config";
import { CONFIG } from "@/graphql/config";
import {
AnonymousParticipationNotFoundError,
getLeaveTokenForParticipation,
isParticipatingInThisEvent,
removeAnonymousParticipation,
} from "../../services/AnonymousParticipationStorage";
import { IConfig } from "../../types/config.model";
import Tag from "../../components/Tag.vue";
import EventMetadataSidebar from "../../components/Event/EventMetadataSidebar.vue";
import EventBanner from "../../components/Event/EventBanner.vue";
import EventMap from "../../components/Event/EventMap.vue";
import PopoverActorCard from "../../components/Account/PopoverActorCard.vue";
import { IParticipant } from "../../types/participant.model";
} from "@/services/AnonymousParticipationStorage";
import { IConfig } from "@/types/config.model";
import Tag from "@/components/Tag.vue";
import EventMetadataSidebar from "@/components/Event/EventMetadataSidebar.vue";
import EventBanner from "@/components/Event/EventBanner.vue";
import EventMap from "@/components/Event/EventMap.vue";
import PopoverActorCard from "@/components/Account/PopoverActorCard.vue";
import { IParticipant } from "@/types/participant.model";
import { ApolloCache, FetchResult } from "@apollo/client/core";
import { IEventMetadataDescription } from "@/types/event-metadata";
import { eventMetaDataList } from "../../services/EventMetadata";
import { eventMetaDataList } from "@/services/EventMetadata";
import { USER_SETTINGS } from "@/graphql/user";
import { IUser } from "@/types/current-user.model";
import { useDeleteEvent, useFetchEvent } from "@/composition/apollo/event";
@@ -606,22 +603,22 @@ import { Dialog } from "@/plugins/dialog";
import { Notifier } from "@/plugins/notifier";
const ShareEventModal = defineAsyncComponent(
() => import("../../components/Event/ShareEventModal.vue")
() => import("@/components/Event/ShareEventModal.vue")
);
const IntegrationTwitch = defineAsyncComponent(
() => import("../../components/Event/Integrations/Twitch.vue")
() => import("@/components/Event/Integrations/Twitch.vue")
);
const IntegrationPeertube = defineAsyncComponent(
() => import("../../components/Event/Integrations/PeerTube.vue")
() => import("@/components/Event/Integrations/PeerTube.vue")
);
const IntegrationYoutube = defineAsyncComponent(
() => import("../../components/Event/Integrations/YouTube.vue")
() => import("@/components/Event/Integrations/YouTube.vue")
);
const IntegrationJitsiMeet = defineAsyncComponent(
() => import("../../components/Event/Integrations/JitsiMeet.vue")
() => import("@/components/Event/Integrations/JitsiMeet.vue")
);
const IntegrationEtherpad = defineAsyncComponent(
() => import("../../components/Event/Integrations/Etherpad.vue")
() => import("@/components/Event/Integrations/Etherpad.vue")
);
const props = defineProps<{

17
js/src/views/Event/MyEvents.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="container mx-auto">
<h1 class="text-4xl">
<div class="container mx-auto px-1">
<h1>
{{ t("My events") }}
</h1>
<p>
@@ -126,7 +126,7 @@
</div>
</section>
<section
class="has-text-centered not-found"
class="text-center not-found"
v-if="
showUpcoming &&
monthlyFutureEvents &&
@@ -135,7 +135,7 @@
"
>
<div class="img-container h-64" />
<div class="content has-text-centered">
<div class="text-center prose dark:prose-invert">
<p>
{{
t(
@@ -411,16 +411,7 @@ const firstDayOfWeek = computed((): number => {
});
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
// @import "node_modules/bulma/sass/utilities/mixins.sass";
main > .container {
& > h1 {
margin: 10px auto 5px;
}
}
.participation {
margin: 1rem auto;
}