@icvdeveloper/common-module 2.1.2 → 2.1.4

package/CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 2.1.4 - 2024-09-17
+
+## 2.1.3 - 2024-09-09
+
 ## 2.1.2 - 2024-09-07
 
 ## 2.1.1 - 2024-09-07

package/dist/module.d.mts

@@ -259,6 +259,7 @@ type Track = {
     access: boolean;
     channel: number;
     conference_day_id?: number;
+    day: Day;
     date: string;
     embed_html?: string | null;
     id: number;
@@ -682,6 +683,7 @@ type AgendaPlayerPageConfigs = {
     agenda_tab_bg_color: ColorVariable;
     agenda_tab_color: ColorVariable;
     agenda_tab_sponsor_bg_color: ColorVariable;
+    agenda_theme: SelectVariable;
     agenda_track_bg_color: ColorVariable;
     agenda_track_group_bg_color: ColorVariable;
     session_end_times: ToggleVariable;

package/dist/module.d.ts

@@ -259,6 +259,7 @@ type Track = {
     access: boolean;
     channel: number;
     conference_day_id?: number;
+    day: Day;
     date: string;
     embed_html?: string | null;
     id: number;
@@ -682,6 +683,7 @@ type AgendaPlayerPageConfigs = {
     agenda_tab_bg_color: ColorVariable;
     agenda_tab_color: ColorVariable;
     agenda_tab_sponsor_bg_color: ColorVariable;
+    agenda_theme: SelectVariable;
     agenda_track_bg_color: ColorVariable;
     agenda_track_group_bg_color: ColorVariable;
     session_end_times: ToggleVariable;

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "v3plus-common-module",
   "configKey": "v3plusCommonModule",
-  "version": "2.1.2"
+  "version": "2.1.4"
 }

package/dist/runtime/components/chat/ChatWidget.vue

@@ -35,6 +35,21 @@ const { hasNotifications } = toRefs(props);
   </div>
 </template>
 
-<style scoped>
-.launcher{background-position:50%;background-repeat:no-repeat;border-radius:50%;bottom:25px;box-shadow:none;cursor:pointer;height:60px;right:75px;transition:box-shadow .2s ease-in-out;width:60px}.bell,.launcher{position:fixed;z-index:9999}.bell{bottom:60px;padding:2px 0;right:15px}.bell svg{height:90px}
+<style scoped lang="postcss">
+  .launcher {
+    @apply rounded-full cursor-pointer fixed h-16 w-16 z-50 bottom-6 right-10;
+    background-position: center;
+    background-repeat: no-repeat;
+    box-shadow: none;
+    transition: box-shadow 0.2s ease-in-out;
+  }
+
+  .bell {
+    @apply z-50 fixed bottom-6 right-4;
+    padding: 2px 0;
+  }
+
+  .bell svg {
+    height: 90px;
+  }
 </style>

package/dist/runtime/components/core/Navigation.vue

@@ -89,12 +89,16 @@ const navigationItems = computed(() => {
   return getEnabled();
 });
 
-const htmlHeader = computed(() => {
+const htmlHeader = computed((): string => {
   return globalConfigValue("html_header");
 });
 
-const hideUserProfile = computed(() => {
-  return globalConfigValue("hide_user_profile");
+const hideUserProfile = computed((): boolean => {
+  return globalConfigValue("hide_user_profile", true);
+});
+
+const isSearchEnabled = computed((): boolean => {
+  return globalConfigValue("site_search", false);
 });
 
 // methods
@@ -104,6 +108,12 @@ const emitLoginModal = (): void => {
   modalContentEventHook.trigger(modalContent);
 };
 
+const emitSearchModal = (): void => {
+  const modalContent: ContentData = {};
+  modalContent.contentType = 'search';
+  modalContentEventHook.trigger(modalContent);
+};
+
 const emitStreamTest = (): void => {
   const streamPres: PlayerPresentation = {
     player_type: 'live',
@@ -190,13 +200,22 @@ const emitStreamTest = (): void => {
           >
             <li>
               <template v-if="!isExternalLink(item)">
-                <nuxt-link
-                  v-if="isVirtual && item.slug == 'stream-test'"
-                  :class="['cursor-pointer', classBinding(classObject, 'navigationItemLink', 'nav-link')]"
-                  @click.enter="emitStreamTest"
-                >
-                  {{ item.label }}
-                </nuxt-link>
+                <template v-if="isVirtual">
+                  <nuxt-link
+                    v-if="item.slug == 'stream-test'"
+                    :class="['cursor-pointer', classBinding(classObject, 'navigationItemLink', 'nav-link')]"
+                    @click.enter="emitSearchModal"
+                  >
+                    {{ item.label }}
+                  </nuxt-link>
+                  <nuxt-link
+                    v-if="isSearchEnabled && item.slug == 'search'"
+                    :class="['cursor-pointer', classBinding(classObject, 'navigationItemLink', 'nav-link')]"
+                    @click.enter="emitSearchModal"
+                  >
+                    {{ item.label }}
+                  </nuxt-link>
+                </template>
                 <nuxt-link
                   v-else
                   :to="formatLink(item)"

package/dist/runtime/components/core/SectionHeader.vue

@@ -0,0 +1,133 @@
+<script lang="ts" setup>
+import { computed, onMounted, ref, toRefs, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { find } from 'lodash-es';
+import { storeToRefs } from 'pinia';
+import { useConferencesStore } from '../../store/conferences';
+import { useNavigationConfigStore } from '../../store/navigationConfig';
+import { useTemplateConfigsStore } from '../../store/templateConfigs';
+import type { NavigationConfig } from '../../models/navigationConfig';
+
+type Props = {
+    title?: string;
+    photoLarge?: string;
+    textClass?: string;
+    isConferencePage?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    title: 'Page',
+    photoLarge: '',
+    textClass: '',
+    isConferencePage: false
+});
+
+const { title, photoLarge, textClass, isConferencePage } = toRefs(props);
+
+// data
+const headerTitle = ref<string>('');
+
+const { currentConference } = storeToRefs(useConferencesStore());
+
+const { data } = storeToRefs(useNavigationConfigStore());
+
+const { globalConfigValue } = useTemplateConfigsStore();
+
+const route = useRoute();
+
+// computed
+const showPageTitle = computed((): boolean => {
+    if (isConferencePage.value) return true;
+    return globalConfigValue('header_titles', true);
+});
+
+const mainBodyImage = computed((): string => {
+    if (photoLarge.value.length > 0) {
+        return photoLarge.value;
+    } else if (
+        globalConfigValue('conference_photo_headers', true) && 
+        currentConference.value?.photo_large &&
+        currentConference.value.photo_large.length
+    ) {
+        return currentConference.value?.photo_large;
+    } else {
+        return ''
+    }
+});
+
+const currentPageName = computed((): string => {
+    const ignoreArray = [
+    'webcast-id',
+    'agenda-id',
+    'support',
+    'registration'
+    ];
+
+    const routeName: string = route.name?.toString() ?? '';
+    let currentPageObj: NavigationConfig;
+
+    if (routeName === 'page-slug') {
+        currentPageObj = find(data.value, ['slug', route.params.slug as string]) as NavigationConfig;
+        return currentPageObj.name as string;
+    }
+
+    if (routeName === 'index') {
+        currentPageObj = find(data.value, ['slug', 'home']) as NavigationConfig;
+        return currentPageObj.label as string;
+    } 
+      
+    if (!ignoreArray.includes(routeName)) {
+        currentPageObj = find(data.value, ['slug', routeName ]) as NavigationConfig;
+        if(currentPageObj) {
+            return currentPageObj.label as string;
+        }
+    }
+    return '';
+});
+
+const mainBodyImageStyle = computed((): {} | string => {
+    return (mainBodyImage.value.length > 0) ? {
+    'background-image': `url(${mainBodyImage.value})`,
+    'background-repeat': 'no-repeat',
+    'background-size': 'cover',
+    'background-position': 'center',
+    } : '';
+});
+
+const mutedHeaderStyle = computed((): string => {
+    const muted = globalConfigValue('muted_photo_headers', 'none');
+    let style = '';
+    if (mainBodyImage.value.length > 0) style += 'min-height: 112px;';
+    if (muted == 'lighten') style += 'background-color: rgb(255, 255, 255, .4)';
+    if (muted == 'darken') style += 'background-color: rgb(0, 0, 0, .4)';
+    return style;
+});
+
+watch(title, () => {
+    headerTitle.value = currentPageName.value || title.value;
+});
+
+onMounted(() => {
+    headerTitle.value = currentPageName.value || title.value;
+});
+</script>
+
+<template>
+  <div 
+    :style="mainBodyImageStyle"
+    class="flex bg-color-2"
+  >
+    <div 
+      class="mx-auto flex-1 self-center items-center drop-shadow-md"
+      :style="mutedHeaderStyle"
+    >
+      <h1
+        v-if="showPageTitle"
+        :class="textClass"
+        class="heading-color-4 py-10"
+      >
+        {{ headerTitle }}
+      </h1>
+    </div>
+  </div>
+</template>

package/dist/runtime/composables/useAgenda.mjs

@@ -16,10 +16,9 @@ import {
 } from "../composables/useEventHooks.mjs";
 export const useAgenda = (conference) => {
   const { setConferenceConfig, pagesConfigValue } = useTemplateConfigsStore();
-  console.log("setting conference config");
-  setConferenceConfig(conference.value);
   const affiliateStore = useAffiliatesStore();
   const route = useRoute();
+  const { conferences } = storeToRefs(useTemplateConfigsStore());
   const { isLoggedIn } = storeToRefs(useAuthStore());
   const { currentConference } = storeToRefs(useConferencesStore());
   const { playerPresentation, livePresentations } = storeToRefs(usePlayerConfigStore());
@@ -27,6 +26,10 @@ export const useAgenda = (conference) => {
   const allowAgendaFullAccess = pagesConfigValue("agenda.agendas_full_access", false);
   const displayTrackGroups = pagesConfigValue("agenda.group_tracks", "None");
   const selectedPresenter = ref(null);
+  if (conferences.value[conference.value.id] === void 0) {
+    console.log("setting conference config");
+    setConferenceConfig(conference.value);
+  }
   const days = computed(() => {
     const data = conference.value.days;
     if (data == void 0) return [];

package/dist/runtime/composables/useConferenceHelpers.d.ts

@@ -1,6 +1,10 @@
 import type { Ref } from 'vue';
 import type { Conference } from '../models/conference';
 export type UseConferenceHelpersMethods = {
+    /**
+    * if conference has a template config, get its values from its 'main' config
+    */
+    getConferenceConfigMainValue: (_conference: Conference, _string: string) => {};
     /**
      * Determine if conference is a single day event
      */

package/dist/runtime/composables/useConferenceHelpers.mjs

@@ -266,6 +266,7 @@ export const useConferenceHelpers = (conference) => {
     return "Archive";
   };
   return {
+    getConferenceConfigMainValue,
     isSingleDayEvent,
     hasAccessToEvent,
     showConferenceWebcastButton,

package/dist/runtime/models/conference.d.ts

@@ -128,6 +128,7 @@ export type Track = {
     access: boolean;
     channel: number;
     conference_day_id?: number;
+    day: Day;
     date: string;
     embed_html?: string | null;
     id: number;

package/dist/runtime/models/pagesConfig.d.ts

@@ -31,6 +31,7 @@ export type AgendaPlayerPageConfigs = {
     agenda_tab_bg_color: ColorVariable;
     agenda_tab_color: ColorVariable;
     agenda_tab_sponsor_bg_color: ColorVariable;
+    agenda_theme: SelectVariable;
     agenda_track_bg_color: ColorVariable;
     agenda_track_group_bg_color: ColorVariable;
     session_end_times: ToggleVariable;

package/dist/runtime/store/templateConfigs.mjs

@@ -81,6 +81,7 @@ export const useTemplateConfigsStore = defineStore("templateConfigs", {
       };
     },
     setConferenceConfig(conference) {
+      if (this.conferences[conference.id] != void 0) return;
       const newPagesConfig = this.portalConfig.pages;
       const confPagesConfig = {};
       const conferenceTemplateConfig = conference.template_config ?? {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icvdeveloper/common-module",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "license": "MIT",
   "type": "module",
   "exports": {