@icvdeveloper/common-module 0.0.90 → 0.0.92

package/dist/runtime/components/media/components/ContentTabs.vue

@@ -1,231 +1,233 @@
-<script lang="ts" setup>
-import { ref, toRefs, computed, onMounted } from "vue";
-import { storeToRefs } from "pinia";
-import { find } from "lodash-es";
-import { Conference } from "../../../models/conference";
-import { ContentTabsClassObj } from "../../../@types/components";
-import { SelectedContent } from "../../../enums/general";
-import { useClassBinding } from "../../../composables/useClassBinding";
-import { usePresentationsStore } from "../../../store/presentations";
-
-type Props = {
-  items?: Array<{ label: string; type: SelectedContent; content: string }>;
-  webcastConference: Conference;
-  classObject?: ContentTabsClassObj;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  items: Array<{
-    label: "";
-    type: SelectedContent.OVERVIEW;
-    content: "";
-  }>,
-  classObject: () => {
-    return {
-      container: "",
-      fullContainer: "",
-      mobileContainer: "",
-      mobileButtonContainer: "",
-      dropdownContainer: "",
-      tabList: "",
-      tabItem: "",
-      tabLink: "",
-      selectedTab: "",
-      mobileTabList: "",
-      mobileTabItem: "",
-      mobileTabLink: "",
-    };
-  },
-});
-
-const { items, webcastConference } = toRefs(props);
-
-const { classBinding } = useClassBinding();
-
-// reactive data
-const { selectedContent } = storeToRefs(usePresentationsStore());
-const tabOpen = ref<boolean>(false);
-
-// computed
-const hasAgendaTab = computed((): boolean => {
-  return find(items, { type: SelectedContent.AGENDA }, false);
-});
-
-const selectedTabClass = computed((): string => {
-  return props.classObject.selectedTab;
-});
-
-// methods
-const tabToggle = () => {
-  tabOpen.value = !tabOpen.value;
-};
-
-const showItem = (_index: number) => {
-  let clickedItem = items.value[_index];
-
-  if (clickedItem.type === SelectedContent.URL) {
-    window.open(clickedItem.content);
-  } else {
-    selectedContent.value = clickedItem;
-  }
-};
-
-onMounted(() => {
-  if (items.value) {
-    selectedContent.value = items.value[0];
-  }
-});
-
-// ...mapState("playerConfig"),
-// ...mapState(["agendaAlias"])
-</script>
-
-<template>
-  <div :class="classBinding(classObject, 'container', '')">
-    <div
-      :class="[
-        items.length >= 4 ? 'md:block' : 'sm:block',
-        classBinding(classObject, 'fullContainer', 'hidden tabs border-0'),
-      ]"
-    >
-      <ul
-        :class="
-          classBinding(
-            classObject,
-            'tabList',
-            'list-reset flex flex-row flex-wrap justify-start'
-          )
-        "
-      >
-        <li
-          v-for="(item, index) in items"
-          :key="index"
-          :class="[
-            { '-mb-px': selectedContent.label == item.label },
-            classBinding(classObject, 'tabItem', 'tab-items'),
-          ]"
-        >
-          <a
-            :class="[
-              selectedContent.label == item.label ? selectedTabClass : '',
-              ,
-              classBinding(
-                classObject,
-                'tabLink',
-                'primary-link inline-block py-2 px-2 cursor-pointer'
-              ),
-            ]"
-            @click.prevent="showItem(index)"
-            >{{ item.label }}</a
-          >
-        </li>
-        <li
-          v-if="webcastConference.agenda_enabled && !hasAgendaTab"
-          :class="classBinding(classObject, 'tabList', 'tab-items sm:ml-auto')"
-        >
-          <nuxt-link
-            :to="`/agenda/${webcastConference.id}`"
-            :class="
-              classBinding(
-                classObject,
-                'tabItem',
-                'primary-link inline-block py-2 px-1 cursor-pointer'
-              )
-            "
-            >{{ agendaAlias }}</nuxt-link
-          >
-        </li>
-      </ul>
-    </div>
-
-    <div
-      :class="[
-        items.length >= 4 ? 'md:hidden' : 'sm:hidden',
-        classBinding(classObject, 'mobileContainer', 'tabs border-0'),
-      ]"
-    >
-      <div
-        :class="classBinding(classObject, 'mobileButtonContainer', 'p-1 block')"
-      >
-        <button class="flex items-center px-3 py-2 mx-auto" @click="tabToggle">
-          <svg
-            class="fill-current h-3 w-3"
-            viewBox="0 0 20 20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <title>Menu</title>
-            <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
-          </svg>
-        </button>
-      </div>
-      <div
-        :class="[
-          tabOpen ? 'flex' : 'hidden',
-          classBinding(classObject, 'dropdownContainer', 'w-full'),
-        ]"
-      >
-        <ul
-          :class="
-            classBinding(
-              classObject,
-              'mobileTabList',
-              'flex-col self-center list-reset mx-auto'
-            )
-          "
-        >
-          <li
-            v-for="(item, index) in items"
-            :key="index"
-            :class="[
-              { '-mb-px': selectedContent.label == item.label },
-              classBinding(
-                classObject,
-                'mobileTabItem',
-                'tab-items text-center'
-              ),
-            ]"
-          >
-            <a
-              :class="[
-                selectedContent.label == item.label ? selectedTabClass : '',
-                classBinding(
-                  classObject,
-                  'mobileTabLink',
-                  'primary-link inline-block py-2 px-2 cursor-pointer'
-                ),
-              ]"
-              @click.prevent="showItem(index)"
-              >{{ item.label }}</a
-            >
-          </li>
-          <li
-            v-if="webcastConference.agenda_enabled && !hasAgendaTab"
-            :class="
-              classBinding(
-                classObject,
-                'mobileTabItem',
-                'tab-items text-center'
-              )
-            "
-          >
-            <nuxt-link
-              :to="`/agenda/${webcastConference.id}`"
-              :class="
-                classBinding(
-                  classObject,
-                  'mobileTabLink',
-                  'primary-link inline-block py-2 px-2 cursor-pointer'
-                )
-              "
-              >{{ agendaAlias }}</nuxt-link
-            >
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</template>
-
+<script lang="ts" setup>
+import { ref, toRefs, computed, onMounted } from "vue";
+import { storeToRefs } from "pinia";
+import { find } from "lodash-es";
+import { Conference } from "../../../models/conference";
+import { ContentTabsClassObj } from "../../../@types/components";
+import { SelectedContent } from "../../../enums/general";
+import { useClassBinding } from "../../../composables/useClassBinding";
+import { usePresentationsStore } from "../../../store/presentations";
+
+type Props = {
+  items?: Array<{ label: string; type: SelectedContent; content: string }>;
+  webcastConference: Conference;
+  classObject?: ContentTabsClassObj;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  items: Array<{
+    label: "";
+    type: SelectedContent.OVERVIEW;
+    content: "";
+  }>,
+  classObject: () => {
+    return {
+      container: "",
+      fullContainer: "",
+      mobileContainer: "",
+      mobileButtonContainer: "",
+      dropdownContainer: "",
+      tabList: "",
+      tabItem: "",
+      tabLink: "",
+      selectedTab: "",
+      mobileTabList: "",
+      mobileTabItem: "",
+      mobileTabLink: "",
+    };
+  },
+});
+
+const { items, webcastConference } = toRefs(props);
+
+const { classBinding } = useClassBinding();
+
+// reactive data
+const { selectedContent } = storeToRefs(usePresentationsStore());
+const tabOpen = ref<boolean>(false);
+
+// computed
+const hasAgendaTab = computed((): boolean => {
+  return find(items, { type: SelectedContent.AGENDA }, false);
+});
+
+const selectedTabClass = computed((): string => {
+  return props.classObject.selectedTab;
+});
+
+// methods
+const tabToggle = () => {
+  tabOpen.value = !tabOpen.value;
+};
+
+const showItem = (_index: number) => {
+  let clickedItem = items.value[_index];
+
+  if (clickedItem.type === SelectedContent.URL) {
+    window.open(clickedItem.content);
+  } else {
+    selectedContent.value = clickedItem;
+  }
+};
+
+onMounted(() => {
+  if (items.value) {
+    selectedContent.value = items.value[0];
+  }
+});
+
+// ...mapState("playerConfig"),
+// ...mapState(["agendaAlias"])
+</script>
+
+<template>
+  <div :class="classBinding(classObject, 'container', '')">
+    <div
+      :class="[
+        items.length >= 4 ? 'md:block' : 'sm:block',
+        classBinding(classObject, 'fullContainer', 'hidden tabs border-0'),
+      ]"
+    >
+      <ul
+        :class="
+          classBinding(
+            classObject,
+            'tabList',
+            'list-reset flex flex-row flex-wrap justify-start'
+          )
+        "
+      >
+        <li
+          v-for="(item, index) in items"
+          :key="index"
+          :class="[
+            { '-mb-px': selectedContent.label == item.label },
+            classBinding(classObject, 'tabItem', 'tab-items'),
+          ]"
+        >
+          <a
+            :class="[
+              selectedContent.label == item.label ? selectedTabClass : '',
+              ,
+              classBinding(
+                classObject,
+                'tabLink',
+                'primary-link inline-block py-2 px-2 cursor-pointer'
+              ),
+            ]"
+            @click.prevent="showItem(index)"
+          >
+            <span v-html="item.label" />
+          </a>
+        </li>
+        <li
+          v-if="webcastConference.agenda_enabled && !hasAgendaTab"
+          :class="classBinding(classObject, 'tabList', 'tab-items sm:ml-auto')"
+        >
+          <nuxt-link
+            :to="`/agenda/${webcastConference.id}`"
+            :class="
+              classBinding(
+                classObject,
+                'tabItem',
+                'primary-link inline-block py-2 px-1 cursor-pointer'
+              )
+            "
+            >{{ agendaAlias }}</nuxt-link
+          >
+        </li>
+      </ul>
+    </div>
+
+    <div
+      :class="[
+        items.length >= 4 ? 'md:hidden' : 'sm:hidden',
+        classBinding(classObject, 'mobileContainer', 'tabs border-0'),
+      ]"
+    >
+      <div
+        :class="classBinding(classObject, 'mobileButtonContainer', 'p-1 block')"
+      >
+        <button class="flex items-center px-3 py-2 mx-auto" @click="tabToggle">
+          <svg
+            class="fill-current h-3 w-3"
+            viewBox="0 0 20 20"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <title>Menu</title>
+            <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
+          </svg>
+        </button>
+      </div>
+      <div
+        :class="[
+          tabOpen ? 'flex' : 'hidden',
+          classBinding(classObject, 'dropdownContainer', 'w-full'),
+        ]"
+      >
+        <ul
+          :class="
+            classBinding(
+              classObject,
+              'mobileTabList',
+              'flex-col self-center list-reset mx-auto'
+            )
+          "
+        >
+          <li
+            v-for="(item, index) in items"
+            :key="index"
+            :class="[
+              { '-mb-px': selectedContent.label == item.label },
+              classBinding(
+                classObject,
+                'mobileTabItem',
+                'tab-items text-center'
+              ),
+            ]"
+          >
+            <a
+              :class="[
+                selectedContent.label == item.label ? selectedTabClass : '',
+                classBinding(
+                  classObject,
+                  'mobileTabLink',
+                  'primary-link inline-block py-2 px-2 cursor-pointer'
+                ),
+              ]"
+              @click.prevent="showItem(index)"
+            >
+              <span v-html="item.label" />
+            </a>
+          </li>
+          <li
+            v-if="webcastConference.agenda_enabled && !hasAgendaTab"
+            :class="
+              classBinding(
+                classObject,
+                'mobileTabItem',
+                'tab-items text-center'
+              )
+            "
+          >
+            <nuxt-link
+              :to="`/agenda/${webcastConference.id}`"
+              :class="
+                classBinding(
+                  classObject,
+                  'mobileTabLink',
+                  'primary-link inline-block py-2 px-2 cursor-pointer'
+                )
+              "
+              >{{ agendaAlias }}</nuxt-link
+            >
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
 <style scoped>
 .tab-items {
   @apply mr-1 flex-1;
@@ -261,4 +263,4 @@ onMounted(() => {
 .tab-bar .item:hover {
   background: linear-gradient(0deg, rgb(180, 180, 180) 0%, rgb(220, 220, 220) 100%);
 }
-</style>
+</style>

package/dist/runtime/components/media/components/DocumentsPanel.vue

@@ -1,36 +1,36 @@
-<template>
-  <div v-if="documentArray && documentArray.length > 0" class="py-4 px-4 text-base md:text-md lg:text-lg leading-normal">
-    <ul class="list-reset">
-      <li v-for="(document, index) in documentArray" :key="index" class="py-2" :class="{'border-b-2 contrast-border' : index !== documentArray.length-1}">
-          <!-- fix file image -->
-          <!--<img src="/images/pdf.svg" class="inline-block icon" />-->
-          <a :href="document.url" class="no-underline font-semibold text-sm md:text-base" target="_blank">
-            <p class="leading-tight mb-0">
-              {{document.name}}
-            </p>
-          </a>
-          <p v-if="document.description" class="mt-2 mb-6">{{document.description}}</p>
-      </li>
-    </ul>
-  </div>
-  <div v-else class="text-grey-800 px-2 py-4">
-      <p class="text-base leading-normal font-light">There are no documents associated with this presentation.</p>
-  </div>
-</template>
-
+<template>
+  <div v-if="documentArray && documentArray.length > 0" class="py-4 px-4 text-base md:text-md lg:text-lg leading-normal">
+    <ul class="list-reset">
+      <li v-for="(document, index) in documentArray" :key="index" class="py-2" :class="{'border-b-2 contrast-border' : index !== documentArray.length-1}">
+          <!-- fix file image -->
+          <!--<img src="/images/pdf.svg" class="inline-block icon" />-->
+          <a :href="document.url" class="no-underline font-semibold text-sm md:text-base" target="_blank">
+            <p class="leading-tight mb-0">
+              {{document.name}}
+            </p>
+          </a>
+          <p v-if="document.description" class="mt-2 mb-6">{{document.description}}</p>
+      </li>
+    </ul>
+  </div>
+  <div v-else class="text-grey-800 px-2 py-4">
+      <p class="text-base leading-normal font-light">There are no documents associated with this presentation.</p>
+  </div>
+</template>
+
 <script>
-export default {
-  data() {
-    return {};
-  },
-  computed: {
-    documentArray() {
-      return this.$parent.currentPresentation.documents;
-    }
-  }
+export default {
+  data() {
+    return {};
+  },
+  computed: {
+    documentArray() {
+      return this.$parent.currentPresentation.documents;
+    }
+  }
 };
-</script>
-
+</script>
+
 <style scoped>
 .document-grid {
   display: grid;

package/dist/runtime/components/media/components/JsonApi.vue

@@ -1,33 +1,33 @@
-<template functional></template>
-
+<template functional></template>
+
 <script>
-export default {
-  props: {
-    url: {
-      type: String,
-      required: true
-    },
-    ajaxLoadingOptions: () => {
-      return {
-        progress: false,
-        transformRequest: (data, headers) => {
-          delete headers.common['Authorization'];
-          return data;
-        }
-      };
-    }
-  },
-  methods: {
-    getData() {
-      this.$axios
-        .get(url, this.ajaxLoadingOptions)
-        .then(response => {
-          this.$emit("data", response);
-        })
-        .catch(e => {
-          console.log("JSON does not exists.", e);
-        });
-    }
-  }
+export default {
+  props: {
+    url: {
+      type: String,
+      required: true
+    },
+    ajaxLoadingOptions: () => {
+      return {
+        progress: false,
+        transformRequest: (data, headers) => {
+          delete headers.common['Authorization'];
+          return data;
+        }
+      };
+    }
+  },
+  methods: {
+    getData() {
+      this.$axios
+        .get(url, this.ajaxLoadingOptions)
+        .then(response => {
+          this.$emit("data", response);
+        })
+        .catch(e => {
+          console.log("JSON does not exists.", e);
+        });
+    }
+  }
 };
-</script>
+</script>