@icvdeveloper/common-module 1.1.1 → 1.1.3

package/CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 1.1.3 - 2023-11-08
+
+## 1.1.2 - 2023-11-07
+
 ## 1.1.1 - 2023-10-26
 
 ## 1.1.0 - 2023-10-05

package/dist/module.json

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

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

@@ -87,6 +87,7 @@ const isPres = (_presId: number): boolean => {
 
 <template>
   <div
+    :id="'agenda-list-'+conference.id"
     :class="
       classBinding(
         classObject,
@@ -94,13 +95,16 @@ const isPres = (_presId: number): boolean => {
         'flex flex-col space-y-5 text-neutral-700'
       )
     "
+    class="agenda-list"
   >
     <template v-for="day in days">
       <template v-for="track in getCombinedTrackList(day)">
         <div
           v-for="presentation in track.presentations"
           :key="presentation.id"
+          :id="'agenda-presentation-'+presentation.id"
           :class="classBinding(classObject, 'accordionContainer', '')"
+          class="agenda-presentation"
         >
           <AgendaAccordion
             :item-id="presentation.id"
@@ -121,6 +125,7 @@ const isPres = (_presId: number): boolean => {
                   :class="
                     classBinding(classObject, 'timeElement', 'time-width')
                   "
+                  class="agenda-presentation-time"
                 >
                   {{ getPresentationStartTime(presentation, "h:mm") }}
                   -
@@ -134,6 +139,7 @@ const isPres = (_presId: number): boolean => {
                       'flex flex-row md:ml-5'
                     )
                   "
+                  class="agenda-presentation-title"
                 >
                   <CommonSvgIcon
                     v-if="!isPres(presentation.id)"
@@ -190,7 +196,7 @@ const isPres = (_presId: number): boolean => {
                   <calendar
                     v-if="useCalendar"
                     :key="conference.id"
-                    class="mb-3"
+                    class="agenda-add-to-calendar mb-3"
                     :presentation="presentation"
                     :conference="conference"
                   />
@@ -203,6 +209,7 @@ const isPres = (_presId: number): boolean => {
                         'font-bold text-lg'
                       )
                     "
+                    class="agenda-presenters-label"
                   >
                     {{ getPresentersLabel(presentation.presenters.length) }}
                   </h3>
@@ -220,7 +227,16 @@ const isPres = (_presId: number): boolean => {
                         presentation.presenters
                       )"
                       :key="presenter.presenter.id"
-                      :class="classBinding(classObject, 'presenterElement', '')"
+                      :id="'agenda-presenter-'+presenter.presenter.id"
+                      :class="
+                        classBinding(
+                          classObject,
+                          'presenterElement',
+                          ''
+                        )
+                        + ((presenter.role == 'moderator') ? ' agenda-moderator' : '')
+                      "
+                      class="agenda-presenter"
                     >
                       <p
                         :class="
@@ -230,11 +246,12 @@ const isPres = (_presId: number): boolean => {
                             'text-lg pb-0 mb-0'
                           )
                         "
+                        class="agenda-presenter-name"
                       >
                         {{ presenter.fullName.value }}
                         <span
                           v-if="presenter.role == 'moderator'"
-                          class="text-xs font-bold text-neutral-400"
+                          class="agenda-presenter-moderator-tag text-xs font-bold text-neutral-400"
                           >
                           - MODERATOR
                         </span>
@@ -248,6 +265,7 @@ const isPres = (_presId: number): boolean => {
                             'text-sm pt-0 mb-1'
                           )
                         "
+                        class="agenda-presenter-company"
                       >
                         {{ presenter.titleCompany.value }}
                       </p>

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

@@ -57,18 +57,18 @@ const presentersContainer = computed(() => {
 </script>
 
 <template>
-  <div class="container mx-auto my-8 shadow-lg">
+  <div :id="'agenda-tabbed-'+conference.id" class="agenda-tabbed container mx-auto my-8 shadow-lg">
     <!-- TABS -->
     <div class="flex flex-col w-full">
       <div class="flex flex-row w-full">
         <div
           v-if="days.length > 0"
-          class="flex flex-row agenda-tab-sponsor-bg-color w-3/4"
+          class="flex flex-row agenda-tab-container agenda-tab-sponsor-bg-color w-3/4"
         >
           <button
             v-for="(day, index) in days"
             :key="index"
-            class="flex-1 md:flex-initial py-5 px-4 md:px-6 text-base text-center cursor-pointer no-underline heading-color-2 focus:outline-none"
+            class="flex-1 md:flex-initial py-5 px-4 md:px-6 text-base text-center cursor-pointer no-underline heading-color-2 focus:outline-none agenda-tab"
             :class="{
               'agenda-tab-active-bg-color agenda-tab-color':
                 day === selectedDay,
@@ -92,6 +92,7 @@ const presentersContainer = computed(() => {
             :show-label="false"
             size="small"
             :enabled-sponsors="enabledSponsors"
+            class="agenda-day-sponsor"
           >
           </Sponsor>
         </div>
@@ -112,7 +113,7 @@ const presentersContainer = computed(() => {
           class="agenda-track-group-bg-color"
         >
           <div class="py-3">
-            <h2 class="font-light py-2 px-3 body-color-2">
+            <h2 class="agenda-track-title font-light py-2 px-3 body-color-2">
               {{ group_or_track.name }}
             </h2>
           </div>
@@ -127,6 +128,14 @@ const presentersContainer = computed(() => {
           <div
             v-for="(track, trackIndex) in getTracks(group_or_track)"
             :key="track.id"
+            :id="(group_or_track.type == 'track_group') ? 
+              'agenda-track-group-'+group_or_track.id :
+              'agenda-track-'+group_or_track.id
+            "
+            :class="(group_or_track.type == 'track_group') ? 
+              'agenda-track-group' :
+              'agenda-track'
+            "
             class="track-container"
           >
             <!-- TRACK NAME + SPONSOR -->
@@ -144,7 +153,7 @@ const presentersContainer = computed(() => {
                 }"
               >
                 <h2
-                  class="font-light p-2 md:py-2 sm:px-3 body-color-2"
+                  class="agenda-track-title font-light p-2 md:py-2 sm:px-3 body-color-2"
                   :class="{
                     'agenda-grouped-track-text-color text-lg':
                       isGroupedTrack(group_or_track),
@@ -168,6 +177,7 @@ const presentersContainer = computed(() => {
                   :inline="true"
                   size="small"
                   :enabled-sponsors="enabledSponsors"
+                  class="agenda-track-sponsor"
                 >
                 </sponsor>
               </div>
@@ -184,7 +194,8 @@ const presentersContainer = computed(() => {
               >
                 <div
                   v-if="presentation.visible"
-                  class="flex flex-col"
+                  :id="'agenda-presentation-'+presentation.id"
+                  class="agenda-presentation flex flex-col"
                   :class="
                     presentationIndex < track.presentations.length - 1
                       ? 'border-b'
@@ -214,7 +225,7 @@ const presentersContainer = computed(() => {
                       <!-- TIME -->
                       <h4
                         v-if="showPresentationTimes(presentation)"
-                        class="font-light mb-3"
+                        class="agenda-presentation-time font-light mb-3"
                       >
                         {{
                           getPresentationStartTime(presentation, "h:mm a")
@@ -241,13 +252,15 @@ const presentersContainer = computed(() => {
                           :is-small-grouped-track="
                             isSmallGroupedTrack(group_or_track)
                           "
+                          :is-agenda="true"
+                          class="agenda-presentation-link"
                         ></presentation-link>
                       </div>
 
                       <!-- ADD TO CALENDAR -->
                       <calendar
                         :key="conference.id"
-                        class="mb-3"
+                        class="agenda-add-to-calendar mb-3"
                         :presentation="presentation"
                         :conference="conference"
                       />
@@ -259,13 +272,16 @@ const presentersContainer = computed(() => {
                         :title="
                           getPresentersLabel(presentation.presenters.length)
                         "
+                        class="agenda-presenters"
                       >
                         <p
                           v-for="presenter in getSortedPresenters(
                             presentation.presenters
                           )"
                           :key="presenter.id"
-                          class="font-bold my-1"
+                          :id="'agenda-presenter-'+presenter.id"
+                          :class="(presenter.role == 'moderator') ? ' agenda-moderator' : ''"
+                          class="agenda-presenter font-bold my-1"
                         >
                           <CommonPresenterModal
                             v-if="usePresenterModal"

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

@@ -18,11 +18,15 @@ type Props = {
   track: Track | TrackGroup;
   showInfoLink?: boolean;
   simpleLayout?: boolean;
+  isAgenda?: boolean;
+  allowFavorites?: boolean;
 };
 
 const props = withDefaults(defineProps<Props>(), {
   showInfoLink: true,
   simpleLayout: false,
+  isAgenda: false,
+  allowFavorites: false,
 });
 
 const { conference, track, presentation } = toRefs(props);

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

@@ -110,7 +110,7 @@ const {
   isLoggedIn,
   loginModalVisible,
   conferenceToLoginTo,
-  goEventPage,
+  getEventPage,
   setConferenceToLoginTo,
   buttonClass,
   getSponsors,
@@ -361,9 +361,9 @@ const showLoginButton = computed((): boolean => {
                   v-if="liveButton && conference.state === ConferenceState.LIVE"
                 >
                   <!-- go to video -->
-                  <a
+                  <nuxt-link
                     v-if="liveButtonOpensStream"
-                    :href="getVideoUrl(conference)"
+                    :to="getVideoUrl(conference)"
                     :target="
                       /^http/.test(!isUpcoming && getVideoUrl(conference))
                         ? '_blank'
@@ -377,34 +377,40 @@ const showLoginButton = computed((): boolean => {
                     >
                       {{ getVideoButtonText(conference) }}
                     </button>
-                  </a>
+                  </nuxt-link>
                   <!-- go to event page -->
-                  <button
+                  <nuxt-link
                     v-else
-                    :class="
-                      classBinding(classObject, 'liveButtonItem', buttonClass)
-                    "
-                    @click="goEventPage(conference)"
+                    :to="getEventPage(conference)"
                   >
-                    {{ getVideoButtonText(conference) }}
-                  </button>
+                    <button
+                      :class="
+                        classBinding(classObject, 'liveButtonItem', buttonClass)
+                      "
+                    >
+                      {{ getVideoButtonText(conference) }}
+                    </button>
+                  </nuxt-link>
                 </template>
 
                 <template v-else>
                   <!-- view info button -->
-                  <button
+                  <nuxt-link
                     v-if="viewInfoButton"
-                    :class="
-                      classBinding(classObject, 'buttonItem', buttonClass)
-                    "
-                    @click="goEventPage(conference)"
+                    :to="getEventPage(conference)"
                   >
-                    More Info
-                  </button>
+                    <button
+                      :class="
+                        classBinding(classObject, 'buttonItem', buttonClass)
+                      "
+                    >
+                      More Info
+                    </button>
+                  </nuxt-link>
                   <!-- view live/preview archive button -->
-                  <a
+                  <nuxt-link
                     v-if="mediaButton && showViewButton(conference)"
-                    :href="getVideoUrl(conference)"
+                    :to="getVideoUrl(conference)"
                     :target="
                       /^http/.test(!isUpcoming && getVideoUrl(conference))
                         ? '_blank'
@@ -418,7 +424,7 @@ const showLoginButton = computed((): boolean => {
                     >
                       {{ getVideoButtonText(conference) }}
                     </button>
-                  </a>
+                  </nuxt-link>
 
                   <!-- login button -->
                   <button
@@ -432,9 +438,9 @@ const showLoginButton = computed((): boolean => {
                   </button>
 
                   <!-- register button -->
-                  <a
+                  <nuxt-link
                     v-if="registerButton && showConferenceRegButton(conference)"
-                    :href="getConferenceRegUrl(conference, registerPathPrefix)"
+                    :to="getConferenceRegUrl(conference, registerPathPrefix)"
                     :target="
                       /^http/.test(getConferenceRegUrl(conference))
                         ? '_blank'
@@ -448,7 +454,7 @@ const showLoginButton = computed((): boolean => {
                     >
                       {{ getConferenceRegText(conference) }}
                     </button>
-                  </a>
+                  </nuxt-link>
                 </template>
               </div>
               <!-- countdown timer - right-aligned -->

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

@@ -22,9 +22,9 @@ export type UseEventsMethods = {
      */
     isHomePage: Ref<boolean>;
     /**
-     * redirects to event landing page
+     * get path to event landing page
      */
-    goEventPage: (conference: Conference) => void;
+    getEventPage: (conference: Conference) => string;
     /**
      * display modal login modal and set its conference prop
      */

package/dist/runtime/composables/useEvents.mjs

@@ -18,12 +18,12 @@ export const useEvents = () => {
   const isHomePage = computed(() => {
     return route.name === "index";
   });
-  const goEventPage = (conference) => {
+  const getEventPage = (conference) => {
     const eventPathPrefix = config.public.eventPathPrefix;
     if (eventPathPrefix) {
-      router.push(eventPathPrefix + conference.id);
+      return eventPathPrefix + conference.id;
     } else {
-      router.push(`/upcoming-events/${conference.id}`);
+      return `/upcoming-events/${conference.id}`;
     }
   };
   const setConferenceToLoginTo = (conference) => {
@@ -59,7 +59,7 @@ export const useEvents = () => {
     conferenceToLoginTo,
     buttonClass,
     isHomePage,
-    goEventPage,
+    getEventPage,
     setConferenceToLoginTo,
     orderAffiliates,
     getSponsors,

package/package.json

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