@paris-ias/list 1.0.136 → 1.0.138

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

@@ -3,31 +3,21 @@
     v-ripple
     no-gutters
     class="cursor-pointer highlight-on-hover"
-    @click="
-      $router.push(
-        localePath({
-          name: 'activities-projects-slug',
-          params: { slug: item.slug[locale] },
-        }),
-      )
-    "
+    @click="$router.push(pathPrefix)"
   >
     <v-col v-if="mdAndUp" align-self="center" cols="1">
       <MiscAtomsImageContainer
         cover
-        :loading="$stores.projects.loading"
+        :loading="isLoading"
         :src="
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        :name="item.name"
-        :slug="item.slug && item.slug[locale]"
-        link="activities-projects-slug"
         :width="50"
       />
     </v-col>
     <v-col align-self="center" class="text-h5 dense pl-2">
-      <v-skeleton-loader v-if="rootStore.loading" type="heading" />
+      <v-skeleton-loader v-if="isLoading" type="heading" />
       <span
         v-else
         v-html="
@@ -37,14 +27,14 @@
         "
       />
       <v-skeleton-loader
-        v-if="rootStore.loading"
+        v-if="isLoading"
         :type="
           ['chip', 'chip@2', 'chip@3', 'chip@4', 'chip@4', 'chip@4'][
             ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
           ]
         "
       />
-      <MiscMoleculesChipContainer :items="item.tags" size="small" />
+      <MiscMoleculesChipContainer :items="item.tags || []" size="small" />
 
       <MDC
         v-if="item.summary"
@@ -58,11 +48,10 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { computed, useNuxtApp, useI18n, useLocalePath } from "#imports"
+import { computed, useNuxtApp, useI18n } from "#imports"
 
 const { $stores } = useNuxtApp()
 const { name, mdAndUp } = useDisplay()
-const localePath = useLocalePath()
 const { locale } = useI18n()
 
 const rootStore = useRootStore()
@@ -75,6 +64,15 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
 const eventCategory = computed(() => {
   if (props.item.category) {
@@ -83,4 +81,6 @@ const eventCategory = computed(() => {
     return "list.filters.news.category.others"
   }
 })
+
+const isLoading = computed(() => props.loading)
 </script>

package/dist/runtime/components/projects/RelatedItem.vue

@@ -1,12 +1,5 @@
 <template>
-  <v-sheet
-    :to="
-      localePath({
-        name: 'activities-projects-slug',
-        params: { slug: item.name },
-      })
-    "
-  >
+  <v-sheet :to="pathPrefix">
     <v-row>
       <v-col v-if="lgAndUp" cols="3">
         <MiscAtomsImageContainer
@@ -14,8 +7,6 @@
           :src="item.image"
           :loading="rootStore.loading"
           :ratio="1 / 1"
-          :link="item.name"
-          name="activities-projects-slug"
         />
       </v-col>
       <v-col cols="12" lg="9">
@@ -36,11 +27,11 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { useLocalePath } from "#imports"
 
-const localePath = useLocalePath()
 const rootStore = useRootStore()
 const { lgAndUp } = useDisplay()
 
-const props = defineProps({ item: { type: Object, required: true } })
+const props = defineProps({
+  item: { type: Object, required: true },
+})
 </script>

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

@@ -4,11 +4,8 @@
       <MiscAtomsImageContainer
         contain
         :src="item.image"
-        :loading="$stores.projects.loading"
+        :loading="isLoading"
         :ratio="1 / 1"
-        :title="item.name"
-        link="activities-projects-slug"
-        :slug="item.slug[locale]"
       />
     </v-col>
     <v-col
@@ -19,12 +16,10 @@
       lg="9"
       xl="10"
       class="px-6 cursor-pointer"
-      @click="
-        router.push(localePath('/activities/projects/' + item.slug[locale]))
-      "
+      @click="router.push(pathPrefix)"
     >
       <v-skeleton-loader
-        v-if="rootStore.loading"
+        v-if="isLoading"
         type="heading,ossein,text@8,ossein,button,button"
       />
 
@@ -49,12 +44,7 @@
           class="mt-4"
           variant="outlined"
           tile
-          :to="
-            localePath({
-              name: 'project-slug',
-              params: { slug: item.slug[locale] },
-            })
-          "
+          :to="pathPrefix"
           :size="
             ['small', 'small', 'small', 'default', 'default', 'large'][
               ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
@@ -85,7 +75,7 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { useRouter, useLocalePath, useI18n } from "#imports"
+import { useRouter, useI18n, computed } from "#imports"
 
 const { locale } = useI18n()
 
@@ -93,7 +83,6 @@ const { name } = useDisplay()
 
 const rootStore = useRootStore()
 const router = useRouter()
-const localePath = useLocalePath()
 
 const props = defineProps({
   item: {
@@ -103,7 +92,18 @@ const props = defineProps({
     },
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style lang="scss"></style>

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

@@ -111,11 +111,11 @@
 </template>
 
 <script setup>
-import { useDisplay } from "vuetify";
-import { useNuxtApp } from "#imports";
+import { useDisplay } from "vuetify"
+import { useNuxtApp } from "#imports"
 
-const { $stores } = useNuxtApp();
-const { name } = useDisplay();
+const { $stores } = useNuxtApp()
+const { name } = useDisplay()
 const props = defineProps({
   item: {
     type: Object,
@@ -126,6 +126,6 @@ const props = defineProps({
     required: false,
     default: false,
   },
-});
-$stores.projects.loading = false;
+})
+$stores.projects.loading = false
 </script>

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

@@ -3,28 +3,23 @@
     v-ripple
     no-gutters
     class="cursor-pointer highlight-on-hover my-2"
-    @click="
-      $router.push(localePath('/activities/publications/' + item.slug[locale]))
-    "
+    @click="$router.push(pathPrefix)"
   >
     <v-col v-if="mdAndUp" cols="1" class="align-center">
       <MiscAtomsImageContainer
         cover
-        :loading="$stores.people.loading"
+        :loading="isLoading"
         :src="
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        :name="item.lastname + ' ' + item.firstname"
-        :slug="item.slug && item.slug[locale]"
-        link="activities-publications-slug"
         width="80px"
       />
     </v-col>
     <v-col class="pl-2">
       <div class="inline-flex flex-row flex-wrap">
         <v-skeleton-loader
-          v-if="rootStore.loading"
+          v-if="isLoading"
           :type="
             ['chip', 'chip@2', 'chip@3', 'chip@4', 'chip@4', 'chip@4'][
               ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
@@ -52,11 +47,11 @@
           </v-chip>
           <MiscMoleculesChipContainer
             v-if="item.tags && item.tags.length"
-            :items="item.tags"
+            :items="item.tags || []"
             size="small"
           />
         </template>
-        <v-skeleton-loader v-if="rootStore.loading" type="heading" />
+        <v-skeleton-loader v-if="isLoading" type="heading" />
         <span
           v-else
           class="text-h5 dense paragraph"
@@ -81,12 +76,10 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { computed, useNuxtApp, useI18n, useLocalePath } from "#imports"
+import { computed, useI18n } from "#imports"
 const rootStore = useRootStore()
 
-const { $stores } = useNuxtApp()
 const { name, mdAndUp } = useDisplay()
-const localePath = useLocalePath()
 const { locale } = useI18n()
 const props = defineProps({
   item: {
@@ -97,11 +90,19 @@ const props = defineProps({
     type: Number,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
 
 const eventCategory = computed(() => {
   if (props.item.category) {
-    console.log("props.item.category: ", props.item.category)
     return "list.filters.publications.category." + props.item.category
   } else {
     return false
@@ -109,10 +110,11 @@ const eventCategory = computed(() => {
 })
 const eventType = computed(() => {
   if (props.item.type) {
-    console.log("props.item.type: ", props.item.type)
     return "list.filters.publications.type." + props.item.type
   } else {
     return false
   }
 })
+
+const isLoading = computed(() => props.loading)
 </script>

package/dist/runtime/components/publications/RelatedItem.vue

@@ -1,12 +1,5 @@
 <template>
-  <v-sheet
-    :to="
-      localePath({
-        name: 'activities-publicationss-slug',
-        params: { slug: item.name },
-      })
-    "
-  >
+  <v-sheet>
     <v-row>
       <v-col v-if="lgAndUp" cols="3">
         <MiscAtomsImageContainer
@@ -14,8 +7,6 @@
           :src="item.image"
           :loading="rootStore.loading"
           :ratio="1 / 1"
-          :link="item.name"
-          name="activities-publicationss-slug"
         />
       </v-col>
       <v-col cols="12" lg="9">
@@ -36,11 +27,11 @@
 <script setup>
 import { useDisplay } from "vuetify"
 import { useRootStore } from "../../stores/root"
-import { useLocalePath } from "#imports"
 
-const localePath = useLocalePath()
 const rootStore = useRootStore()
 const { lgAndUp } = useDisplay()
 
-const props = defineProps({ item: { type: Object, required: true } })
+const props = defineProps({
+  item: { type: Object, required: true },
+})
 </script>

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

@@ -3,11 +3,8 @@
     <MiscAtomsImageContainer
       contain
       :src="item.image.url ? item.image : '/default.png'"
-      :loading="$stores.publications.loading"
+      :loading="isLoading"
       :ratio="1 / 1"
-      :title="item.name"
-      link="activities-publications-slug"
-      :slug="item.slug[locale]"
     />
   </v-col>
   <v-col
@@ -18,13 +15,11 @@
     lg="9"
     xl="10"
     class="px-6 cursor-pointer"
-    @click="
-      router.push(localePath('/activities/publications/' + item.slug[locale]))
-    "
+    @click="router.push(pathPrefix)"
   >
     <div>
       <v-skeleton-loader
-        v-if="$stores.publications.loading"
+        v-if="isLoading"
         type="heading,ossein,text@8,ossein,button,button"
       />
 
@@ -49,12 +44,7 @@
           class="mt-4"
           variant="outlined"
           tile
-          :to="
-            localePath({
-              name: 'publications-slug',
-              params: { slug: item.slug[locale] },
-            })
-          "
+          :to="pathPrefix"
           :size="
             ['small', 'small', 'small', 'default', 'default', 'large'][
               ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
@@ -87,13 +77,12 @@
 
 <script setup>
 import { useDisplay } from "vuetify"
-import { useNuxtApp, useI18n, useLocalePath, useRouter } from "#imports"
+import { useRouter, computed } from "#imports"
+import { useRootStore } from "../../stores/root"
 
 const { name } = useDisplay()
-const { locale } = useI18n()
-const { $stores } = useNuxtApp()
+const rootStore = useRootStore()
 const router = useRouter()
-const localePath = useLocalePath()
 const props = defineProps({
   item: {
     type: Object,
@@ -102,7 +91,18 @@ const props = defineProps({
     },
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
 })
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style lang="scss"></style>

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

@@ -8,6 +8,10 @@ defineProps({
     type: Object,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>
 

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

@@ -10,6 +10,10 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>
 

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

@@ -1,14 +1,31 @@
 <template>
-  {{ item }}
+  <v-row
+    class="highlight-on-hover pa-3"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col cols="12" class="px-6">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@6" />
+      <template v-else>
+        <div class="text-h6">{{ item.name }}</div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
-});
+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/tags/View.vue

@@ -3,9 +3,9 @@
 </template>
 
 <script setup>
-import { useNuxtApp } from "#imports";
+import { useNuxtApp } from "#imports"
 
-const { $stores } = useNuxtApp();
+const { $stores } = useNuxtApp()
 defineProps({
   item: {
     type: Object,
@@ -16,7 +16,7 @@ defineProps({
     required: false,
     default: false,
   },
-});
+})
 
-$stores.tags.loading = false;
+$stores.tags.loading = false
 </script>

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

@@ -1,14 +1,32 @@
 <template>
-  {{ item }}
+  <v-row
+    class="my-2 highlight-on-hover"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col cols="12" class="px-4">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@6" />
+      <template v-else>
+        <div class="text-h6">{{ item.name }}</div>
+        <div v-if="item.email" class="text-body-2 mt-1">{{ item.email }}</div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
+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/users/ExpandedItem.vue

@@ -10,7 +10,11 @@ const props = defineProps({
     type: Object,
     required: true,
   },
-});
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+})
 </script>
 
 <style></style>

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

@@ -1,14 +1,32 @@
 <template>
-  {{ item }}
+  <v-row
+    class="highlight-on-hover pa-3"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col cols="12" class="px-6">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@8, button" />
+      <template v-else>
+        <div class="text-h6">{{ item.name }}</div>
+        <div v-if="item.email" class="text-body-2 mt-1">{{ item.email }}</div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
-});
+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/users/View.vue

@@ -3,9 +3,9 @@
 </template>
 
 <script setup>
-import { useNuxtApp } from "#imports";
+import { useNuxtApp } from "#imports"
 
-const { $stores } = useNuxtApp();
+const { $stores } = useNuxtApp()
 defineProps({
   item: {
     type: Object,
@@ -16,7 +16,7 @@ defineProps({
     required: false,
     default: false,
   },
-});
+})
 
-$stores.users.loading = false;
+$stores.users.loading = false
 </script>

package/dist/runtime/composables/useUtils.js

@@ -49,7 +49,7 @@ export const formatDateValue = (date, locale) => {
 export const highlightAndTruncate = (stop, text, query) => {
   try {
     if (!text) {
-      return "toto";
+      return "";
     }
     if (query?.length && query[0]?.length) {
       if (text.length > stop) {

package/dist/runtime/plugins/pinia.js

@@ -1,6 +1,6 @@
 import { createDynamicStore } from "../stores/factory.js";
 import { useRootStore } from "../stores/root.js";
-import { defineNuxtPlugin, useAppConfig } from "#app";
+import { defineNuxtPlugin, useAppConfig } from "#imports";
 export default defineNuxtPlugin(async (nuxtApp) => {
   const appConfig = useAppConfig();
   const moduleImports = {
@@ -107,6 +107,8 @@ export default defineNuxtPlugin(async (nuxtApp) => {
   const stores = {};
   const queries = {};
   const models = {};
+  const rootStore = useRootStore();
+  rootStore.setLoading(true);
   const builtFilters = await import("../public/filters.json");
   console.log("INITIALIZING STORES");
   await Promise.all(
@@ -125,7 +127,8 @@ export default defineNuxtPlugin(async (nuxtApp) => {
       }
     })
   );
-  const rootStore = useRootStore();
+  console.log(" STORES LOADED");
+  rootStore.setLoading(false);
   nuxtApp.provide("models", models);
   nuxtApp.provide("rootStore", rootStore);
   nuxtApp.provide("stores", stores);