{"version":3,"sources":["webpack:///./src/pages/events/event.vue?13b6","webpack:///./src/components/icons/IconChevronDoubleRight.vue","webpack:///./src/components/icons/IconChevronDoubleRight.vue?c9cf","webpack:///./src/components/shared/BreadCrumb.vue","webpack:///./src/components/shared/BreadCrumb.vue?5b9f","webpack:///./src/pages/events/event.vue?7918","webpack:///./src/pages/events/event.vue","webpack:///./src/pages/events/event.vue?3276","webpack:///./src/assets/images/events/event_banner.png"],"names":["xmlns","fill","viewBox","stroke-width","stroke","class","stroke-linecap","stroke-linejoin","d","script","render","items","item","index","key","path","to","label","length","name","components","IconChevronDoubleRight","props","type","Array","required","src","alt","breadCrumbItems","$apollo","queries","eventDetails","loading","i","$router","go","getHeaderText","hasThumbnail","getImage","getEvent","content","location","is_show_register_now_button","registerEvent","icon","eventDate","display_time","focal_point","startTime","endTime","isLoading","class-list","IconBack","BreadCrumb","computed","this","title","data","thumbnail","start_date","Date","end_date","startMonth","toLocaleString","month","startDate","getDate","endDay","year","getFullYear","formattedDate","display_day","entity","logo","formatTime","$store","getters","isAuthenticated","methods","datetime","date","options","hour","minute","hour12","toLocaleTimeString","isLoggedIn","CREATE_MUTATION","error_msg","success_msg","mutate","mutation","variables","id","parseInt","then","error","message","catch","$swal","fire","text","result","value","dismiss","registration_type","window","open","registration_link","localStorage","setItem","$route","fullPath","replace","apollo","query","slug","fetchPolicy","__scopeId","module","exports"],"mappings":"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","file":"js/chunk-6e0d84e6.20b7466c.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./event.vue?vue&type=style&index=1&id=90bdd4cc&lang=scss\"","<template>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\" />\n    </svg>\n</template>","import { render } from \"./IconChevronDoubleRight.vue?vue&type=template&id=8c99fc1c\"\nconst script = {}\nscript.render = render\n\nexport default script","<template>\n    <div class=\"w-full flex items-center\">\n        <div class=\"flex items-center\" v-for=\"(item, index) in items\" :key=\"index\">\n            <router-link v-if=\"item.path\" :to=\"item.path\" class=\"text-primaryLight hover:text-purple-pink cursor-pointer\">{{ item.label }}</router-link>\n            <span v-else class=\"text-purple-pink\">{{ item.label }}</span>\n            <span v-if=\"index < items.length - 1\" class=\"mx-2\">\n                <icon-chevron-double-right class=\"h-6 w-6 text-secondaryLight\"></icon-chevron-double-right>\n            </span>\n        </div>\n    </div>\n</template>\n\n<script>\nimport IconChevronDoubleRight from '../icons/IconChevronDoubleRight.vue';\nexport default {\n    name: \"bread-crumb\",\n    components: {\n        IconChevronDoubleRight,\n    },\n    props: {\n        items: {\n            type: Array,\n            required: true,\n        },\n    },\n};\n</script>","import { render } from \"./BreadCrumb.vue?vue&type=template&id=f23b7472\"\nimport script from \"./BreadCrumb.vue?vue&type=script&lang=js\"\nexport * from \"./BreadCrumb.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./event.vue?vue&type=style&index=0&id=90bdd4cc&lang=scss&scoped=true\"","<template>\n  <section class=\"h-full w-full flex flex-col\">\n    <img src=\"../../assets/images/events/event_banner.png\" alt=\"Event Banner\" />\n    <div class=\"container mx-auto mt-8 px-8\">\n      <bread-crumb :items=\"breadCrumbItems\"></bread-crumb>\n    </div>\n    <div class=\"px-8 my-8\" v-if=\"$apollo.queries.eventDetails.loading\">\n      <div class=\"container mx-auto\">\n        <div class=\"bg-1 h-12 animate-pulse\"></div>\n        <div class=\"mt-8\">\n          <div class=\"w-1/2 h-80 bg-indigo-300 animate-pulse\"></div>\n          <h1 class=\"mt-8 h-16 bg-gray-600\"></h1>\n          <p class=\"mt-8 bg-gray-300 w-48 h-6\"></p>\n          <div class=\"mt-16\">\n            <p\n              v-for=\"(i, index) in 10\"\n              :key=\"index\"\n              class=\"h-4 bg-gray-300 animate-pulse mb-4\"\n            ></p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"flex flex-col\">\n      <div class=\"container mx-auto px-8 mt-8 mb-16\">\n        <div\n          class=\"bg-1 text-white px-4 py-2 text-lg sm:text-xl md:text-2xl font-bold flex items-center\"\n        >\n          <icon-back @click.stop=\"$router.go(-1)\" class=\"zoom-in\"></icon-back>\n          <h1 class=\"ml-2\">{{ getHeaderText }}</h1>\n        </div>\n        <div class=\"mt-16\">\n          <h1\n            class=\"mt-8 text-xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl text-center\"\n          >\n            {{ getHeaderText }}\n          </h1>\n        </div>\n\n        <div v-if=\"hasThumbnail\" class=\"flex justify-center mt-8\">\n          <img\n            class=\"ht-auto sm:ht-100vh-80 object-contain\"\n            :src=\"getImage\"\n            :alt=\"getHeaderText\"\n          />\n        </div>\n        <!-- <div class=\"flex justify-center mt-12\">\n                    <div>\n\n\n                        <count-down-timer></count-down-timer>\n\n\n\n                    </div>\n                </div> -->\n      </div>\n      <div class=\"flex-auto flex flex-col bg-gray-100\">\n        <div class=\"h-full container mx-auto px-8 mb-16\">\n          <div class=\"mt-16 flex flex-row flex-wrap\">\n            <div class=\"w-full lg:w-2/3 flex flex-col lg:pr-4\">\n              <div\n                v-if=\"getEvent.content\"\n                class=\"flex flex-col bg-white shadow-lg p-8\"\n              >\n                <h1 class=\"capitalize text-xl sm:text-2xl xl:text-3xl\">\n                  About the event\n                </h1>\n                <p\n                  class=\"mt-8 font-light text-sm sm:text-base break-words\"\n                  v-html=\"getEvent.content\"\n                ></p>\n              </div>\n\n              <div\n                v-if=\"getEvent.location\"\n                class=\"flex flex-col bg-white shadow-lg p-8\"\n                :class=\"getEvent.content ? 'mt-8' : ''\"\n              >\n                <h1 class=\"capitalize text-xl sm:text-2xl xl:text-3xl\">\n                  Location\n                </h1>\n                <p class=\"mt-8 font-light text-sm sm:text-base\">\n                  {{ getEvent.location }}\n                </p>\n              </div>\n\n              <div\n                v-if=\"getEvent.is_show_register_now_button\"\n                class=\"mt-8 flex\"\n              >\n                <div\n                  @click.stop=\"registerEvent\"\n                  class=\"flex flex-col px-4 py-2 border-2 border-fourteen uppercase bg-fourteen hover:bg-white text-white hover:text-fourteen font-semibold cursor-pointer\"\n                >\n                  Register Now\n                </div>\n              </div>\n            </div>\n            <div class=\"w-full lg:w-1/3 lg:pl-4 mt-8 lg:mt-0\">\n              <div class=\"flex flex-col bg-white shadow-lg p-4\">\n                <!-- <div class=\"flex justify-between items-center border-b px-2 py-4\">\n                                    <div class=\"flex justify-start items-center\">\n                                        <div class=\"mr-2\">\n                                            <font-awesome-icon icon=\"fa-solid fa-money-bill-wave\" class=\"text-primary text-sm\" />\n                                        </div>\n                                        <div class=\"text-sm font-medium\">Cost</div>\n                                    </div>\n                                    <div class=\"text-red-600 text-2xl font-semibold\">Free</div>\n                                </div> -->\n                <div\n                  class=\"flex justify-between items-center px-2 py-4\"\n                  :class=\"\n                    getEvent.display_time || getEvent.focal_point\n                      ? 'border-b'\n                      : ''\n                  \"\n                >\n                  <div class=\"flex justify-start items-center\">\n                    <div class=\"mr-2\">\n                      <font-awesome-icon\n                        icon=\"fa-solid fa-calendar\"\n                        class=\"text-primary text-sm\"\n                      />\n                    </div>\n                    <div class=\"text-sm font-medium\">Event Date</div>\n                  </div>\n                  <div class=\"text-sm text-gray-600\">{{ eventDate }}</div>\n                </div>\n                <div\n                  v-if=\"getEvent.display_time\"\n                  class=\"flex justify-between items-center px-2 py-4\"\n                  :class=\"getEvent.focal_point ? 'border-b' : ''\"\n                >\n                  <div class=\"flex justify-start items-center\">\n                    <div class=\"mr-2\">\n                      <font-awesome-icon\n                        icon=\"fa-solid fa-clock\"\n                        class=\"text-primary text-sm\"\n                      />\n                    </div>\n                    <div class=\"text-sm font-medium\">Event Time</div>\n                  </div>\n                  <div class=\"text-sm text-gray-600\">\n                    {{ startTime }} - {{ endTime }}\n                  </div>\n                </div>\n                <div\n                  v-if=\"getEvent.focal_point\"\n                  class=\"flex justify-between items-center px-2 py-4\"\n                >\n                  <div class=\"flex justify-start items-center\">\n                    <div class=\"mr-2\">\n                      <font-awesome-icon\n                        icon=\"fa-solid fa-user\"\n                        class=\"text-primary text-sm\"\n                      />\n                    </div>\n                    <div class=\"text-sm font-medium\">Focal Point</div>\n                  </div>\n                  <div class=\"text-sm text-gray-600\">\n                    {{ getEvent.focal_point }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"px-8 bg-gray-100\">\n      <div class=\"container mx-auto\">\n        <div class=\"w-full flex justify-end my-8\">\n          <back-button></back-button>\n        </div>\n      </div>\n    </div>\n    <div class=\"h-full flex justify-center items-center\" v-if=\"isLoading\">\n      <base-page-spinner type=\"spin\" class-list=\"h-20\"></base-page-spinner>\n    </div>\n  </section>\n</template>\n\n<script>\nimport gql from \"graphql-tag\";\nimport IconBack from \"../../components/icons/IconBack.vue\";\n//import CountDownTimer from '../../components/shared/CountDownTimer.vue';\nimport BreadCrumb from \"../../components/shared/BreadCrumb.vue\";\nexport default {\n  name: \"my-event\",\n  props: [\"id\"],\n  components: {\n    IconBack,\n    // CountDownTimer,\n    BreadCrumb,\n  },\n  data() {\n    return {\n      eventDetails: [],\n      breadCrumbItems: [\n        { label: \"Home\", path: \"/\" },\n        { label: \"Events\", path: \"/events\" },\n        { label: \"Event\" },\n      ],\n      isLoading: false,\n    };\n  },\n  computed: {\n    getHeaderText() {\n      return this.getEvent.title;\n    },\n    getEvent() {\n      return this.eventDetails.data;\n    },\n    hasThumbnail() {\n      if (this.getEvent.thumbnail) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    getImage() {\n      return process.env.VUE_APP_PUBLIC_URL + this.getEvent.thumbnail;\n    },\n    getContent() {\n      return this.getEvent.content;\n    },\n    eventDate() {\n      const start_date = new Date(this.getEvent.start_date);\n      const end_date = new Date(this.getEvent.end_date);\n\n      const startMonth = start_date.toLocaleString(\"default\", {\n        month: \"short\",\n      });\n      const startDate = start_date.getDate();\n      const endDay = end_date.getDate();\n      const year = start_date.getFullYear();\n\n      let formattedDate = startMonth;\n\n      if (this.getEvent.display_day !== false) {\n        if (startDate !== endDay) {\n          formattedDate += ` ${startDate}-${endDay}, ${year}`;\n        } else {\n          formattedDate += ` ${startDate}, ${year}`;\n        }\n      } else {\n        formattedDate += ` - ${year}`;\n      }\n\n      return formattedDate;\n    },\n    getEntityImage() {\n      return process.env.VUE_APP_PUBLIC_URL + this.getEvent.entity.logo;\n    },\n    startTime() {\n      return this.formatTime(this.getEvent.start_date);\n    },\n    endTime() {\n      return this.formatTime(this.getEvent.end_date);\n    },\n    isLoggedIn() {\n      return this.$store.getters.isAuthenticated;\n    },\n  },\n  methods: {\n    formatTime(datetime) {\n      const date = new Date(datetime);\n      const options = { hour: \"numeric\", minute: \"numeric\", hour12: true };\n      return date.toLocaleTimeString([], options);\n    },\n    async registerEvent() {\n      if (this.isLoggedIn) {\n        this.isLoading = true;\n\n        const CREATE_MUTATION = gql`\n          mutation RegisterEvent($id: ID!) {\n            registerEvent(id: $id) {\n              error\n              error_code\n              message\n            }\n          }\n        `;\n\n        let error_msg = null;\n        let success_msg = null;\n\n        try {\n          await this.$apollo\n            .mutate({\n              mutation: CREATE_MUTATION,\n              variables: {\n                id: parseInt(this.getEvent.id),\n              },\n            })\n            .then((data) => {\n              if (data.data.registerEvent.error) {\n                error_msg = data.data.registerEvent.message;\n              } else {\n                success_msg = data.data.registerEvent.message;\n              }\n            })\n            .catch((error) => {\n              error_msg = error.message;\n            });\n        } catch (error) {\n          error_msg = error.message || \"Please try again later.\";\n        }\n\n        if (error_msg === null) {\n          this.$swal\n            .fire({\n              icon: \"success\",\n              title: \"Great!\",\n              text: success_msg,\n            })\n            .then((result) => {\n              if (result.value || result.dismiss) {\n                if (this.getEvent.registration_type == \"external\") {\n                  window.open(this.getEvent.registration_link, \"_blank\");\n                }\n              }\n            });\n        } else {\n          this.$swal\n            .fire({\n              icon: \"error\",\n              title: \"Oops...\",\n              text: error_msg,\n            })\n            .then((result) => {\n              if (result.value || result.dismiss) {\n                error_msg = \"\";\n              }\n            });\n        }\n\n        this.isLoading = false;\n      } else {\n        this.$swal\n          .fire({\n            icon: \"warning\",\n            title: \"Sorry...\",\n            text: \"You need to be logged in to register for this event.\",\n          })\n          .then((result) => {\n            if (result.value || result.dismiss) {\n              localStorage.setItem(\n                \"redirectUrlToFullPath\",\n                this.$route.fullPath\n              );\n              this.$router.replace(\"/login\");\n            }\n          });\n      }\n    },\n  },\n  apollo: {\n    eventDetails() {\n      return {\n        query: gql`\n          query EventDetails($slug: String!) {\n            eventDetails(slug: $slug) {\n              data {\n                id\n                title\n                description\n                content\n                thumbnail\n                start_date\n                end_date\n                location\n                focal_point\n                display_time\n                display_day\n                is_show_register_now_button\n                registration_type\n                display_message\n                registration_link\n                entity {\n                  logo\n                  entity\n                }\n              }\n            }\n          }\n        `,\n        variables() {\n          return {\n            slug: this.id,\n          };\n        },\n        fetchPolicy: \"cache-and-network\",\n      };\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.bg-1 {\n  background: linear-gradient(\n    90deg,\n    rgba(34, 42, 57, 1) 0%,\n    rgba(10, 66, 117, 1) 100%\n  );\n}\n@responsive {\n  .ht-auto {\n    height: auto;\n  }\n  .ht-600 {\n    height: 600px;\n  }\n  .ht-500 {\n    height: 500px;\n  }\n  .ht-400 {\n    height: 400px;\n  }\n  .ht-350 {\n    height: 350px;\n  }\n  .ht-300 {\n    height: 300px;\n  }\n  .ht-100vh-80 {\n    height: calc(100vh - 80px);\n  }\n}\n.bg-image::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n}\n</style>\n\n<style lang=\"scss\">\nstrong {\n  font-weight: bold;\n}\nol {\n  list-style: decimal;\n  margin-left: 30px;\n}\nul {\n  list-style: disc;\n  margin-left: 30px;\n}\n</style>\n","import { render } from \"./event.vue?vue&type=template&id=90bdd4cc&scoped=true\"\nimport script from \"./event.vue?vue&type=script&lang=js\"\nexport * from \"./event.vue?vue&type=script&lang=js\"\n\nimport \"./event.vue?vue&type=style&index=0&id=90bdd4cc&lang=scss&scoped=true\"\nimport \"./event.vue?vue&type=style&index=1&id=90bdd4cc&lang=scss\"\nscript.render = render\nscript.__scopeId = \"data-v-90bdd4cc\"\n\nexport default script","module.exports = __webpack_public_path__ + \"img/event_banner.0d843e3a.png\";"],"sourceRoot":""}