@icvdeveloper/common-module 0.0.33 → 0.0.36

package/dist/runtime/components/events/UpcomingEvents.vue

@@ -1,152 +0,0 @@
-<script lang="ts" setup>
-import { ref, computed } from "vue";
-import { storeToRefs } from "pinia";
-import { useRouter } from "vue-router";
-import { useDateFormat } from "../../composables/useDateFormat";
-import { useConferenceHelpers } from "../../composables/useConferenceHelpers";
-import { Conference } from "../../models/conference";
-import {
-  useConferencesStore,
-  useAuthStore,
-  useTemplateConfigsStore,
-} from "../../store";
-
-const router = useRouter();
-
-// data
-const { upcomingEvents } = storeToRefs(useConferencesStore());
-const { isLoggedIn } = storeToRefs(useAuthStore());
-const loginModalVisible = ref<boolean>(false);
-const conferenceToLoginTo = ref<Conference | null>(null);
-
-// methods
-const { pagesConfigValue, globalConfigValue } = storeToRefs(
-  useTemplateConfigsStore()
-);
-const { formatDate } = useDateFormat();
-const {
-  isSingleDayEvent,
-  showConferenceViewButton,
-  getConferenceWebcastUrl,
-  getConferenceWebcastButtonText,
-  getConferenceRegUrl,
-  getConferenceRegText,
-  showConferenceRegButton,
-} = useConferenceHelpers();
-const goEventPage = (conference: Conference) => {
-  router.push(`/upcoming-events/${conference.id}`);
-};
-const setConferenceToLoginTo = (conference: Conference) => {
-  conferenceToLoginTo.value = conference;
-  loginModalVisible.value = true;
-};
-
-// computed
-const buttonClass = computed(() => {
-  return pagesConfigValue.value("main.countdown_timer")
-    ? "mb-2 w-5/6 sm:mr-1 sm:w-auto md:mr-0 md:w-full xl:mr-1 xl:w-auto btn btn-secondary"
-    : "mb-2 w-5/6 sm:mr-1 sm:w-auto btn btn-secondary";
-});
-</script>
-
-<template>
-  <div class="flex w-full flex-col">
-    <div class="container flex-1 mx-auto">
-      <div
-        v-for="conference in upcomingEvents"
-        :key="conference.id"
-        class="flex flex-col items-start md:flex-row py-8"
-      >
-        <div class="flex w-full md:w-1/3 pb-3 px-3 md:px-6 overflow-hidden">
-          <img
-            class="flex-1 self-center mx-auto w-full"
-            :src="conference.photo"
-          />
-        </div>
-
-        <div
-          class="flex flex-col w-full justify-center items-center self-center text-center pt-3 md:w-2/3 md:px-6 md:text-left md:justify-start md:items-start"
-        >
-          <div class="w-full border-1 border-b border-color-accent-2">
-            <nuxt-link
-              :to="`/upcoming-events/${conference.id}`"
-              class="no-underline"
-            >
-              <h2
-                class="text-2xl lg:text-3xl font-medium mb-2 conf-name-alignment"
-              >
-                {{ conference.name }}
-              </h2>
-            </nuxt-link>
-            <p
-              class="text-base leading-normal tracking-wide font-light uppercase md:text-md lg:text-lg"
-            >
-              {{ formatDate(conference.start_date) }}
-              <span v-if="!isSingleDayEvent(conference)">
-                - {{ formatDate(conference.end_date) }}</span
-              >
-            </p>
-          </div>
-          <div class="flex flex-col md:flex-row w-full mt-4">
-            <div class="mt-2 mr-0 md:mr-4 flex-col xl:flex-auto xl:flex-row">
-              <button :class="buttonClass" @click="goEventPage(conference)">
-                View Info
-              </button>
-              <a
-                v-if="showConferenceViewButton(conference)"
-                :href="getConferenceWebcastUrl(conference)"
-              >
-                <button :class="buttonClass">
-                  {{ getConferenceWebcastButtonText(conference) }}
-                </button>
-              </a>
-              <button
-                v-if="
-                  !isLoggedIn &&
-                  !globalConfigValue('townhall_registration_enabled')
-                "
-                :class="buttonClass"
-                @click="setConferenceToLoginTo(conference)"
-              >
-                Log In
-              </button>
-              <a
-                :href="getConferenceRegUrl(conference)"
-                :target="
-                  /^http/.test(getConferenceRegUrl(conference))
-                    ? '_blank'
-                    : '_self'
-                "
-              >
-                <button
-                  v-if="showConferenceRegButton(conference)"
-                  :class="buttonClass"
-                >
-                  {{ getConferenceRegText(conference) }}
-                </button>
-              </a>
-            </div>
-            <div
-              v-if="pagesConfigValue('main.countdown_timer')"
-              class="text-right mt-3 md:mt-2"
-            >
-              <CommonCountdownTimer
-                :date="conference.start_date"
-                :is-compact="true"
-              ></CommonCountdownTimer>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <CommonModal
-      :visible="loginModalVisible"
-      @trigger="loginModalVisible = false"
-    >
-      <template #modal-body>
-        <CommonLoginFullWidth :conference="conferenceToLoginTo" />
-      </template>
-    </CommonModal>
-  </div>
-</template>