@paris-ias/list 1.0.166 → 1.0.167

package/dist/module.json

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

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

@@ -7,11 +7,11 @@
     <div>{{ $t("from-starttime-to-stoptime", [startTime, stopTime]) }}</div>
   </div>
 
-  <div class="text-overline font-weight-bold mt-md-4">
+  <!-- <div class="text-overline font-weight-bold mt-md-4">
     {{ $t("location") }}
   </div>
-  <div>{{ item.location }}</div>
-
+  <div>{{ item.location }}</div> -->
+  <EventsLocation :item="item" />
   <v-btn
     variant="text"
     class="ml-n4"

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

@@ -0,0 +1,43 @@
+<template>
+  <div v-if="item?.location" class="text-overline font-weight-bold mt-md-4">
+    {{ $t("location") }}
+  </div>
+
+  <div v-if="item?.location">
+    <b>{{ item.location.name }}</b>
+
+    <div v-if="formattedAddress">
+      {{ formattedAddress }}
+    </div>
+  </div>
+
+  <div v-if="item?.location?.details" class="text-caption">
+    {{ item.location.details }}
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue"
+
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true,
+  },
+})
+
+const formattedAddress = computed(() => {
+  const loc = props.item?.location
+  if (!loc) return ""
+
+  const parts = [loc.street, loc.city].filter(Boolean)
+
+  const zipCountry = [loc.zip, loc.country].filter(Boolean)
+
+  if (zipCountry.length) {
+    parts.push(`(${zipCountry.join(", ")})`)
+  }
+
+  return parts.join(", ")
+})
+</script>

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

@@ -330,7 +330,9 @@ const panel = ref("presentation")
 
 function redirectToMap(long, lat) {
   router.push(
-    `https://www.openstreetmap.org/?mlat=${lat}&mlon=${long}#map=19/${lat}/${long}`
+    `https://www.openstreetmap.org/?mlat=${lat}&mlon=${long}#map=19/${lat}/${long}`,
   )
 }
+
+console.log("Events", props.item)
 </script>

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

@@ -29,7 +29,7 @@
       </v-tooltip>
     </template>
     <v-list density="compact">
-      <template v-for="(item, index) in $stores[props.type].sort">
+      <!-- <template v-for="(item, index) in $stores[props.type].sort">
         <v-list-item
           v-if="item.text !== current.text"
           :key="index"
@@ -41,7 +41,22 @@
           </template>
           <v-list-item-title>{{ $t("list." + item.text) }}</v-list-item-title>
         </v-list-item>
-      </template>
+      </template> -->
+
+      <v-list-item
+        v-for="(item, index) in $stores[props.type].sort"
+        :key="index"
+        :disabled="$stores[type].loading || isActiveSort(item)"
+        :active="isActiveSort(item)"
+        active-class="bg-black text-white"
+        @click="updateSort(item.value)"
+      >
+        <template #prepend>
+          <v-icon>mdi-{{ item.icon }}</v-icon>
+        </template>
+
+        <v-list-item-title>{{ $t("list." + item.text) }}</v-list-item-title>
+      </v-list-item>
     </v-list>
   </v-menu>
 </template>
@@ -93,6 +108,13 @@ const current = computed(() => {
 const updateSort = async (value) => {
   rootStore.updateSort({ value, type: props.type, lang: locale.value })
 }
+
+const isActiveSort = (item) => {
+  return (
+    item?.value?.[0] === $stores[props.type].sortBy?.[0] &&
+    item?.value?.[1] === $stores[props.type].sortDesc?.[0]
+  )
+}
 </script>
 
 <style lang="scss"></style>

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

@@ -24,7 +24,9 @@
       <v-list-item
         v-for="(value, key, index) in items"
         :key="index"
-        :disabled="$stores[type].loading"
+        :disabled="$stores[type].loading || (value.name || key) === currentName"
+        :active="(value.name || key) === currentName"
+        active-class="bg-black text-white"
         @click="updateView(value.name || key)"
       >
         <template #prepend>

package/dist/runtime/composables/useFetchItem.d.ts

@@ -1,15 +1,9 @@
-export declare const useFetchItem: () => {
-    fetchItem: <T>(payload: {
-        query: string;
-        key: string;
-    }) => Promise<T>;
-};
 type FetchItemPayload = {
     query: any;
     key: string;
     variables?: Record<string, any>;
 };
-export declare const useFetchItem2: () => {
+export declare const useFetchItem: () => {
     fetchItem: <T>({ query, key, variables, }: FetchItemPayload) => Promise<T>;
 };
 export {};

package/dist/runtime/composables/useFetchItem.js

@@ -1,61 +1,11 @@
-import { useRoute, useI18n, useSetI18nParams, useNuxtApp } from "#imports";
+import { useRoute, useSetI18nParams, useNuxtApp } from "#imports";
 export const useFetchItem = () => {
-  const fetchItem = async (payload) => {
-    try {
-      const { locale } = useI18n();
-      const route = useRoute();
-      const { $apollo } = useNuxtApp();
-      console.log("query: ", payload.query);
-      console.log("key: ", payload.key);
-      const variables = {
-        itemId: route.params.slug?.toString().trim(),
-        appId: "iea",
-        lang: locale.value
-      };
-      const apolloClient = $apollo?.clients?.default;
-      if (!apolloClient) {
-        throw new Error("Apollo client is not available");
-      }
-      console.log("variables: ", variables);
-      const { data } = await apolloClient.query({
-        query: payload.query,
-        variables
-      });
-      console.log("data: ", data);
-      const item = data?.[payload.key];
-      if (!item) {
-        throw new Error("Item not found in response");
-      }
-      const setI18nParams = useSetI18nParams();
-      if (!route.name.includes("people")) {
-        setI18nParams({
-          en: { slug: item.slug.en },
-          fr: { slug: item.slug.fr }
-        });
-      } else {
-        setI18nParams({
-          en: { slug: item.slug },
-          fr: { slug: item.slug }
-        });
-      }
-      return item;
-    } catch (error) {
-      console.error("Error fetching item:", error);
-      throw new Error(
-        `Item not found: ${error instanceof Error ? error.message : String(error)}`
-      );
-    }
-  };
-  return {
-    fetchItem
-  };
-};
-export const useFetchItem2 = () => {
   const fetchItem = async ({
     query,
     key,
     variables
   }) => {
+    console.log("useFetchItem2 called with:", { query, key, variables });
     try {
       const { $apollo } = useNuxtApp();
       const route = useRoute();

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

@@ -6,7 +6,7 @@ export declare const createDynamicStore: (storeName: string, moduleState: object
     numberOfPages: import("vue").Ref<number, number>;
     search: import("vue").Ref<string, string>;
     error: import("vue").Ref<string | null, string | null>;
-}, "search" | "loading" | "total" | "skip" | "page" | "numberOfPages" | "error">, Pick<{
+}, "loading" | "total" | "skip" | "page" | "numberOfPages" | "search" | "error">, Pick<{
     loading: import("vue").Ref<boolean, boolean>;
     total: import("vue").Ref<number, number>;
     skip: import("vue").Ref<number, number>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.166",
+  "version": "1.0.167",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",