@paris-ias/list 1.0.105 → 1.0.106

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.105",
+  "version": "1.0.106",
   "builder": {
     "@nuxt/module-builder": "1.0.0",
     "unbuild": "3.5.0"

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

@@ -4,7 +4,7 @@
     class="cursor-pointer highlight-on-hover"
     @click="$router.push(localePath('/activities/events/' + item.slug[locale]))"
   >
-    <v-col align-self="center" cols="2">
+    <v-col align-self="center" cols="auto">
       {{
         new Date(item.start).toLocaleDateString(locale, {
           year: "numeric",

package/dist/runtime/components/list/molecules/ResultsHeader.vue

@@ -0,0 +1,59 @@
+<template>
+  <v-divider />
+  <div class="d-flex align-center justify-space-between my-6">
+    <div class="d-flex flex-column">
+      <div class="text-h4">
+        {{ capitalize($t("items." + props.type, 2)) }}
+      </div>
+      <div class="text-overline">
+        {{
+          feminine
+            ? $t(
+                "list.0-items-found-f",
+                [
+                  $stores[type].total,
+                  $t("items." + props.type, $stores[type].total),
+                ],
+                $stores[type].total,
+              )
+            : $t(
+                "list.0-items-found",
+                [
+                  $stores[type].total,
+                  $t("items." + props.type, $stores[type].total),
+                ],
+                $stores[type].total,
+              )
+        }}
+      </div>
+    </div>
+    <v-spacer />
+    <v-btn
+      class="ma-2"
+      color="default"
+      variant="outlined"
+      rounded="0"
+      :to="localePath(type === 'people' ? '/people' : '/activities/' + type)"
+      @click="$emit('add')"
+    >
+      {{ $t("list.pls-x-more", [$stores[type].total]) }}
+    </v-btn>
+  </div>
+</template>
+
+<script setup>
+import { useNuxtApp, useLocalePath } from "#imports";
+const localePath = useLocalePath();
+const { $stores } = useNuxtApp();
+const props = defineProps({
+  type: {
+    type: String,
+    required: true
+  },
+  feminine: {
+    type: Boolean,
+    required: false,
+    default: false
+  }
+});
+</script>

package/dist/runtime/components/list/organisms/Results.vue

@@ -0,0 +1,57 @@
+<template>
+  <ListMoleculesResultsHeader :type="props.type" />
+  <div class="results-container">
+    <component
+      :is="itemTemplate"
+      v-for="(item, index) in items"
+      :key="index"
+      :item="item"
+      :index="index"
+    />
+  </div>
+</template>
+
+<script setup>
+import { useRootStore } from "../../../stores/root";
+import { capitalize } from "../../../composables/useUtils";
+import {
+  useNuxtApp,
+  resolveComponent,
+  computed,
+  onBeforeUnmount,
+  onMounted,
+  useI18n
+} from "#imports";
+const { $stores } = useNuxtApp();
+const { locale } = useI18n();
+const rootStore = useRootStore();
+const props = defineProps({
+  type: {
+    type: String,
+    default: "people",
+    required: true
+  },
+  items: [Object]
+});
+const itemTemplate = computed(
+  () => resolveComponent(
+    (capitalize(props.type) + capitalize($stores[props.type].view.name) + "Item").toString()
+  )
+);
+const items = computed(() => $stores[props.type].items);
+onMounted(() => {
+  console.log("mounted list");
+});
+try {
+  await rootStore.update(props.type, locale.value);
+} catch (error) {
+  console.log("error fetching update list: ", error);
+}
+onBeforeUnmount(() => {
+  rootStore.resetState(props.type, locale.value);
+});
+</script>
+
+<style scoped>
+.results-container{display:flex;flex-direction:column;gap:8px;margin-left:8px}
+</style>

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

@@ -2,13 +2,10 @@
   <v-row
     v-ripple
     class="cursor-pointer highlight-on-hover"
-    @click="$router.push(localePath('/news/' + item.slug[locale]))"
+    @click="$router.push(localePath('/activities/news/' + item.slug[locale]))"
   >
     <v-col align-self="center" cols="7" class="text-h6 dense">
-      <v-skeleton-loader
-        v-if="rootStore.loading || $stores[type].loading"
-        type="heading"
-      />
+      <v-skeleton-loader v-if="rootStore.loading" type="heading" />
       <template v-else>
         {{ item.name }}
       </template>
@@ -16,7 +13,7 @@
 
     <v-col align-self="center" cols="5" class="dense">
       <v-skeleton-loader
-        v-if="rootStore.loading || $stores[type].loading"
+        v-if="rootStore.loading"
         :type="
           ['chip', 'chip@2', 'chip@3', 'chip@4', 'chip@4', 'chip@4'][
             ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')

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

@@ -77,7 +77,7 @@
             size="small"
             :to="
               localePath({
-                name: 'news-slug',
+                name: 'activities-news-slug',
                 params: { slug: item.slug[locale] },
               })
             "
@@ -114,7 +114,7 @@
           tile
           :to="
             localePath({
-              name: 'news-slug',
+              name: 'activities-news-slug',
               params: { slug: item.slug[locale] },
             })
           "

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

@@ -5,14 +5,26 @@
     class="cursor-pointer highlight-on-hover"
     @click="$router.push(localePath('/people/' + item.slug))"
   >
-    <v-col align-self="center" class="text-h6 pl-2">
-      <v-skeleton-loader
-        v-if="rootStore.loading || $stores[type].loading"
-        type="heading"
+    <v-col v-if="mdAndUp" align-self="center" cols="1">
+      <MiscAtomsImageContainer
+        cover
+        :loading="$stores.people.loading"
+        :src="item.image.url ? item.image : '/default.png'"
+        :ratio="1 / 1"
+        :name="item.lastname + ' ' + item.firstname"
+        :slug="item.slug"
+        link="people-slug"
+        width="50"
       />
-      <template v-else>
+    </v-col>
+    <v-col align-self="center" class="text-h6 pl-2">
+      <v-skeleton-loader v-if="rootStore.loading" type="heading" />
+      <div v-else class="text-h5">
         {{ item.firstname + " " + item.lastname }}
-      </template>
+      </div>
+      <div class="mt-2 text-body-2 font-weight-light">
+        {{ item.groups.vintage ? item.groups.vintage[0].theme : "" }}
+      </div>
     </v-col>
     <v-col align-self="center">
       <PeopleGroupBadges :item="item" />
@@ -23,6 +35,8 @@
 <script setup>
 import { useRootStore } from "../../stores/root";
 import { useNuxtApp, useLocalePath } from "#imports";
+import { useDisplay } from "vuetify";
+const { mdAndUp } = useDisplay();
 const { $stores } = useNuxtApp();
 const localePath = useLocalePath();
 const rootStore = useRootStore();

package/dist/runtime/components/people/GroupBadges.vue

@@ -4,39 +4,37 @@
       v-if="rootStore.loading || $stores.people.loading"
       type="chip"
     />
+    <template v-else-if="item.groups">
+      <template v-for="(value, key, index) in item.groups" :key="key + index">
+        <template v-if="value && key === 'vintage'">
+          <v-chip
+            v-for="(vintage, index2) in item.groups.vintage"
+            :key="index2"
+            class="mt-3 mr-3"
+            variant="outlined"
+            tile
+            style="background-color: white; color: black"
+          >
+            {{ $t("vintage", [vintage.year]) }}
+          </v-chip>
+        </template>
 
-    <template
-      v-for="(value, key, index) in item.groups"
-      v-else
-      :key="key + index"
-    >
-      <template v-if="value && key === 'vintage'">
         <v-chip
-          v-for="(vintage, index2) in item.groups.vintage"
-          :key="index2"
+          v-if="
+            value &&
+            key !== 'fellows' &&
+            ((!item.groups.vintage && key === 'vintage') ||
+              !['vintage', '__typename'].includes(key))
+          "
           class="mt-3 mr-3"
-          variant="outlined"
-          tile
+          color="black"
           style="background-color: white; color: black"
+          tile
+          variant="outlined"
         >
-          {{ $t("vintage", [vintage.year]) }}
+          {{ $t("list.filters.people.groups." + key) }}
         </v-chip>
       </template>
-
-      <v-chip
-        v-if="
-          value &&
-          ((!item.groups.vintage && key === 'vintage') ||
-            !['vintage', '__typename'].includes(key))
-        "
-        class="mt-3 mr-3"
-        color="black"
-        style="background-color: white; color: black"
-        tile
-        variant="outlined"
-      >
-        {{ $t("list.filters.people.groups." + key) }}
-      </v-chip>
     </template>
   </div>
 </template>
@@ -49,7 +47,8 @@ const { $stores } = useNuxtApp();
 const props = defineProps({
   item: {
     type: Object,
-    required: true
+    required: true,
+    default: () => ({})
   }
 });
 </script>

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

@@ -0,0 +1,57 @@
+<template>
+  <v-row
+    v-ripple
+    class="cursor-pointer highlight-on-hover"
+    @click="$router.push(localePath('/projects/' + item.slug[locale]))"
+  >
+    <v-col align-self="center" cols="7" class="text-h6 dense">
+      <v-skeleton-loader v-if="rootStore.loading" type="heading" />
+      <template v-else>
+        {{ item.name }}
+      </template>
+    </v-col>
+
+    <v-col align-self="center" cols="5" class="dense">
+      <v-skeleton-loader
+        v-if="rootStore.loading"
+        :type="
+          ['chip', 'chip@2', 'chip@3', 'chip@4', 'chip@4', 'chip@4'][
+            ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
+          ]
+        "
+      />
+
+      <template v-else>
+        <MiscMoleculesChipContainer :items="item.tags" size="small" />
+      </template>
+    </v-col>
+  </v-row>
+</template>
+
+<script setup>
+import { useDisplay } from "vuetify";
+import { useRootStore } from "../../stores/root";
+import { computed, useNuxtApp, useI18n, useLocalePath } from "#imports";
+const { $stores } = useNuxtApp();
+const { name } = useDisplay();
+const localePath = useLocalePath();
+const { locale } = useI18n();
+const rootStore = useRootStore();
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true
+  },
+  index: {
+    type: Number,
+    required: true
+  }
+});
+const eventCategory = computed(() => {
+  if (props.item.category) {
+    return "list.filters.news.category." + props.item.category;
+  } else {
+    return "list.filters.news.category.others";
+  }
+});
+</script>

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

@@ -0,0 +1,62 @@
+<template>
+  <v-row
+    v-ripple
+    class="cursor-pointer highlight-on-hover"
+    @click="
+      $router.push(localePath('/activities/publications/' + item.slug[locale]))
+    "
+  >
+    <v-col align-self="center" cols="7" class="text-h6 dense">
+      <v-skeleton-loader v-if="rootStore.loading" type="heading" />
+      <template v-else>
+        {{ item.name }}
+      </template>
+    </v-col>
+
+    <v-col align-self="center" cols="5" class="dense">
+      <v-skeleton-loader
+        v-if="rootStore.loading"
+        :type="
+          ['chip', 'chip@2', 'chip@3', 'chip@4', 'chip@4', 'chip@4'][
+            ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
+          ]
+        "
+      />
+
+      <template v-else>
+        <v-chip class="ma-2" style="background-color: white; color: black">
+          {{ $t(eventCategory) }}
+        </v-chip>
+        <MiscMoleculesChipContainer :items="item.tags" size="small" />
+      </template>
+    </v-col>
+  </v-row>
+</template>
+
+<script setup>
+import { useDisplay } from "vuetify";
+import { useRootStore } from "../../stores/root";
+import { computed, useNuxtApp, useI18n, useLocalePath } from "#imports";
+const { $stores } = useNuxtApp();
+const { name } = useDisplay();
+const localePath = useLocalePath();
+const { locale } = useI18n();
+const rootStore = useRootStore();
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true
+  },
+  index: {
+    type: Number,
+    required: true
+  }
+});
+const eventCategory = computed(() => {
+  if (props.item.category) {
+    return "list.filters.news.category." + props.item.category;
+  } else {
+    return "list.filters.news.category.others";
+  }
+});
+</script>

package/dist/runtime/translations/en.json

@@ -329,7 +329,7 @@
   "upcoming-events": "Upcoming events",
   "videos": "Videos",
   "view-larger-map": "View on a larger map",
-  "vintage": "Year {0}",
+  "vintage": "{0} Fellow",
   "visit": "Visit us",
   "visit-the-project-website": "Visit the project website",
   "watch-the-replay": "Watch the replay",

package/dist/runtime/translations/fr.json

@@ -330,7 +330,7 @@
   "upcoming-events": "Événements à venir",
   "videos": "Vidéos",
   "view-larger-map": "Afficher sur une carte plus grande",
-  "vintage": "Année {0}",
+  "vintage": "Résident {0}",
   "visit": "Nous rendre visite",
   "visit-the-project-website": "Visiter le site web",
   "groups": "Catégorie",

package/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.105",
+  "version": "1.0.106",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",
@@ -24,7 +24,7 @@
     "@nuxtjs/apollo": "^5.0.0-alpha.14",
     "@nuxtjs/i18n": "^9.5.2",
     "@nuxtjs/mdc": "0.16.1",
-    "@paris-ias/data": "^1.8.5",
+    "@paris-ias/data": "^1.8.25",
     "@pinia/nuxt": "^0.5.4",
     "@types/node": "latest",
     "@urql/exchange-execute": "2.3.1",