@ozdao/prometheus-framework 0.2.307 → 0.2.308
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/main.css +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.cjs +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.cjs.map +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.js +1 -1
- package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.js.map +1 -1
- package/dist/prometheus-framework/src/modules/pages/pages.client.cjs +457 -457
- package/dist/prometheus-framework/src/modules/pages/pages.client.js +457 -457
- package/package.json +1 -1
- package/src/modules/events/components/pages/Event.vue +1 -1
- package/src/styles/layout.scss +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Event.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section>\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"
|
|
1
|
+
{"version":3,"file":"Event.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section>\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n <SkeletonEvent\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n />\n\n <HeroEvent\n v-if=\"!isLoading && event &&event.cover\"\n :content=\"{\n title: event.name,\n ticketLinkStripe: event.ticketLinkStripe,\n cover: event.cover,\n subtitle: event.subtitle,\n }\"\n :options=\"{\n date: event.date.start,\n }\"\n class=\"o-hidden\"\n />\n\n <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n \n <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n <h1 class=\"z-index-1 mn-b-semi\">\n {{event?.name}}\n </h1>\n\n <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <!-- <IconCalendar :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/> -->\n {{formatDate(event.date.start)}}\n </span>\n\n\n <span\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n >\n {{ chip }}\n </span>\n </div>\n\n <p class=\"z-index-1 p-big mn-b-semi\">\n {{event?.description}}\n </p>\n\n <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <Viewer\n v-if=\"event && event.content\"\n :content=\"event.content\"\n :notitle=\"true\"\n />\n\n </div>\n\n <div class=\"\">\n \n <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n <h4 class=\"mn-r-auto\">Tickets</h4>\n <PhotoStack\n :number=\"event.numberOfTickets\"\n :photos=\"event.participantsPhotos\" \n />\n </div>\n <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n <div class=\"flex-nowrap mn-b-small p-big flex\">\n <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n </div>\n <a :href=\"ticketType.link\" class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second \">\n Buy Now\n </a>\n </div>\n\n <ButtonJoin \n v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n :type=\"'event'\" \n :hasTicket=\"event.hasTicket\" \n :targetId=\"event._id\" \n :userId=\"auth.state.user._id\"\n class=\" w-100 pd-medium mn-auto\"\n @updateTicket=\"handleTicketUpdate\"\n />\n\n <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n <Countdown \n v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n class=\"mn-t-thin radius-medium bg-white w-100\"\n :date=\"event?.date?.start\"\n />\n </div>\n\n <div class=\"radius-semi pd-medium bg-light\">\n <h4 class=\"mn-b-small\">Organizer</h4>\n <User \n class=\"h-5r cursor-pointer pd-medium radius-medium bg-white\" \n :user=\"event.owner.target._id\" \n :photo=\"event.owner.target.profile.photo\"\n :name=\"event.owner.target.profile.name\"\n :position=\"event.owner\" \n @click.stop=\"$router.push({\n name: event.owner.type === 'user' ? 'User Profile' : 'Organization', \n params: {\n _id: event.owner.target._id,\n\n },\n query: {\n tab: 'events'\n }\n })\" \n />\n </div>\n\n </div>\n\n <Comments \n v-if=\"!isLoading && event\" \n :type=\"'event'\" \n :target=\"event._id\" \n :owner=\"auth.state.user._id\"\n class=\"bg-light radius-big pd-medium\"\n />\n\n </div>\n \n </TransitionGroup> \n\n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n import Loader from '@pf/src/components/Loader/Loader.vue';\n import Chips from '@pf/src/components/Chips/Chips.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\n\n import Countdown from \"@pf/src/components/Countdown/Countdown.vue\";\n \n import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n import SectionMainGuest from '@pf/src/modules/events/components/sections/SectionMainGuest.vue';\n import SectionSpecialGuests from '@pf/src/modules/events/components/sections/SectionSpecialGuests.vue';\n import SectionLineUp from '@pf/src/modules/events/components/sections/SectionLineup.vue';\n import SectionPreviousEvents from '@pf/src/modules/events/components/sections/SectionPreviousEvents.vue';\n\n import PhotoStack from \"@pf/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue';\n import ButtonJoin from '@pf/src/modules/events/components/elements/ButtonJoin.vue';\n import Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n import Image from '@pf/src/modules/constructor/components/elements/Image.vue';\n import User from '@pf/src/modules/auth/views/components/blocks/CardUser.vue';\n // import IconCalendar from '@pf/src/modules/icons/navigation/IconCalendar.vue';\n\n import * as events from '@pf/src/modules/events/store/events.js';\n import * as tickets from '@pf/src/modules/events/store/tickets.js';\n import * as auth from '@pf/src/modules/auth/views/store/auth';\n \n import { useRoute } from 'vue-router';\n\n const route = useRoute();\n const qrcode = ref(null);\n \n const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n console.log('HANDLE TICKET UPDATE', ticket, event.value);\n\n qrcode.value = ticket.qrcode;\n };\n\n function clickBuyTicket () {\n gtag('event', 'buy_ticket', {\n 'event_category': 'conversion',\n 'event_label': 'Buy Ticket'\n });\n\n\n }\n\n\n const event = ref(null);\n const isLoading = ref(true);\n\n onMounted(async () => {\n isLoading.value = true;\n\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data[0];\n isLoading.value = false;\n });\n</script>"],"names":["useRoute","ref","tickets.mutations","onMounted","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KE,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,QAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DC,cAAiB,UAAC,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AAEvD,aAAO,QAAQ,OAAO;AAAA,IAC1B;AAYE,UAAM,QAAQD,QAAI,IAAI;AACtB,UAAM,YAAYA,QAAI,IAAI;AAE1BE,QAAAA,UAAU,YAAY;AACpB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,OAAAA,KAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Event.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section>\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"
|
|
1
|
+
{"version":3,"file":"Event.vue.js","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section>\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"bg-light\">\n <SkeletonEvent\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n />\n\n <HeroEvent\n v-if=\"!isLoading && event &&event.cover\"\n :content=\"{\n title: event.name,\n ticketLinkStripe: event.ticketLinkStripe,\n cover: event.cover,\n subtitle: event.subtitle,\n }\"\n :options=\"{\n date: event.date.start,\n }\"\n class=\"o-hidden\"\n />\n\n <div class=\"cols-2-2_1 gap-small bg-white t-black pd-t-zero mobile:pd-small pd-extra\" v-if=\"!isLoading && event\"> \n \n <div class=\"bg-light mobile:pd-medium pd-big radius-big\">\n\n <h1 class=\"z-index-1 mn-b-semi\">\n {{event?.name}}\n </h1>\n\n <div class=\"flex flex-wrap gap-micro t-medium p-big mn-b-semi justify-start align-center\">\n <span v-if=\"event.date?.start\" class=\"mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n <!-- <IconCalendar :fill=\"'rgb(var(--black))'\" class=\"w-1r h-auto\"/> -->\n {{formatDate(event.date.start)}}\n </span>\n\n\n <span\n v-for=\"(chip, index) in event.tags\"\n :key=\"index\"\n class=\"d-inline-flex pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small bg-main\"\n >\n {{ chip }}\n </span>\n </div>\n\n <p class=\"z-index-1 p-big mn-b-semi\">\n {{event?.description}}\n </p>\n\n <hr v-if=\"event?.content?.length > 0\" class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <Viewer\n v-if=\"event && event.content\"\n :content=\"event.content\"\n :notitle=\"true\"\n />\n\n </div>\n\n <div class=\"\">\n \n <div class=\"radius-semi pd-medium bg-light mn-b-thin\">\n\n <div class=\"mn-b-small flex-nowrap flex-v-center flex pos-relative\">\n <h4 class=\"mn-r-auto\">Tickets</h4>\n <PhotoStack\n :number=\"event.numberOfTickets\"\n :photos=\"event.participantsPhotos\" \n />\n </div>\n <div v-if=\"event?.ticketsTypes?.length > 0\" v-for=\"ticketType in event.ticketsTypes\" class=\"pd-medium w-100 radius-medium bg-white mn-b-small\">\n <div class=\"flex-nowrap mn-b-small p-big flex\">\n <span class=\"mn-r-auto\">{{ticketType.name}}</span>\n <span class=\"t-medium\">{{ticketType.price}} {{returnCurrency()}}</span>\n </div>\n <a :href=\"ticketType.link\" class=\"d-block t-center pd-l-medium pd-r-medium pd-t-small pd-b-small radius-extra uppercase t-medium t-white w-100 bg-second \">\n Buy Now\n </a>\n </div>\n\n <ButtonJoin \n v-if=\"auth.state.user._id && !event?.ticketsTypes?.length > 0\"\n :type=\"'event'\" \n :hasTicket=\"event.hasTicket\" \n :targetId=\"event._id\" \n :userId=\"auth.state.user._id\"\n class=\" w-100 pd-medium mn-auto\"\n @updateTicket=\"handleTicketUpdate\"\n />\n\n <p v-if=\"event?.ticketsTypes.length > 0\" class=\"z-index-1 t-transp p-small mn-t-small \">Buy ticket online with special price:</p>\n <Countdown \n v-if=\"event?.date?.start && event?.ticketsTypes?.length > 0\"\n class=\"mn-t-thin radius-medium bg-white w-100\"\n :date=\"event?.date?.start\"\n />\n </div>\n\n <div class=\"radius-semi pd-medium bg-light\">\n <h4 class=\"mn-b-small\">Organizer</h4>\n <User \n class=\"h-5r cursor-pointer pd-medium radius-medium bg-white\" \n :user=\"event.owner.target._id\" \n :photo=\"event.owner.target.profile.photo\"\n :name=\"event.owner.target.profile.name\"\n :position=\"event.owner\" \n @click.stop=\"$router.push({\n name: event.owner.type === 'user' ? 'User Profile' : 'Organization', \n params: {\n _id: event.owner.target._id,\n\n },\n query: {\n tab: 'events'\n }\n })\" \n />\n </div>\n\n </div>\n\n <Comments \n v-if=\"!isLoading && event\" \n :type=\"'event'\" \n :target=\"event._id\" \n :owner=\"auth.state.user._id\"\n class=\"bg-light radius-big pd-medium\"\n />\n\n </div>\n \n </TransitionGroup> \n\n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n import Loader from '@pf/src/components/Loader/Loader.vue';\n import Chips from '@pf/src/components/Chips/Chips.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n\n import Viewer from '@pf/src/modules/constructor/components/sections/Viewer.vue';\n\n import Countdown from \"@pf/src/components/Countdown/Countdown.vue\";\n \n import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n import SectionMainGuest from '@pf/src/modules/events/components/sections/SectionMainGuest.vue';\n import SectionSpecialGuests from '@pf/src/modules/events/components/sections/SectionSpecialGuests.vue';\n import SectionLineUp from '@pf/src/modules/events/components/sections/SectionLineup.vue';\n import SectionPreviousEvents from '@pf/src/modules/events/components/sections/SectionPreviousEvents.vue';\n\n import PhotoStack from \"@pf/src/modules/globals/views/components/elements/PhotoStack.vue\";\n\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue';\n import ButtonJoin from '@pf/src/modules/events/components/elements/ButtonJoin.vue';\n import Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n import Image from '@pf/src/modules/constructor/components/elements/Image.vue';\n import User from '@pf/src/modules/auth/views/components/blocks/CardUser.vue';\n // import IconCalendar from '@pf/src/modules/icons/navigation/IconCalendar.vue';\n\n import * as events from '@pf/src/modules/events/store/events.js';\n import * as tickets from '@pf/src/modules/events/store/tickets.js';\n import * as auth from '@pf/src/modules/auth/views/store/auth';\n \n import { useRoute } from 'vue-router';\n\n const route = useRoute();\n const qrcode = ref(null);\n \n const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n console.log('HANDLE TICKET UPDATE', ticket, event.value);\n\n qrcode.value = ticket.qrcode;\n };\n\n function clickBuyTicket () {\n gtag('event', 'buy_ticket', {\n 'event_category': 'conversion',\n 'event_label': 'Buy Ticket'\n });\n\n\n }\n\n\n const event = ref(null);\n const isLoading = ref(true);\n\n onMounted(async () => {\n isLoading.value = true;\n\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data[0];\n isLoading.value = false;\n });\n</script>"],"names":["tickets.mutations","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KE,UAAM,QAAQ;AACd,UAAM,SAAS,IAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DA,gBAAkB,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AAEvD,aAAO,QAAQ,OAAO;AAAA,IAC1B;AAYE,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,YAAY,IAAI,IAAI;AAE1B,cAAU,YAAY;AACpB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,KAAY,EAAE,MAAMC,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|