@paris-ias/list 1.0.111 → 1.0.113

package/dist/module.json

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

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

@@ -2,10 +2,19 @@
   <v-row
     v-ripple
     no-gutters
-    class="cursor-pointer highlight-on-hover"
+    class="cursor-pointer highlight-on-hover my-2"
     @click="$router.push(localePath('/activities/events/' + item.slug[locale]))"
   >
-    <v-col v-if="mdAndUp" align-self="center" cols="1">
+    <v-col v-if="mdAndUp" cols="1">
+      <MiscAtomsDateStamp
+        v-if="item.start"
+        :loading="$stores['events'].loading"
+        :date-start="item.start"
+        :date-stop="item.stop"
+        class="pr-6 mt-md-2"
+      />
+    </v-col>
+    <v-col v-if="mdAndUp" cols="1">
       <MiscAtomsImageContainer
         cover
         :loading="$stores.events.loading"
@@ -18,19 +27,19 @@
       />
     </v-col>
 
-    <v-col align-self="center" class="pl-2">
-      <div class="text-h5 dense text-overline font-weight-black">
-        {{
-          $t("list.filters.events.category." + item.category) +
-          " / " +
-          new Date(item.start).toLocaleDateString(locale, {
-            year: "numeric",
-            month: "numeric",
-            day: "numeric",
-          })
-        }}
-      </div>
-      <div class="text-h5 dense">
+    <v-col align-self="top" class="pl-2">
+      <v-chip
+        class="mr-3"
+        color="black"
+        :size="mdAndUp ? 'default' : 'small'"
+        style="background-color: white; color: black"
+        tile
+        variant="outlined"
+      >
+        {{ $t("list.filters.events.category." + item.category) }}
+      </v-chip>
+
+      <div class="text-h5 dense paragraph">
         {{ item.name }}
       </div>
     </v-col>

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

@@ -4,7 +4,7 @@
     no-gutters
     class="cursor-pointer highlight-on-hover"
     @click="
-      $router.push(localePath('/activities/fellowships' + item.slug[locale]))
+      $router.push(localePath('/activities/fellowships/' + item.slug[locale]))
     "
   >
     <v-col align-self="center" cols="8" class="text-h5 dense">

package/dist/runtime/components/list/atoms/SearchInput.vue

@@ -13,8 +13,10 @@
       tile
       type="search"
       :loading="rootStore.loading"
-      @keyup.enter="$router.push(localePath('/search'))"
-      @click:append="$router.push(localePath('/search'))"
+      @keyup.enter="type === 'all' ? null : $router.push(localePath('/search'))"
+      @click:append="
+        type === 'all' ? null : $router.push(localePath('/search'))
+      "
     >
       <!--    :loading="$nuxt.loading || $store.state.loading" :class="{ 'mt-3':
       $store.state.scrolled }" -->

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

@@ -177,8 +177,10 @@ const createGap = (pageIndex) => {
     isGap: true
   };
 };
+const emit = defineEmits(["update"]);
 const updatePage = (page) => {
   rootStore.updatePage({ page, type: props.type, lang: locale.value });
+  emit("update", page);
 };
 const getGapPage = (index) => {
   return Math.floor(

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

@@ -10,7 +10,11 @@
     />
   </component>
   <div class="text-center">
-    <ListAtomsPerPage :type="type" class="float-right" />
+    <ListAtomsPerPage
+      v-if="numberOfPages > 1"
+      :type="type"
+      class="float-right"
+    />
 
     <ListMoleculesPagination
       v-if="numberOfPages > 1"
@@ -22,6 +26,7 @@
       :page-padding="1"
       :page-gap="2"
       :hide-prev-next="false"
+      @update="onPageChange"
     />
   </div>
 </template>
@@ -35,10 +40,12 @@ import {
   computed,
   onBeforeUnmount,
   onMounted,
-  useI18n
+  useI18n,
+  useRoute
 } from "#imports";
 const { $stores } = useNuxtApp();
 const { locale } = useI18n();
+const route = useRoute();
 const rootStore = useRootStore();
 const props = defineProps({
   addBtn: {
@@ -99,4 +106,11 @@ try {
 onBeforeUnmount(() => {
   rootStore.resetState(props.type, locale.value);
 });
+const onPageChange = (newPage) => {
+  rootStore.updatePage({ page: newPage, type: props.type, lang: locale.value });
+  window.scrollTo({
+    top: 0,
+    behavior: "smooth"
+  });
+};
 </script>

package/dist/runtime/components/list/views/Dense.vue

@@ -2,7 +2,6 @@
   <section class="my-6 ml-2 pb-6">
     <slot>
       <!-- fallback content -->
-      Dense view
     </slot>
   </section>
 </template>

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

@@ -2,43 +2,44 @@
   <v-row
     v-ripple
     no-gutters
-    class="cursor-pointer highlight-on-hover"
+    class="cursor-pointer highlight-on-hover my-2"
     @click="$router.push(localePath('/activities/news/' + item.slug[locale]))"
   >
     <v-col v-if="mdAndUp" align-self="center" cols="1">
       <MiscAtomsImageContainer
         cover
-        :loading="$stores.people.loading"
+        :loading="$stores.news.loading"
         :src="item.image.url ? item.image : '/default.png'"
         :ratio="1 / 1"
-        :name="item.lastname + ' ' + item.firstname"
+        :name="item.slug"
         :slug="item.slug"
-        link="people-slug"
+        link="news-slug"
         width="80px"
       />
     </v-col>
-    <v-col align-self="center" class="text-h5 dense pl-2">
+    <v-col align-self="top" class="text-h5 dense px-2 paragraph">
       <v-skeleton-loader v-if="rootStore.loading" type="heading" />
       <template v-else>
-        {{ item.name }}
-      </template>
-    </v-col>
+        <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')
+            ]
+          "
+        />
 
-    <v-col align-self="center">
-      <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-else>
+          <v-chip
+            class="ma-2"
+            style="background-color: white; color: black"
+            :size="mdAndUp ? 'default' : 'small'"
+          >
+            {{ $t(eventCategory) }}
+          </v-chip>
+          <MiscMoleculesChipContainer :items="item.tags" size="small" />
+        </template>
+        {{ item.name }}
       </template>
     </v-col>
   </v-row>

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

@@ -0,0 +1,74 @@
+<template>
+  <span>
+    <v-skeleton-loader
+      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"
+            :size="mdAndUp ? 'default' : 'small'"
+            class="mt-3 mr-3"
+            variant="outlined"
+            tile
+            style="background-color: white; color: black"
+          >
+            {{ $t("vintage", [vintage.year]) }}
+          </v-chip>
+        </template>
+
+        <v-chip
+          v-if="
+            value &&
+            key !== 'fellows' &&
+            ((!item.groups.vintage && key === 'vintage') ||
+              !['vintage', '__typename'].includes(key))
+          "
+          class="mt-3 mr-3"
+          :size="mdAndUp ? 'default' : 'small'"
+          color="black"
+          style="background-color: white; color: black"
+          tile
+          variant="outlined"
+        >
+          {{ $t("list.filters.people.groups." + key) }}
+        </v-chip>
+      </template>
+      <template
+        v-for="(value, key, index) in item.disciplines"
+        :key="key + index"
+      >
+        <v-chip
+          v-if="value && index < 3"
+          class="mt-3 mr-3"
+          color="black"
+          :size="mdAndUp ? 'default' : 'small'"
+          style="background-color: white; color: black"
+          tile
+          variant="outlined"
+        >
+          {{ $t("disciplines." + key) }}
+        </v-chip>
+      </template>
+    </template></span
+  >
+</template>
+
+<script setup>
+import { useRootStore } from "../../stores/root";
+import { useNuxtApp } from "#imports";
+import { useDisplay } from "vuetify";
+const { mdAndUp } = useDisplay();
+const rootStore = useRootStore();
+const { $stores } = useNuxtApp();
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true,
+    default: () => ({})
+  }
+});
+</script>

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

@@ -2,7 +2,7 @@
   <v-row
     v-ripple
     no-gutters
-    class="cursor-pointer highlight-on-hover my-3"
+    class="cursor-pointer highlight-on-hover my-2"
     @click="
       $router.push(
         localePath({
@@ -12,7 +12,7 @@
       )
     "
   >
-    <v-col v-if="mdAndUp" align-self="center" cols="1">
+    <v-col v-if="mdAndUp" cols="1">
       <MiscAtomsImageContainer
         cover
         :loading="$stores.people.loading"
@@ -24,18 +24,17 @@
         width="80px"
       />
     </v-col>
-    <v-col align-self="center" class="text-h6 dense px-2">
+    <v-col align-self="top" class="text-h6 dense px-2">
       <v-skeleton-loader v-if="rootStore.loading" type="heading" />
-      <div v-else class="text-h5">
+      <div v-else class="d-flex text-h5 align-center">
         {{ item.firstname + " " + item.lastname }}
+        <v-spacer />
+        <PeopleBadges :item="item" />
       </div>
-      <div class="mt-2 text-body-1 font-weight-light">
+      <div class="text-body-1 font-weight-light paragraph">
         {{ item.groups.vintage ? item.groups.vintage[0].theme : "" }}
       </div>
     </v-col>
-    <v-col align-self="center" cols="auto">
-      <PeopleGroupBadges :item="item" />
-    </v-col>
   </v-row>
 </template>
 
@@ -58,3 +57,7 @@ const props = defineProps({
   }
 });
 </script>
+
+<style>
+.paragraph{max-width:83ch!important}
+</style>

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

@@ -7,7 +7,7 @@
         localePath({
           name: 'people-slug',
           params: { slug: item.slug },
-        })
+        }),
       )
     "
   >
@@ -51,7 +51,7 @@
           {{ item.firstname + " " + item.lastname }}
         </NuxtLink>
         <MiscAtomsSocials v-if="item.socials" :socials="item.socials" />
-        <PeopleGroupBadges :item="item" />
+        <PeoplepBadges :item="item" />
         <div
           v-if="item.biography && item.biography.length > 0"
           class="text-wrap clamped-text text-black"

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

@@ -56,7 +56,7 @@
             </div>
             <!-- GROUPS -->
             <div class="mt-6 align-self-center">
-              <PeopleGroupBadges v-if="item && item.groups" :item="item" />
+              <PeopleBadges v-if="item && item.groups" :item="item" />
             </div>
           </template>
         </v-col>

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

@@ -23,10 +23,8 @@
       <v-skeleton-loader v-if="rootStore.loading" type="heading" />
       <template v-else>
         {{ item.name }}
-        <div class="text-body-2">
-          {{ item.summary }}
-        </div>
       </template>
+      <MDC class="text-caption" :value="item.summary" />
     </v-col>
 
     <v-col align-self="center">
@@ -40,9 +38,18 @@
       />
 
       <template v-else>
-        <v-chip class="ma-2" style="background-color: white; color: black">
+        <v-chip
+          v-if="eventCategory"
+          class="ma-2"
+          style="background-color: white; color: black"
+        >
           {{ $t(eventCategory) }} </v-chip
-        ><v-chip class="ma-2" style="background-color: white; color: black">
+        ><v-chip
+          v-if="eventType"
+          c
+          class="ma-2"
+          style="background-color: white; color: black"
+        >
           {{ $t(eventType) }}
         </v-chip>
         <MiscMoleculesChipContainer :items="item.tags" size="small" />
@@ -75,7 +82,7 @@ const eventCategory = computed(() => {
     console.log("props.item.category: ", props.item.category);
     return "list.filters.publications.category." + props.item.category;
   } else {
-    return "list.filters.publications.category.OTHERS";
+    return false;
   }
 });
 const eventType = computed(() => {
@@ -83,7 +90,7 @@ const eventType = computed(() => {
     console.log("props.item.type: ", props.item.type);
     return "list.filters.publications.type." + props.item.type;
   } else {
-    return "list.filters.publications.type.OTHERS";
+    return false;
   }
 });
 </script>

package/dist/runtime/graphql/list/publications.gql

@@ -7,6 +7,8 @@ query listPublications(
     items {
       date
       id
+      eventCategory
+      type
       image {
         alt
         backgroundColor

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

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    {{ item.name }}
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,12 @@
+<template>
+  {{ item }}
+</template>
+
+<script setup>
+defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,20 @@
+<template>
+  {{ item }}
+</template>
+
+<script setup>
+import { useNuxtApp } from "#imports";
+const { $stores } = useNuxtApp();
+defineProps({
+  item: {
+    type: Object,
+    required: true
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false
+  }
+});
+$stores.actions.loading = false;
+</script>

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

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    {{ item.name }}
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,12 @@
+<template>
+  {{ item }}
+</template>
+
+<script setup>
+defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,20 @@
+<template>
+  {{ item }}
+</template>
+
+<script setup>
+import { useNuxtApp } from "#imports";
+const { $stores } = useNuxtApp();
+defineProps({
+  item: {
+    type: Object,
+    required: true
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false
+  }
+});
+$stores.affiliations.loading = false;
+</script>

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

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    {{ item.name }}
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,12 @@
+<template>
+  {{ item }}
+</template>
+
+<script setup>
+defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,20 @@
+<template>
+  {{ item }}
+</template>
+
+<script setup>
+import { useNuxtApp } from "#imports";
+const { $stores } = useNuxtApp();
+defineProps({
+  item: {
+    type: Object,
+    required: true
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false
+  }
+});
+$stores.apps.loading = false;
+</script>

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

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    {{ item.name }}
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,12 @@
+<template>
+  {{ item }}
+</template>
+
+<script setup>
+defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+</script>

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

@@ -0,0 +1,20 @@
+<template>
+  {{ item }}
+</template>
+
+<script setup>
+import { useNuxtApp } from "#imports";
+const { $stores } = useNuxtApp();
+defineProps({
+  item: {
+    type: Object,
+    required: true
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false
+  }
+});
+$stores.disciplines.loading = false;
+</script>