@paris-ias/list 1.1.11 → 1.1.13

package/dist/module.json

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

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

@@ -97,6 +97,15 @@ const props = defineProps({
     required: true,
   },
 
+  // Logical view selector (e.g. "fellows", "media", "tools"). Fixed per page,
+  // resolved server-side into additional filters. Not persisted to the URL or
+  // exposed in the filter UI.
+  modifier: {
+    type: String,
+    required: false,
+    default: undefined,
+  },
+
   addButton: {
     type: Boolean,
     required: false,
@@ -113,7 +122,7 @@ rootStore.loadRouteQuery(props.type)
 
 // Apollo: reactive query using variables computed from store
 const variables = computed(() => {
-  return rootStore.buildListVariables(props.type, locale.value)
+  return rootStore.buildListVariables(props.type, locale.value, props.modifier)
 })
 
 // Computed properties for dynamic components

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

@@ -29,22 +29,35 @@
       :class="expanded ? 'ml-md-8' : 'ml-md-2'"
     >
       <v-skeleton-loader v-if="loading" type="heading" />
+
       <div
         v-else
-        class="d-flex justify-space-between text-title align-center pt-md-2"
+        class="d-flex justify-space-between text-title align-center"
         :class="expanded ? 'text-h5 text-md-h4' : 'text-h5'"
       >
-        <span
-          v-html="
-            searchQuery.length
-              ? highlightAndTruncate(
-                  300,
-                  item.firstname + ' ' + item.lastname,
-                  searchQuery.split(' '),
-                )
-              : item.firstname + ' ' + item.lastname
-          "
-        />
+        <div class="d-flex flex-column">
+          <span
+            v-html="
+              searchQuery.length
+                ? highlightAndTruncate(
+                    300,
+                    item.firstname + ' ' + item.lastname,
+                    searchQuery.split(' '),
+                  )
+                : item.firstname + ' ' + item.lastname
+            "
+          />
+          <div
+            class="role-label"
+            v-if="
+              item.groups &&
+              (item.groups.team || item.groups.board) &&
+              item.latest
+            "
+          >
+            {{ item.latest.role }}
+          </div>
+        </div>
         <v-spacer />
         <PeopleBadges :item="item" />
       </div>
@@ -130,6 +143,7 @@ import { computed, ref, useRoute, useNuxtApp, useLocalePath } from "#imports"
 import { useDisplay } from "vuetify"
 const { name } = useRoute()
 const localePath = useLocalePath()
+const { locale } = useI18n()
 
 const { mdAndUp, name: displayName } = useDisplay()
 const rootStore = useRootStore()
@@ -202,6 +216,14 @@ const fellowSlug = computed(() => props.item?.slug || props.item?.id)
   transform: scale(1.05);
 }
 
+.role-label {
+  font-size: 0.8125rem;
+  line-height: 1.4;
+  opacity: 0.7;
+  padding-bottom: 6px;
+  text-transform: uppercase;
+}
+
 .paragraph {
   max-width: 83ch !important;
   display: -webkit-box;

package/dist/runtime/stores/root.d.ts

@@ -55,7 +55,7 @@ export declare const useRootStore: import("pinia").StoreDefinition<"rootStore",
         lang: string;
         writeUrl?: boolean;
     }): void;
-    buildListVariables(type: string, lang?: string): any;
+    buildListVariables(type: string, lang?: string, modifier?: string): any;
     applyListResult(type: string, data: Record<string, any>, itemsPerPageOverride?: number): void;
 }>;
 export {};

package/dist/runtime/stores/root.js

@@ -206,7 +206,7 @@ export const useRootStore = defineStore("rootStore", {
       }
       if (writeUrl) this.updateRouteQuery(type);
     },
-    buildListVariables(type, lang = "en") {
+    buildListVariables(type, lang = "en", modifier) {
       const { $stores } = useNuxtApp();
       const itemsPerPage = type === "all" ? 3 : $stores[type]?.itemsPerPage || 10;
       const filters = {};
@@ -226,6 +226,9 @@ export const useRootStore = defineStore("rootStore", {
             skip: +$stores[type]?.page === 1 ? 0 : (+$stores[type]?.page - 1) * itemsPerPage,
             limit: itemsPerPage,
             ...type !== "all" && localSearch?.length && { search: localSearch },
+            // Logical view selector resolved server-side into additional
+            // filters. Travels inside `options` alongside filters/sort.
+            ...modifier ? { modifier } : {},
             filters,
             sort: $stores[type]?.sortKey || ($stores[type]?.sort ? Object.keys($stores[type].sort).find(
               (key) => $stores[type].sort[key].default

package/dist/runtime/translations/en.json

@@ -266,6 +266,7 @@
           "BOOK_CHAPTER": "Book chapter",
           "CONFERENCE_PAPER": "Conference paper",
           "DATA": "Data",
+          "NEWS": "News",
           "PODCAST": "Podcast",
           "REPORT": "Report",
           "SOFTWARE": "Software",

package/dist/runtime/translations/fr.json

@@ -256,6 +256,7 @@
           "BOOK_CHAPTER": "Chapitre de livre",
           "CONFERENCE_PAPER": "Actes de conférence",
           "DATA": "Données",
+          "NEWS": "Actualités",
           "PODCAST": "Podcast",
           "REPORT": "Rapport",
           "SOFTWARE": "Logiciel",

package/package.json

@@ -1,14 +1,14 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.1.11",
+  "version": "1.1.13",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",
     "type": "git"
   },
   "dependencies": {
-    "@paris-ias/trees": "^2.1.6"
+    "@paris-ias/trees": "^2.2.1"
   },
   "description": "Paris IAS List Module",
   "peerDependencies": {