@icvdeveloper/common-module 0.0.103 → 0.0.104

package/dist/runtime/components/agenda/components/AgendaListAccordion.vue

@@ -1,53 +1,53 @@
-<script lang="ts" setup>
-import { ref } from "vue";
-import { useClassBinding } from "../../../composables/useClassBinding";
-import { AgendaListAccordionClassObj } from "../../../@types/components";
-
-type Props = {
-  classObject?: AgendaListAccordionClassObj;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  classObject: () => {
-    return {
-      container: "",
-      headerContainer: "",
-      headerButton: "",
-      dropdownContainer: "",
-    };
-  },
-});
-
-const { classBinding } = useClassBinding();
-
-const expanded = ref<boolean>(false);
-
-// methods
-const toggle = () => {
-  expanded.value = !expanded.value;
-};
-</script>
-
-<template>
-  <div :class="classBinding(classObject, 'container', '')">
-    <div
-      :class="classBinding(classObject, 'headerContainer', 'font-bold mt-2')"
-    >
-      <button
-        :class="classBinding(classObject, 'headerButton', 'outline-none')"
-        @click="toggle"
-      >
-        <slot name="header"></slot>
-      </button>
-    </div>
-
-    <transition name="slide" mode="out-in">
-      <div
-        v-show="expanded"
-        :class="classBinding(classObject, 'dropdownContainer', '')"
-      >
-        <slot name="body" />
-      </div>
-    </transition>
-  </div>
-</template>
+<script lang="ts" setup>
+import { ref } from "vue";
+import { useClassBinding } from "../../../composables/useClassBinding";
+import { AgendaListAccordionClassObj } from "../../../@types/components";
+
+type Props = {
+  classObject?: AgendaListAccordionClassObj;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  classObject: () => {
+    return {
+      container: "",
+      headerContainer: "",
+      headerButton: "",
+      dropdownContainer: "",
+    };
+  },
+});
+
+const { classBinding } = useClassBinding();
+
+const expanded = ref<boolean>(false);
+
+// methods
+const toggle = () => {
+  expanded.value = !expanded.value;
+};
+</script>
+
+<template>
+  <div :class="classBinding(classObject, 'container', '')">
+    <div
+      :class="classBinding(classObject, 'headerContainer', 'font-bold mt-2')"
+    >
+      <button
+        :class="classBinding(classObject, 'headerButton', 'outline-none')"
+        @click="toggle"
+      >
+        <slot name="header"></slot>
+      </button>
+    </div>
+
+    <transition name="slide" mode="out-in">
+      <div
+        v-show="expanded"
+        :class="classBinding(classObject, 'dropdownContainer', '')"
+      >
+        <slot name="body" />
+      </div>
+    </transition>
+  </div>
+</template>

package/dist/runtime/components/agenda/components/Calendar.vue

@@ -1,89 +1,97 @@
-<script lang="ts" setup>
-import { ref, toRefs, computed } from "vue";
-import { storeToRefs } from "pinia";
-import { get } from "lodash-es";
-import { DateTime } from 'luxon';
-import { useTemplateConfigsStore } from "../../../store";
-import 'add-to-calendar-button';
-import { Conference } from "../../../models/conference";
-import { Presentation } from "../../../models/conference";
-
-type Props = {
-  conference: Conference;
-  presentation: Presentation;
-};
-
-const props = defineProps<Props>();
-
-const { conference, presentation } = toRefs(props);
-
-const { pagesConfigValue } = storeToRefs(useTemplateConfigsStore());
-
-// Computed
-const showAddToGoogleCalendar = computed((): boolean => {
-    return pagesConfigValue.value("agenda.add_to_google_calendar", false);
-});
-  
-const showAddToMicrosoftCalendar = computed((): boolean => {
-  return pagesConfigValue.value("agenda.add_to_microsoft_calendar", false);
-});
-
-const presStartDate = computed((): string => {
-  return DateTime.fromSQL(
-      presentation.value.date,
-      { zone: conference.timezone }
-    ).toFormat("yyyy-MM-dd");
-});
-
-const presStartTime = computed((): string => {
-  return DateTime.fromSQL(
-      presentation.value.date,
-      { zone: conference.timezone }
-    ).toFormat("HH:mm");
-});
-
-const presEndTime = computed((): string => {
-  let duration: number = get(presentation.value, "duration", 3600) // default to 60 min
-  return DateTime.fromSQL(
-      presentation.value.date,
-      { zone: conference.timezone }
-    ).plus(duration * 1000).toFormat("HH:mm");
-});
-
-const calendarOptions = computed((): string => {
-  let opts = [];
-  if (showAddToGoogleCalendar) { opts.push('Google'); }
-  if (showAddToMicrosoftCalendar) { opts.push('iCal'); }
-  let optsQuoted = opts.map(opt => `'${opt}'`);
-  return optsQuoted.join(',');
-});
-
-const cssPath = computed((): string => {
-  // atcb.css required in template/playground public folder
-  return window.location.origin + "/atcb.css";
-});
-
-</script>
-
-<template>
-  <div>
-    <add-to-calendar-button 
-      :name="presentation.name"
-      :description="presentation.description"
-      :startDate="presStartDate"
-      :startTime="presStartTime"
-      :endTime="presEndTime"
-      :timeZone="conference.timezone"
-      :location="conference.location"
-      listStyle="dropdown"
-      trigger="click"
-      lightMode="bodyScheme"
-      buttonStyle="custom"
-      :customCss="cssPath"
-      hideIconButton
-      hideBackground
-      hideCheckmark
-      :options="calendarOptions"
-    ></add-to-calendar-button>
-  </div>
-</template>
+<script lang="ts" setup>
+import { ref, toRefs, computed } from "vue";
+import { storeToRefs } from "pinia";
+import { get } from "lodash-es";
+import { DateTime } from "luxon";
+import { useTemplateConfigsStore } from "../../../store";
+import "add-to-calendar-button";
+import { Conference, Presentation } from "../../../models/conference";
+
+type Props = {
+  conference: Conference;
+  presentation?: Presentation | null;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  presentation: null,
+});
+
+const { conference, presentation } = toRefs(props);
+
+const { pagesConfigValue } = storeToRefs(useTemplateConfigsStore());
+
+// Computed
+const showAddToGoogleCalendar = computed((): boolean => {
+  return pagesConfigValue.value("agenda.add_to_google_calendar", false);
+});
+
+const showAddToMicrosoftCalendar = computed((): boolean => {
+  return pagesConfigValue.value("agenda.add_to_microsoft_calendar", false);
+});
+
+const eventStartDate = computed((): string => {
+  return DateTime.fromSQL(
+    presentation.value ? presentation.value.date : conference.value.start_date,
+    { zone: conference.value.timezone }
+  ).toFormat("yyyy-MM-dd");
+});
+
+const eventStartTime = computed((): string => {
+  return DateTime.fromSQL(
+    presentation.value ? presentation.value.date : conference.value.start_date,
+    { zone: conference.value.timezone }
+  ).toFormat("HH:mm");
+});
+
+const eventEndTime = computed((): string => {
+  const duration: number = get(presentation.value, "duration", 3600); // default to 60 min
+  return DateTime.fromSQL(
+    presentation.value ? presentation.value.date : conference.value.end_date,
+    { zone: conference.value.timezone }
+  )
+    .plus(duration * 1000)
+    .toFormat("HH:mm");
+});
+
+const calendarOptions = computed((): string => {
+  const opts = [];
+  if (showAddToGoogleCalendar.value) {
+    opts.push("Google");
+  }
+  if (showAddToMicrosoftCalendar.value) {
+    opts.push("iCal");
+  }
+  const optsQuoted = opts.map((opt) => `'${opt}'`);
+  return optsQuoted.join(",");
+});
+
+const cssPath = computed((): string => {
+  // atcb.css required in template/playground public folder
+  return window.location.origin + "/atcb.css";
+});
+</script>
+
+<template>
+  <div>
+    <add-to-calendar-button
+      :name="presentation ? presentation.name : conference.name"
+      :description="
+        presentation ? presentation.description : conference.description
+      "
+      :start-date="eventStartDate"
+      :start-time="eventStartTime"
+      :end-time="eventEndTime"
+      :time-zone="conference.timezone"
+      :location="conference.location"
+      list-style="dropdown"
+      trigger="click"
+      light-mode="bodyScheme"
+      button-style="custom"
+      :custom-css="cssPath"
+      hide-icon-button
+      hide-background
+      hide-checkmark
+      :options="calendarOptions"
+    ></add-to-calendar-button>
+  </div>
+</template>

package/dist/runtime/components/agenda/components/InfoLink.vue

@@ -1,56 +1,56 @@
-<script lang="ts" setup>
-import { ref, toRefs, computed } from "vue";
-import { Presentation } from "../../../models/conference";
-
-type Props = {
-  linkText: string;
-  presentation: Presentation;
-  useIcon?: boolean;
-  newLine?: boolean;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  useIcon: true,
-  newLine: false,
-});
-
-// data
-const { useIcon, newLine, linkText, presentation } = toRefs(props);
-const showDescModal = ref<boolean>(false);
-
-// computed
-const getLinkText = computed(() => {
-  return linkText.value.length > 0 ? linkText.value : "Session Details";
-});
-</script>
-
-<template>
-  <span>
-    <a class="cursor-pointer" @click="showDescModal = true">
-      <CommonSvgIcon
-        v-if="useIcon"
-        icon="info"
-        class="align-middle"
-        style="display: inline-block; margin-bottom: 2px"
-        :icon-width="'16px'"
-      ></CommonSvgIcon>
-      <span v-else class="text-xs" :class="{ 'new-line': newLine }">{{
-        getLinkText
-      }}</span>
-    </a>
-
-    <CommonModal :visible="showDescModal" @trigger="showDescModal = false">
-      <template #modal-title>
-        <div class="text-lg font-bold text-left mb-4 pb-4 border-b">
-          {{ presentation.name }}
-        </div>
-      </template>
-      <template #modal-body>
-        <div
-          class="text-base font-normal text-left"
-          v-html="presentation.description"
-        ></div>
-      </template>
-    </CommonModal>
-  </span>
-</template>
+<script lang="ts" setup>
+import { ref, toRefs, computed } from "vue";
+import { Presentation } from "../../../models/conference";
+
+type Props = {
+  linkText: string;
+  presentation: Presentation;
+  useIcon?: boolean;
+  newLine?: boolean;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  useIcon: true,
+  newLine: false,
+});
+
+// data
+const { useIcon, newLine, linkText, presentation } = toRefs(props);
+const showDescModal = ref<boolean>(false);
+
+// computed
+const getLinkText = computed(() => {
+  return linkText.value.length > 0 ? linkText.value : "Session Details";
+});
+</script>
+
+<template>
+  <span>
+    <a class="cursor-pointer" @click="showDescModal = true">
+      <CommonSvgIcon
+        v-if="useIcon"
+        icon="info"
+        class="align-middle"
+        style="display: inline-block; margin-bottom: 2px"
+        :icon-width="'16px'"
+      ></CommonSvgIcon>
+      <span v-else class="text-xs" :class="{ 'new-line': newLine }">{{
+        getLinkText
+      }}</span>
+    </a>
+
+    <CommonModal :visible="showDescModal" @trigger="showDescModal = false">
+      <template #modal-title>
+        <div class="text-lg font-bold text-left mb-4 pb-4 border-b">
+          {{ presentation.name }}
+        </div>
+      </template>
+      <template #modal-body>
+        <div
+          class="text-base font-normal text-left"
+          v-html="presentation.description"
+        ></div>
+      </template>
+    </CommonModal>
+  </span>
+</template>

package/dist/runtime/components/agenda/components/PlayIcon.vue

@@ -1,49 +1,49 @@
-<script lang="ts" setup>
-import { toRefs } from "vue";
-import { usePresentation } from "../../../composables/usePresentation";
-import { Conference, Presentation } from "../../../models/conference";
-import { Icons } from "../../../models/icons";
-
-type Props = {
-  icon?: keyof Icons;
-  conference: Conference;
-  presentation: Presentation;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  icon: "playarrow",
-});
-
-const { icon, conference, presentation } = toRefs(props);
-
-const {
-  showPresentationPlayIcon,
-  getPresentationCustomPlayIcon,
-  getPresentationStreamingText,
-} = usePresentation(conference);
-</script>
-
-<template>
-  <span class="flex-initial flex flex-row items-center py-2 lg:py-1">
-    <span v-if="showPresentationPlayIcon(presentation)">
-      <img
-        v-if="getPresentationCustomPlayIcon(presentation)"
-        style="max-width: 15px"
-        :src="(getPresentationCustomPlayIcon(presentation) as unknown as string)"
-        alt=""
-      />
-      <CommonSvgIcon
-        v-else
-        :icon="icon"
-        class="align-middle mr-1"
-        style="display: inline-block; margin-bottom: 2px"
-        :icon-width="'20px'"
-      >
-      </CommonSvgIcon
-      >&nbsp;
-    </span>
-    <small class="flex-initial uppercase text-base text-red-darker">{{
-      getPresentationStreamingText(presentation)
-    }}</small>
-  </span>
-</template>
+<script lang="ts" setup>
+import { toRefs } from "vue";
+import { usePresentation } from "../../../composables/usePresentation";
+import { Conference, Presentation } from "../../../models/conference";
+import { Icons } from "../../../models/icons";
+
+type Props = {
+  icon?: keyof Icons;
+  conference: Conference;
+  presentation: Presentation;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  icon: "playarrow",
+});
+
+const { icon, conference, presentation } = toRefs(props);
+
+const {
+  showPresentationPlayIcon,
+  getPresentationCustomPlayIcon,
+  getPresentationStreamingText,
+} = usePresentation(conference);
+</script>
+
+<template>
+  <span class="flex-initial flex flex-row items-center py-2 lg:py-1">
+    <span v-if="showPresentationPlayIcon(presentation)">
+      <img
+        v-if="getPresentationCustomPlayIcon(presentation)"
+        style="max-width: 15px"
+        :src="(getPresentationCustomPlayIcon(presentation) as unknown as string)"
+        alt=""
+      />
+      <CommonSvgIcon
+        v-else
+        :icon="icon"
+        class="align-middle mr-1"
+        style="display: inline-block; margin-bottom: 2px"
+        :icon-width="'20px'"
+      >
+      </CommonSvgIcon
+      >&nbsp;
+    </span>
+    <small class="flex-initial uppercase text-base text-red-darker">{{
+      getPresentationStreamingText(presentation)
+    }}</small>
+  </span>
+</template>