@icvdeveloper/common-module 0.1.2 → 1.0.0

package/CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 1.0.0 - 2023-05-24
+
+## 0.1.3 - 2023-05-18
+
 ## 0.1.2 - 2023-05-17
 
 ## 0.1.1 - 2023-05-11

package/dist/module.json

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

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

@@ -1,8 +1,10 @@
 <script lang="ts" setup>
 import { ref, toRefs } from "vue";
+import { get } from "lodash-es";
 import type { Conference } from "../../models/conference";
 import { useAgenda } from "../../composables/useAgenda";
 import { usePresentation } from "../../composables/usePresentation";
+import { usePresenters } from "../../composables/usePresenters";
 import { usePresenter } from "../../composables/usePresenter";
 import { useClassBinding } from "../../composables/useClassBinding";
 import { Presenter } from "../../models/conference";
@@ -53,6 +55,8 @@ const {
   getPresentationStartTime,
   getPresentationEndTime
 } = usePresentation(conference);
+const { getPresentersLabel, getSortedPresenters } = usePresenters(conference);
+
 const { classBinding } = useClassBinding();
 
 // data
@@ -62,7 +66,7 @@ const expandedPres = ref<number>(0);
 const presentersToComposables = (presenters: Presenter[]) => {
   const data = [];
 
-  presenters.forEach((presenter) => {
+  getSortedPresenters(presenters).forEach((presenter) => {
     data.push({
       presenter,
       ...usePresenter(presenter),
@@ -76,10 +80,6 @@ const setPres = (_expanded: number) => {
   expandedPres.value = _expanded;
 };
 
-const logPres = (_presId: number, _expanded: number) => {
-  console.log(_presId, typeof _presId);
-};
-
 const isPres = (_presId: number): boolean => {
   return expandedPres.value === _presId;
 };
@@ -195,6 +195,7 @@ const isPres = (_presId: number): boolean => {
                     :conference="conference"
                   />
                   <h3
+                    v-if="get(presentation, 'presenters.length') > 0"
                     :class="
                       classBinding(
                         classObject,
@@ -203,7 +204,7 @@ const isPres = (_presId: number): boolean => {
                       )
                     "
                   >
-                    Presenters
+                    {{ getPresentersLabel(presentation.presenters.length) }}
                   </h3>
                   <div
                     :class="
@@ -231,6 +232,12 @@ const isPres = (_presId: number): boolean => {
                         "
                       >
                         {{ presenter.fullName.value }}
+                        <span
+                          v-if="presenter.role == 'moderator'"
+                          class="text-xs font-bold text-neutral-400"
+                          >
+                          - MODERATOR
+                        </span>
                       </p>
                       <p
                         v-if="presenter.titleCompany.value"

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

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { toRefs, computed } from "vue";
 import { storeToRefs } from "pinia";
+import { get } from "lodash-es";
 import { DateTime } from "luxon";
 import { useAgenda } from "../../composables/useAgenda";
 import { Conference, Sponsor as SponsorType } from "../../models/conference";
@@ -204,10 +205,10 @@ const presentersContainer = computed(() => {
                     <div
                       class="flex-1"
                       :class="{
-                        'pb-2': presentation.sponsors.length,
+                        'pb-2': get(presentation, 'sponsors.length') > 0,
                         'lg:pb-0 lg:w-3/4':
                           !isSmallGroupedTrack(group_or_track) &&
-                          presentation.sponsors.length,
+                          get(presentation, 'sponsors.length') > 0,
                       }"
                     >
                       <!-- TIME -->
@@ -254,7 +255,7 @@ const presentersContainer = computed(() => {
                       <!-- PRESENTERS LIST (ACCORDION OR STANDARD/DIV) -->
                       <component
                         :is="presentersContainer"
-                        v-if="presentation.presenters.length > 0"
+                        v-if="get(presentation, 'presenters.length') > 0"
                         :title="
                           getPresentersLabel(presentation.presenters.length)
                         "

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

@@ -8,6 +8,7 @@ import { useClassBinding } from "../../composables/useClassBinding";
 
 interface Props {
   date: string;
+  timezone: string;
   isCompact?: boolean;
   showDays?: boolean;
   showHours?: boolean;
@@ -49,6 +50,10 @@ const {
 
 const { classBinding } = useClassBinding();
 
+const eventDate: DateTime = DateTime.fromSQL(props.date, {
+  zone: props.timezone,
+});
+
 // reactive data
 const isCounting = ref<boolean>(true);
 const days = ref<number>(0);
@@ -82,14 +87,19 @@ const fontClass = computed(() => {
 
 // methods
 const updateCountdown = () => {
-  if (DateTime.fromSQL(props.date).diffNow().milliseconds < 0) {
+  if (
+    DateTime.fromSQL(props.date, { zone: props.timezone }).toLocal().diffNow()
+      .milliseconds < 0
+  ) {
     isCounting.value = false;
     emit("complete");
     clearInterval(loopTimer.value);
     return;
   }
 
-  let diffObj = DateTime.fromSQL(props.date).diffNow(['days', 'hours', 'minutes', 'seconds', 'milliseconds']);
+  const diffObj = DateTime.fromSQL(props.date, { zone: props.timezone })
+    .toLocal()
+    .diffNow(["days", "hours", "minutes", "seconds", "milliseconds"]);
 
   days.value = diffObj.days;
   hours.value = diffObj.hours;
@@ -139,7 +149,7 @@ onUnmounted(() => {
             )
           "
         >
-          {{ !isCounting ? "event begins" : eventHasBegunText }}
+          {{ isCounting ? "event begins" : eventHasBegunText }}
         </h1>
       </div>
 

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

@@ -2,6 +2,7 @@ import { ComputedRef, Ref } from "nuxt/dist/app/compat/capi";
 import { Presenter } from "../models/conference";
 export type UsePresenterMethods = {
     fullName: ComputedRef<string>;
+    role: string;
     titleCompany: ComputedRef<string>;
     imageHeight: ComputedRef<string>;
     presenterImageStyle: ComputedRef<{

package/dist/runtime/composables/usePresenter.mjs

@@ -5,6 +5,7 @@ export const usePresenter = (presenter) => {
   if (!isRef(presenter)) {
     presenter = ref(presenter);
   }
+  const role = presenter.value.role;
   const imageStyle = ref(
     pagesConfigValue("main.presenter_all_image_style", "default")
   );
@@ -63,6 +64,7 @@ export const usePresenter = (presenter) => {
   });
   return {
     fullName,
+    role,
     titleCompany,
     imageHeight,
     presenterImageStyle,

package/dist/runtime/composables/usePresenters.mjs

@@ -13,7 +13,7 @@ export const usePresenters = (conference) => {
     return displayName;
   };
   const getSortedPresenters = (presenters) => {
-    return sortBy(presenters, ["role", "last_name"]);
+    return sortBy(presenters, ["role", "order", "last_name", "first_name"]);
   };
   return {
     getPresentersLabel,

package/package.json

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