@paris-ias/list 1.0.174 → 1.0.176

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.174",
+  "version": "1.0.176",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/actions/DenseItem.vue

@@ -1,16 +1,11 @@
 <template>
   <v-row class="my-2 highlight-on-hover" no-gutters>
     <v-col v-if="mdAndUp" cols="12" md="2">
-      <MiscAtomsImageContainer
-        :loading="isLoading"
-        :src="imageSrc"
-        :ratio="1 / 1"
-        cover
-      />
+      <MiscAtomsImageContainer :loading :src="imageSrc" :ratio="1 / 1" cover />
     </v-col>
     <v-col cols="12" :md="mdAndUp ? 10 : 12" class="px-4">
       <v-skeleton-loader
-        v-if="isLoading"
+        v-if="loading"
         :type="
           [
             'heading, subtitle, text@6',
@@ -36,17 +31,14 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
 
 const { name, mdAndUp } = useDisplay()
-const rootStore = useRootStore()
 const props = defineProps({
   item: { type: Object, required: true },
   index: { type: Number, required: false, default: 0 },
   loading: { type: Boolean, required: false, default: false },
 })
 
-const isLoading = computed(() => rootStore.loading || props.loading)
 const imageSrc = computed(() => {
   const img = props.item && props.item.image
   if (!img) return "/default.png"

package/dist/runtime/components/actions/ExpandedItem.vue

@@ -1,6 +1,6 @@
 <template>
   <v-card flat class="pa-4">
-    <v-skeleton-loader v-if="isLoading" type="heading, text@10" />
+    <v-skeleton-loader v-if="loading" type="heading, text@10" />
     <template v-else>
       <div class="text-h4 mb-2">{{ item.name }}</div>
       <MDC v-if="item.description" :value="item.description" />
@@ -9,14 +9,8 @@
 </template>
 
 <script setup>
-import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
-
-const rootStore = useRootStore()
 const props = defineProps({
   item: { type: Object, required: true },
   loading: { type: Boolean, default: false },
 })
-
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>

package/dist/runtime/components/actions/RowsItem.vue

@@ -5,12 +5,12 @@
         cover
         :src="imageSrc"
         :ratio="1 / 1"
-        :loading="isLoading"
+        :loading="loading"
       />
     </v-col>
     <v-col cols="12" :md="mdAndUp ? 9 : 12" class="px-6">
       <v-skeleton-loader
-        v-if="isLoading"
+        v-if="loading"
         :type="
           [
             'heading, ossein, text@6, button',
@@ -36,17 +36,14 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
 
 const { name, mdAndUp } = useDisplay()
-const rootStore = useRootStore()
 const props = defineProps({
   item: { type: Object, required: true },
   index: { type: Number, required: false, default: 0 },
   loading: { type: Boolean, required: false, default: false },
 })
 
-const isLoading = computed(() => rootStore.loading || props.loading)
 const imageSrc = computed(() => {
   const img = props.item && props.item.image
   if (!img) return "/default.png"

package/dist/runtime/components/affiliation/DenseItem.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row class="my-2 highlight-on-hover" no-gutters>
     <v-col cols="12" class="px-4">
-      <v-skeleton-loader v-if="isLoading" type="heading, text@6" />
+      <v-skeleton-loader v-if="loading" type="heading, text@6" />
       <template v-else>
         <div class="text-h5">{{ item.name }}</div>
         <div v-if="item.summary" class="text-body-1 mt-1">
@@ -14,16 +14,10 @@
 </template>
 
 <script setup>
-import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
-
-const rootStore = useRootStore()
 const props = defineProps({
   item: { type: Object, required: true },
   loading: { type: Boolean, default: false },
 })
-
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

package/dist/runtime/components/affiliation/RowsItem.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row class="highlight-on-hover pa-3" no-gutters>
     <v-col cols="12" class="px-6">
-      <v-skeleton-loader v-if="isLoading" type="heading, text@8, button" />
+      <v-skeleton-loader v-if="loading" type="heading, text@8, button" />
       <template v-else>
         <div class="text-h5">{{ item.name }}</div>
         <div v-if="item.summary" class="mt-2">
@@ -14,16 +14,10 @@
 </template>
 
 <script setup>
-import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
-
-const rootStore = useRootStore()
 const props = defineProps({
   item: { type: Object, required: true },
   loading: { type: Boolean, default: false },
 })
-
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

package/dist/runtime/components/affiliations/DenseItem.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row class="my-2 highlight-on-hover" no-gutters>
     <v-col cols="12" class="px-4">
-      <v-skeleton-loader v-if="isLoading" type="heading, text@6" />
+      <v-skeleton-loader v-if="loading" type="heading, text@6" />
       <template v-else>
         <div class="text-h5">{{ item.name }}</div>
         <div v-if="item.summary" class="text-body-1 mt-1">
@@ -14,16 +14,10 @@
 </template>
 
 <script setup>
-import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
-
-const rootStore = useRootStore()
 const props = defineProps({
   item: { type: Object, required: true },
   loading: { type: Boolean, default: false },
 })
-
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

package/dist/runtime/components/affiliations/RowsItem.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row class="highlight-on-hover pa-3" no-gutters>
     <v-col cols="12" class="px-6">
-      <v-skeleton-loader v-if="isLoading" type="heading, text@8, button" />
+      <v-skeleton-loader v-if="loading" type="heading, text@8, button" />
       <template v-else>
         <div class="text-h5">{{ item.name }}</div>
         <div v-if="item.summary" class="mt-2">
@@ -14,16 +14,10 @@
 </template>
 
 <script setup>
-import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
-
-const rootStore = useRootStore()
 const props = defineProps({
   item: { type: Object, required: true },
   loading: { type: Boolean, default: false },
 })
-
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

package/dist/runtime/components/apps/DenseItem.vue

@@ -5,7 +5,7 @@
     @click="$router.push(pathPrefix)"
   >
     <v-col cols="12" class="px-4">
-      <v-skeleton-loader v-if="isLoading" type="heading, text@6" />
+      <v-skeleton-loader v-if="loading" type="heading, text@6" />
       <template v-else>
         <div class="text-h5">{{ item.name }}</div>
         <div v-if="item.summary" class="text-body-1 mt-1">
@@ -18,17 +18,11 @@
 </template>
 
 <script setup>
-import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
-
-const rootStore = useRootStore()
 const props = defineProps({
   item: { type: Object, required: true },
   pathPrefix: { type: String, required: true },
   loading: { type: Boolean, default: false },
 })
-
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

package/dist/runtime/components/apps/RowsItem.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row class="highlight-on-hover pa-3" no-gutters>
     <v-col cols="12" class="px-6">
-      <v-skeleton-loader v-if="isLoading" type="heading, text@8, button" />
+      <v-skeleton-loader v-if="loading" type="heading, text@8, button" />
       <template v-else>
         <div class="text-h5">{{ item.name }}</div>
         <div v-if="item.summary" class="mt-2">
@@ -14,16 +14,10 @@
 </template>
 
 <script setup>
-import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
-
-const rootStore = useRootStore()
 const props = defineProps({
   item: { type: Object, required: true },
   loading: { type: Boolean, default: false },
 })
-
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

package/dist/runtime/components/disciplines/DenseItem.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row class="my-2 highlight-on-hover" no-gutters>
     <v-col cols="12" class="px-4">
-      <v-skeleton-loader v-if="isLoading" type="heading, text@6" />
+      <v-skeleton-loader v-if="loading" type="heading, text@6" />
       <template v-else>
         <div class="text-h5">{{ item.name }}</div>
         <div v-if="item.summary" class="text-body-1 mt-1">
@@ -14,16 +14,10 @@
 </template>
 
 <script setup>
-import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
-
-const rootStore = useRootStore()
 const props = defineProps({
   item: { type: Object, required: true },
   loading: { type: Boolean, default: false },
 })
-
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

package/dist/runtime/components/disciplines/RowsItem.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row class="highlight-on-hover pa-3" no-gutters>
     <v-col cols="12" class="px-6">
-      <v-skeleton-loader v-if="isLoading" type="heading, text@8, button" />
+      <v-skeleton-loader v-if="loading" type="heading, text@8, button" />
       <template v-else>
         <div class="text-h5">{{ item.name }}</div>
         <div v-if="item.summary" class="mt-2">
@@ -22,8 +22,6 @@ const props = defineProps({
   item: { type: Object, required: true },
   loading: { type: Boolean, default: false },
 })
-
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

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

@@ -3,7 +3,7 @@
     <v-col v-if="mdAndUp" cols="1">
       <MiscAtomsDateStamp
         v-if="item.start"
-        :loading="isLoading"
+        :loading
         :date-start="item.start"
         :date-stop="item.stop"
         class="pr-6 mt-md-2"
@@ -12,7 +12,7 @@
     <v-col v-if="mdAndUp" cols="1">
       <MiscAtomsImageContainer
         cover
-        :loading="isLoading"
+        :loading
         :src="
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
@@ -22,12 +22,7 @@
     </v-col>
 
     <v-col align-self="start" class="pl-2">
-      <v-skeleton-loader
-        v-if="isLoading"
-        type="chip"
-        class="mr-3"
-        width="120"
-      />
+      <v-skeleton-loader v-if="loading" type="chip" class="mr-3" width="120" />
       <v-chip
         v-else
         class="mr-3"
@@ -40,7 +35,7 @@
         {{ $t("list.filters.events.category." + item.category) }}
       </v-chip>
       <v-skeleton-loader
-        v-if="isLoading && smAndDown"
+        v-if="loading && smAndDown"
         type="text"
         width="90"
         class="d-inline-block"
@@ -56,7 +51,7 @@
       </span>
 
       <v-skeleton-loader
-        v-if="isLoading"
+        v-if="loading"
         type="heading"
         width="80%"
         class="mt-2"
@@ -71,7 +66,7 @@
             : item.name
         "
       />
-      <v-skeleton-loader v-if="isLoading" type="text@3" class="mt-2" />
+      <v-skeleton-loader v-if="loading" type="text@3" class="mt-2" />
       <MDC
         v-else
         class="text-body-1 font-weight-light paragraph"
@@ -84,7 +79,7 @@
     </v-col>
 
     <v-col align-self="center" cols="auto">
-      <v-skeleton-loader v-if="isLoading" type="button" />
+      <v-skeleton-loader v-if="loading" type="button" />
       <div v-else>
         <EventsBadges :item />
       </div>
@@ -118,5 +113,5 @@ const props = defineProps({
   },
 })
 
-const isLoading = computed(() => rootStore.loading || props.loading)
+// const loading = computed(() => rootStore.loading || props.loading)
 </script>

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

@@ -1,23 +1,25 @@
 <template>
-  <div v-if="item?.location" class="text-overline font-weight-bold mt-md-4">
-    {{ $t("location") }}
-  </div>
-
-  <div v-if="item?.location">
-    <b>{{ item.location.name }}</b>
-
-    <div v-if="formattedAddress">
-      {{ formattedAddress }}
+  <div class="location-section">
+    <div class="text-overline font-weight-bold mt-md-4">
+      {{ $t("location") }}
+    </div>
+    <div>
+      <b>{{ getDisplayLocation().name }}</b>
+      <div v-if="getDisplayLocation().address" class="text-body-2">
+        {{ getDisplayLocation().address }}
+      </div>
+    </div>
+    <div v-if="getDisplayLocation().details" class="text-caption mt-1">
+      {{ getDisplayLocation().details }}
     </div>
-  </div>
-
-  <div v-if="item?.location?.details" class="text-caption">
-    {{ item.location.details }}
   </div>
 </template>
 
 <script setup>
-import { computed } from "vue"
+import { useI18n, useAppConfig } from "#imports"
+
+const { locale } = useI18n()
+const appConfig = useAppConfig()
 
 const props = defineProps({
   item: {
@@ -26,18 +28,35 @@ const props = defineProps({
   },
 })
 
-const formattedAddress = computed(() => {
-  const loc = props.item?.location
-  if (!loc) return ""
-
-  const parts = [loc.street, loc.city].filter(Boolean)
-
-  const zipCountry = [loc.zip, loc.country].filter(Boolean)
+const formatAddress = (location) => {
+  if (!location) return ""
+  if (location.address) return location.address
 
+  const parts = [location.street, location.city].filter(Boolean)
+  const zipCountry = [location.zip, location.country].filter(Boolean)
   if (zipCountry.length) {
     parts.push(`(${zipCountry.join(", ")})`)
   }
-
   return parts.join(", ")
-})
+}
+
+const getDisplayLocation = () => {
+  const loc = props.item?.location
+  const hasValidLocation = loc && Object.keys(loc).length > 0
+
+  if (hasValidLocation) {
+    return {
+      name: loc.name,
+      address: formatAddress(loc),
+      details: loc.details,
+    }
+  }
+
+  const isFr = locale.value === "fr"
+  return {
+    name: isFr ? appConfig.short_name_french : appConfig.short_name_english,
+    address: appConfig.address,
+    details: appConfig.postcode_country,
+  }
+}
 </script>

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

@@ -5,7 +5,7 @@
     <v-col cols="12" md="1">
       <MiscAtomsDateStamp
         v-if="item.start"
-        :loading="isLoading"
+        :loading="loading"
         :date-start="item.start"
         :date-stop="item.stop"
         class="pr-6 mt-md-2"
@@ -15,7 +15,7 @@
       <v-row no-gutters>
         <v-col cols="12" class="pr-lg-6">
           <v-skeleton-loader
-            v-if="isLoading"
+            v-if="loading"
             :type="
               [
                 'heading, subtitle, text@6,subtitle, text,  ossein,  button, button',
@@ -61,7 +61,7 @@
       >
         <v-col cols="12">
           <v-skeleton-loader
-            v-if="isLoading"
+            v-if="loading"
             :type="['button'][['md'].indexOf(name || 'md')]"
           />
 
@@ -74,7 +74,7 @@
     <v-col cols="12" md="4">
       <MiscAtomsImageContainer
         cover
-        :loading="isLoading"
+        :loading="loading"
         :src="item.image && item.image.url ? item.image : '/default.png'"
         :ratio="1 / 1"
       />
@@ -107,6 +107,4 @@ const props = defineProps({
     default: false,
   },
 })
-
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>

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

@@ -206,7 +206,7 @@
               eager
               ripple
               variant="accordion"
-              class="py-8"
+              "
             >
               <v-expansion-panel
                 v-if="item.description"

package/dist/runtime/components/fellowships/Badges.vue

@@ -1,5 +1,6 @@
 <template>
-  <div v-if="registrationStatus === 0" class="text-overline">
+  <v-skeleton-loader v-if="loading" type="button" class="my-2" />
+  <div v-else-if="registrationStatus === 0" class="text-overline">
     {{
       $t("opening-applications-on-0", [getLocalizedDate(item.applicationStart)])
     }}
@@ -29,6 +30,7 @@ import { computed } from "#imports"
 const props = defineProps({
   item: { type: Object, required: true },
   view: { type: Boolean, required: false, default: false },
+  loading: { type: Boolean, required: false, default: false },
 })
 
 const registrationStatus = computed(() => {

package/dist/runtime/components/fellowships/DenseItem.vue

@@ -2,7 +2,7 @@
   <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover">
     <v-col align-self="center" cols="8" class="text-h5 dense">
       <v-skeleton-loader
-        v-if="isLoading"
+        v-if="loading"
         type="heading"
         width="75%"
         class="mb-2"
@@ -15,15 +15,10 @@
             : item.name
         "
       />
-      <FellowshipsBadges :item="item" />
+      <FellowshipsBadges :item="item" :loading="loading" />
     </v-col>
     <v-col align-self="center" cols="4">
-      <v-skeleton-loader
-        v-if="isLoading"
-        type="chip"
-        width="260"
-        class="mt-2"
-      />
+      <v-skeleton-loader v-if="loading" type="chip" width="260" class="mt-2" />
       <MiscMoleculesChipContainer
         v-else
         :items="[
@@ -40,8 +35,6 @@
 
 <script setup>
 import { useNuxtApp } from "#imports"
-import { useRootStore } from "../../stores/root"
-import { computed } from "#imports"
 const { $rootStore } = useNuxtApp()
 
 const props = defineProps({
@@ -59,7 +52,4 @@ const props = defineProps({
     default: false,
   },
 })
-
-const rootStore = useRootStore()
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>

package/dist/runtime/components/fellowships/RowsItem.vue

@@ -2,7 +2,7 @@
   <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover my-2">
     <v-col cols="12" class="w-100">
       <div v-ripple class="border-thin pa-6">
-        <template v-if="isLoading">
+        <template v-if="loading">
           <v-skeleton-loader type="chip@2" class="mb-2" />
           <v-skeleton-loader type="heading" width="70%" class="mt-4" />
           <v-skeleton-loader type="text@4" class="mt-2 w-100" />
@@ -11,7 +11,7 @@
         </template>
 
         <template v-else>
-          <FellowshipsBadges :item />
+          <FellowshipsBadges :item :loading="loading" />
 
           <div class="text-h4 text-black text-wrap mt-4 pb-4">
             {{ item.name }}
@@ -50,8 +50,6 @@
 
 <script setup>
 import { useDisplay } from "vuetify"
-import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
 
 const { name } = useDisplay()
 
@@ -71,9 +69,6 @@ const props = defineProps({
     default: false,
   },
 })
-
-const rootStore = useRootStore()
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style lang="scss"></style>

package/dist/runtime/components/fellowships/View.vue

@@ -54,7 +54,7 @@
               class="mt-2"
             />
             <div class="mt-5">
-              <FellowshipsBadges :item="item" :view="view" />
+              <FellowshipsBadges :item="item" :view="view" :loading="loading" />
             </div>
           </div>
           <div class="mx-6">

package/dist/runtime/components/files/DenseItem.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row class="my-2 highlight-on-hover" no-gutters>
     <v-col cols="12" class="px-4">
-      <v-skeleton-loader v-if="isLoading" type="avatar, text@6" />
+      <v-skeleton-loader v-if="loading" type="avatar, text@6" />
       <template v-else>
         <div class="text-h6">{{ item.name || item.filename }}</div>
         <div v-if="item.description" class="text-body-2 mt-1">
@@ -14,16 +14,10 @@
 </template>
 
 <script setup>
-import { computed } from "#imports"
-import { useRootStore } from "../../stores/root"
-
-const rootStore = useRootStore()
 const props = defineProps({
   item: { type: Object, required: true },
   loading: { type: Boolean, default: false },
 })
-
-const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>