@paris-ias/list 1.0.107 → 1.0.109

package/dist/module.json

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

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

@@ -1,83 +1,39 @@
 <template>
   <div class="d-flex flex-grow-1 flex-column">
-    <div class="d-flex align-center">
-      <v-text-field
-        v-model.trim="search"
-        :placeholder="$t('list.search-type', [$t('items.' + type, 2)])"
-        prepend-inner-icon="mdi-magnify"
-        single-line
-        class="transition-swing flex-grow-1"
-        variant="outlined"
-        hide-details
-        clearable
-        tile
-        type="search"
-        :loading="rootStore.loading"
-      >
-        <!--    :loading="$nuxt.loading || $store.state.loading" :class="{ 'mt-3':
-        $store.state.scrolled }" -->
-        <template v-if="!search" #label>
-          <div class="searchLabel">
-            {{
-              type === "all"
-                ? $t("search")
-                : $t("list.search-type", [$t("items." + type, 2)])
-            }}
-          </div>
-        </template>
-      </v-text-field>
-
-      <v-menu
-        v-model="filterMenuOpen"
-        :close-on-content-click="false"
-        location="bottom end"
-        offset="4"
-      >
-        <template #activator="{ props: menuProps }">
-          <v-btn
-            v-bind="menuProps"
-            :rounded="0"
-            variant="outlined"
-            size="large"
-            height="56"
-          >
-            <v-icon>mdi-filter</v-icon>
-            <v-icon class="ml-1" size="small">
-              {{ filterMenuOpen ? "mdi-chevron-up" : "mdi-chevron-down" }}
-            </v-icon>
-          </v-btn>
-        </template>
-
-        <v-card min-width="200">
-          <v-list>
-            <v-list-item
-              v-for="option in filterOptions"
-              :key="option.value"
-              @click="toggleFilter(option)"
-            >
-              <template #prepend>
-                <v-checkbox
-                  hide-details
-                  :model-value="selectedFilters.includes(option.value)"
-                  @update:model-value="toggleFilter(option)"
-                />
-              </template>
-              <v-list-item-title>{{ option.label }}</v-list-item-title>
-            </v-list-item>
-          </v-list>
-        </v-card>
-      </v-menu>
-    </div>
+    <v-text-field
+      v-model.trim="search"
+      :placeholder="$t('list.search-type', [$t('items.' + type, 2)])"
+      prepend-inner-icon="mdi-magnify"
+      single-line
+      class="transition-swing"
+      variant="outlined"
+      hide-details
+      clearable
+      tile
+      type="search"
+      :loading="rootStore.loading"
+    >
+      <!--    :loading="$nuxt.loading || $store.state.loading" :class="{ 'mt-3':
+      $store.state.scrolled }" -->
+      <template v-if="!search" #label>
+        <div class="searchLabel">
+          {{
+            type === "all"
+              ? $t("search")
+              : $t("list.search-type", [$t("items." + type, 2)])
+          }}
+        </div>
+      </template>
+    </v-text-field>
   </div>
 </template>
 
 <script setup>
 import { useDebounceFn } from "@vueuse/core";
 import { useRootStore } from "../../../stores/root";
-import { computed, useI18n, ref } from "#imports";
-const { locale, t } = useI18n();
+import { computed, useI18n } from "#imports";
+const { locale } = useI18n();
 const rootStore = useRootStore();
-const emit = defineEmits(["filter-change"]);
 const props = defineProps({
   type: {
     type: String,
@@ -88,29 +44,6 @@ const props = defineProps({
     default: false
   }
 });
-const filterMenuOpen = ref(false);
-const selectedFilters = ref([]);
-const filterOptions = [
-  { value: "people", label: capitalize(t("items.people", 2)) },
-  { value: "events", label: capitalize(t("items.events", 2)) },
-  { value: "news", label: capitalize(t("items.news", 2)) },
-  { value: "publications", label: capitalize(t("items.publications", 2)) },
-  { value: "fellowships", label: capitalize(t("items.fellowships", 2)) },
-  { value: "projects", label: capitalize(t("items.projects", 2)) }
-];
-const toggleFilter = (option) => {
-  const index = selectedFilters.value.indexOf(option.value);
-  if (index > -1) {
-    selectedFilters.value.splice(index, 1);
-  } else {
-    selectedFilters.value.push(option.value);
-  }
-  emit("filter-change", {
-    name: option.value,
-    value: selectedFilters.value.includes(option.value),
-    allSelected: selectedFilters.value
-  });
-};
 const search = computed({
   get() {
     return rootStore.search;

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

@@ -51,14 +51,14 @@
         <v-card min-width="200">
           <v-list density="compact">
             <v-list-item
-              v-for="(option, index) in filterOptions"
+              v-for="option in filterOptions"
               :key="option.value"
               @click="toggleFilter(option)"
             >
               <template #prepend>
                 <v-checkbox
                   hide-details
-                  :model-value="categories.includes(index)"
+                  :model-value="categories.includes(option.value)"
                   @update:model-value="toggleFilter(option)"
                 />
               </template>
@@ -77,6 +77,7 @@ import { useRootStore } from "../../../stores/root";
 import { computed, useI18n, ref } from "#imports";
 const { locale, t } = useI18n();
 const rootStore = useRootStore();
+const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
 const emit = defineEmits(["filter-change"]);
 const props = defineProps({
   type: {
@@ -102,15 +103,17 @@ const filterOptions = [
   { value: "projects", label: capitalize(t("items.projects", 2)) }
 ];
 const toggleFilter = (option) => {
-  const index = props.categories.indexOf(option.value);
+  const currentCategories = [...props.categories];
+  const index = currentCategories.indexOf(option.value);
   if (index > -1) {
-    props.categories.splice(index, 1);
+    currentCategories.splice(index, 1);
   } else {
-    props.categories.push(option.value);
+    currentCategories.push(option.value);
   }
   emit("filter-change", {
     name: option.value,
-    value: props.categories.includes(option.value)
+    value: currentCategories.includes(option.value),
+    categories: currentCategories
   });
 };
 const search = computed({

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

@@ -1,6 +1,5 @@
 <template>
   <div>
-    <v-divider />
     <div class="d-flex align-center justify-space-between my-6">
       <v-btn
         variant="text"
@@ -42,17 +41,17 @@
         </div>
       </div>
       <v-spacer />
-      <v-btn
-        class="ma-2"
-        color="default"
-        variant="outlined"
-        rounded="0"
-        :to="localePath(type === 'people' ? '/people' : '/activities/' + type)"
-      >
-        {{ $t("list.pls-x-more", [$rootStore.results[type].total]) }}
-      </v-btn>
     </div>
     <slot />
+    <v-btn
+      class="ma-2 float-right"
+      color="default"
+      variant="text"
+      rounded="0"
+      :to="localePath(type === 'people' ? '/people' : '/activities/' + type)"
+    >
+      {{ $t("list.pls-x-more", [$rootStore.results[type].total]) }}
+    </v-btn>
   </div>
 </template>
 

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

@@ -85,10 +85,10 @@ const numberOfPages = computed(() => $stores[props.type].numberOfPages);
 const page = computed(() => +$stores[props.type].page);
 const items = computed(() => $stores[props.type].items);
 console.log("setup list");
-rootStore.loadRouteQuery(props.type);
 onMounted(() => {
   console.log("mounted list");
 });
+rootStore.loadRouteQuery(props.type);
 try {
   await rootStore.update(props.type, locale.value);
 } catch (error) {

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

@@ -5,40 +5,64 @@
     variant="outlined"
   />
   <ListMoleculesResultsContainer
-    v-for="(type, index) in appConfig.list.modules"
-    :key="index"
+    v-for="type in sortedModules"
+    :key="type"
     :feminine="type === 'people'"
     :type
-    :open="$rootStore.results[type].total > 0"
+    :open="
+      open[type] !== undefined
+        ? open[type]
+        : $rootStore.results[type]?.total > 0
+    "
     @toggle="open[$event] = !open[$event]"
   >
     <v-expand-transition class="results-container">
       <div v-show="open[type]">
         <ListAtomsResultsList :type />
-      </div> </v-expand-transition
-  ></ListMoleculesResultsContainer>
+      </div>
+    </v-expand-transition>
+  </ListMoleculesResultsContainer>
 </template>
 
 <script setup>
 import {
+  useNuxtApp,
+  useLocalePath,
   onBeforeUnmount,
   onMounted,
   useI18n,
   useAppConfig,
-  useNuxtApp
+  ref,
+  computed
 } from "#imports";
+const localePath = useLocalePath();
+defineOptions({
+  name: "SearchResults"
+});
 const { $rootStore } = useNuxtApp();
 const appConfig = useAppConfig();
 const { locale } = useI18n();
 const open = ref({});
-onMounted(() => {
+const sortedModules = computed(() => {
+  return appConfig.list.modules.slice().sort((a, b) => {
+    const aResults = $rootStore.results[a] || { total: 0 };
+    const bResults = $rootStore.results[b] || { total: 0 };
+    return (bResults.total || 0) - (aResults.total || 0);
+  });
+});
+onMounted(async () => {
   console.log("mounted list");
+  try {
+    await $rootStore.update("all", locale.value);
+    appConfig.list.modules.forEach((type) => {
+      if ($rootStore.results[type]?.total > 0) {
+        open.value[type] = true;
+      }
+    });
+  } catch (error) {
+    console.log("error fetching update list: ", error);
+  }
 });
-try {
-  await $rootStore.update("all", locale.value);
-} catch (error) {
-  console.log("error fetching update list: ", error);
-}
 onBeforeUnmount(() => {
 });
 </script>

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

@@ -125,7 +125,14 @@
             :key="position.role + index"
             class="text-body-2"
           >
-            {{ position.role + " " + (position.department || "") }}
+            <template v-if="position.role === 'Fellow'">
+              <span class="text-caption text-uppercase">
+                {{ $t("fellow") }}
+              </span>
+            </template>
+            <template v-else>
+              {{ position.role + " " + (position.department || "") }}
+            </template>
             <span v-if="position.start" class="">
               <!--  TODO FIx dates display -->
               -

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

@@ -2,7 +2,7 @@
   <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/publications/' + item.slug[locale]))
     "
@@ -23,6 +23,9 @@
       <v-skeleton-loader v-if="rootStore.loading" type="heading" />
       <template v-else>
         {{ item.name }}
+        <div class="text-body-2">
+          {{ item.summary }}
+        </div>
       </template>
     </v-col>
 
@@ -38,7 +41,9 @@
 
       <template v-else>
         <v-chip class="ma-2" style="background-color: white; color: black">
-          {{ $t(eventCategory) }}
+          {{ $t(eventCategory) }} </v-chip
+        ><v-chip class="ma-2" style="background-color: white; color: black">
+          {{ $t(eventType) }}
         </v-chip>
         <MiscMoleculesChipContainer :items="item.tags" size="small" />
       </template>
@@ -67,9 +72,18 @@ const props = defineProps({
 });
 const eventCategory = computed(() => {
   if (props.item.category) {
-    return "list.filters.news.category." + props.item.category;
+    console.log("props.item.category: ", props.item.category);
+    return "list.filters.publications.category." + props.item.category;
   } else {
-    return "list.filters.news.category.others";
+    return "list.filters.publications.category.OTHERS";
+  }
+});
+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 "list.filters.publications.type.OTHERS";
   }
 });
 </script>

package/dist/runtime/translations/en.json

@@ -13,13 +13,15 @@
     "see-more": "See more events"
   },
   "filters": "Filters",
-  "from {0} to {1}": "from {0} to {1}",
+  "from {0} to {1}": "From {0} to {1}",
   "gallery": "Gallery",
   "hybrid-event": "Hybrid event",
   "inscription-gratuite-et-obligatoire": " Free and mandatory registration",
   "inscription-ouverte": "Registration Open",
   "items": {
     "all": "all | all | all",
+    "activities": "activity | activity | activities",
+    "about": "about | about | about",
     "events": "event | event | events",
     "fellow": "fellow | fellow | fellows",
     "fellowships": "fellowship | fellowship | fellowships",
@@ -62,7 +64,8 @@
           "SYMPOSIUM": "Symposium",
           "EXHIBITION": "Exhibition",
           "WEBINAR": "Webinar",
-          "WORKSHOP": "Workshop"
+          "WORKSHOP": "Workshop",
+          "CALL": "Call to propositions"
         },
         "fellowship": {
           "cat": "Constructive Advanced Thinking",
@@ -149,7 +152,8 @@
           "REPORT": "Report",
           "SOFTWARE": "Software",
           "TOOL": "Tool",
-          "VIDEO": "Video"
+          "VIDEO": "Video",
+          "OTHER": "Other"
         },
         "tags": {
           "label": "Tags",
@@ -228,7 +232,8 @@
           "SEMINAR": "Seminar",
           "SYMPOSIUM": "Symposium",
           "WEBINAR": "Webinar",
-          "WORKSHOP": "Workshop"
+          "WORKSHOP": "Workshop",
+          "OTHERS": "Others"
         },
         "type": {
           "label": "Type",
@@ -242,7 +247,8 @@
           "REPORT": "Report",
           "SOFTWARE": "Software",
           "THESIS": "Thesis",
-          "VIDEO": "Video"
+          "VIDEO": "Video",
+          "OTHERS": "Others"
         }
       }
     },

package/dist/runtime/translations/fr.json

@@ -13,7 +13,7 @@
     "see-more": "Voir plus d'événements"
   },
   "filters": "filtre | filtre | Filtres",
-  "from {0} to {1}": "de {0} à {1}",
+  "from {0} to {1}": "Du {0} à {1}",
   "gallery": "Galerie",
   "hybrid-event": "Évènement hybride",
   "inscription-gratuite-et-obligatoire": "Enregistrement gratuit et obligatoire",
@@ -62,7 +62,8 @@
           "SYMPOSIUM": "Symposium",
           "EXHIBITION": "Exposition",
           "WEBINAR": "Webinaire",
-          "WORKSHOP": "Atelier"
+          "WORKSHOP": "Atelier",
+          "CALL": "Appel à propositions"
         },
         "fellowship": {
           "label": "Programme d'accueil",
@@ -150,7 +151,8 @@
           "REPORT": "Rapport",
           "SOFTWARE": "Logiciel",
           "TOOL": "Outil",
-          "VIDEO": "Vidéo"
+          "VIDEO": "Vidéo",
+          "OTHER": "Autres"
         },
         "tags": {
           "label": "Tags",
@@ -229,7 +231,8 @@
           "SEMINAR": "Séminaire",
           "SYMPOSIUM": "Symposium",
           "WEBINAR": "Webinaire",
-          "WORKSHOP": "Atelier"
+          "WORKSHOP": "Atelier",
+          "OTHERS": "Autres"
         },
         "type": {
           "label": "Type",
@@ -243,7 +246,8 @@
           "REPORT": "Rapport",
           "SOFTWARE": "Logiciel",
           "THESIS": "Thèse",
-          "VIDEO": "Vidéo"
+          "VIDEO": "Vidéo",
+          "OTHERS": "Autres"
         }
       }
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.107",
+  "version": "1.0.109",
   "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.25",
+    "@paris-ias/data": "^1.8.27",
     "@pinia/nuxt": "^0.5.4",
     "@types/node": "latest",
     "@urql/exchange-execute": "2.3.1",