@paris-ias/list 1.0.112 → 1.0.114

package/dist/module.json

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

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

@@ -13,10 +13,8 @@
       tile
       type="search"
       :loading="rootStore.loading"
-      @keyup.enter="type === 'all' ? null : $router.push(localePath('/search'))"
-      @click:append="
-        type === 'all' ? null : $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 }" -->
@@ -36,8 +34,8 @@
 <script setup>
 import { useDebounceFn } from "@vueuse/core";
 import { useRootStore } from "../../../stores/root";
-import { computed, useI18n } from "#imports";
-const { $router } = useNuxtApp();
+import { computed, useI18n, useRouter } from "#imports";
+const router = useRouter();
 const localePath = useLocalePath();
 const { locale } = useI18n();
 const rootStore = useRootStore();

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

@@ -26,6 +26,7 @@
       :page-padding="1"
       :page-gap="2"
       :hide-prev-next="false"
+      @update="onPageChange"
     />
   </div>
 </template>
@@ -39,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: {
@@ -103,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/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>

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

@@ -0,0 +1,73 @@
+<template>
+  <div>
+    <EventsRegisterModal v-if="item.bookingState === 'OPEN'" :item="item" />
+    <v-btn
+      v-if="item.bookingState === 'FULL'"
+      color="grey-lighten-3"
+      flat
+      rounded="0"
+      prepend-icon="mdi-circle-medium"
+      size="small"
+      class="my-2"
+    >
+      <template #prepend>
+        <v-icon size="large" color="danger" />
+      </template>
+      {{ $t("event-full") }}
+    </v-btn>
+
+    <v-divider v-if="smAndUp" vertical class="mx-3" />
+    <v-btn
+      v-if="item.stream && item.stream.length"
+      color="grey-lighten-3"
+      flat
+      rounded="0"
+      prepend-icon="mdi-television-play"
+      size="small"
+      class="my-xs-2"
+      :to="
+        localePath({
+          name: 'activities-events-slug',
+          params: { slug: item.slug[locale] },
+        })
+      "
+    >
+      {{ $t("live-stream-available") }}
+    </v-btn>
+
+    <v-btn
+      v-if="item.outside"
+      color="grey-lighten-3"
+      flat
+      rounded="0"
+      prepend-icon="mdi-location-exit"
+      size="small"
+      class="my-xs-2"
+    >
+      {{ $t("outside-event") }}
+    </v-btn>
+
+    <v-btn
+      v-if="item.type === 'HYBRID'"
+      color="grey-lighten-3"
+      flat
+      rounded="0"
+      prepend-icon="mdi-cast-education"
+      size="small"
+      class="my-xs-2"
+    >
+      {{ $t("hybrid-event") }}
+    </v-btn>
+  </div>
+</template>
+
+<script setup>
+import { useLocalePath, useI18n } from "#imports";
+import { useDisplay } from "vuetify";
+const localePath = useLocalePath();
+const { smAndUp } = useDisplay();
+const { locale } = useI18n();
+const props = defineProps({
+  item: { type: Object, required: true }
+});
+</script>

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

@@ -0,0 +1,77 @@
+<template>
+  <div class="text-overline font-weight-bold">
+    {{ $t("date-et-heure") }}
+  </div>
+  <div>
+    <div>{{ startDay }}</div>
+    <div>{{ $t("from-starttime-to-stoptime", [startTime, stopTime]) }}</div>
+  </div>
+
+  <div class="text-overline font-weight-bold mt-md-4">
+    {{ $t("location") }}
+  </div>
+  <div>{{ item.location }}</div>
+
+  <v-btn
+    variant="text"
+    class="ml-n4"
+    size="small"
+    :prepend-icon="
+      open ? 'mdi-chevron-double-down' : 'mdi-chevron-double-right'
+    "
+    @click="open = !open"
+  >
+    {{ $t("show-on-map") }}
+  </v-btn>
+  <v-expand-transition>
+    <v-responsive v-show="open" :aspect-ratio="1 / 1">
+      <iframe
+        title="openstreetmap"
+        width="100%"
+        height="100%"
+        absolute
+        frameborder="0"
+        scrolling="no"
+        marginheight="0"
+        marginwidth="0"
+        src="https://www.openstreetmap.org/export/embed.html?bbox=2.3413968033604786%2C48.84311283480419%2C2.3779606766514942%2C48.8594349634343&amp;layer=mapnik&amp;marker=48.851274564242196%2C2.359678740005961"
+      /><br /><small
+        ><a
+          href="https:/www.openstreetmap.org/?mlat=48.85127&amp;mlon=2.35968#map=16/48.85127/2.35968"
+          >Afficher une carte plus grande</a
+        ></small
+      >
+      >
+    </v-responsive>
+  </v-expand-transition>
+  <br />
+  <v-btn
+    variant="text"
+    class="ml-n4"
+    size="small"
+    prepend-icon="mdi-open-in-new"
+  >
+    {{ $t("details") }}
+  </v-btn>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { getDetailedFormatedDate } from "../../composables/useUtils";
+import { useI18n } from "#imports";
+const { locale } = useI18n();
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true
+  }
+});
+const open = ref(false);
+const detailedStart = getDetailedFormatedDate(props.item.start, locale.value);
+const startDay = ref(
+  `${detailedStart.day} ${detailedStart.month} ${detailedStart.year}`
+);
+const startTime = ref(detailedStart.hours);
+const detailedStop = getDetailedFormatedDate(props.item.stop, locale.value);
+const stopTime = ref(detailedStop.hours);
+</script>

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

@@ -0,0 +1,60 @@
+<template>
+  <v-row
+    v-ripple
+    no-gutters
+    class="cursor-pointer highlight-on-hover"
+    @click="$router.push(localePath('/activities/events/' + item.slug[locale]))"
+  >
+    <v-col v-if="mdAndUp" align-self="center" cols="1">
+      <MiscAtomsImageContainer
+        cover
+        :loading="$stores.events.loading"
+        :src="item.image.url ? item.image : '/default.png'"
+        :ratio="1 / 1"
+        :name="item.name"
+        :slug="item.slug"
+        link="events-slug"
+        width="80px"
+      />
+    </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">
+        {{ item.name }}
+      </div>
+    </v-col>
+
+    <v-col align-self="center" cols="auto">
+      <EventsBadges :item />
+    </v-col>
+  </v-row>
+</template>
+
+<script setup>
+import { useLocalePath, useI18n } from "#imports";
+import { useDisplay } from "vuetify";
+const { mdAndUp } = useDisplay();
+const { locale } = useI18n();
+const localePath = useLocalePath();
+const props = defineProps({
+  item: {
+    type: Object,
+    required: true
+  },
+  index: {
+    type: Number,
+    required: true
+  }
+});
+</script>

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

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

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

@@ -0,0 +1,50 @@
+<template>
+  <v-dialog max-width="500">
+    <template #activator="{ props: activatorProps }">
+      <v-btn
+        variant="outlined"
+        tile
+        block
+        v-bind="activatorProps"
+        size="x-large"
+        prepend-icon="mdi-circle-medium"
+      >
+        <template #prepend>
+          <v-icon size="x-large" color="success" />
+        </template>
+        <div class="text-wrap register-text">
+          {{ $t("register") }}
+        </div>
+      </v-btn>
+    </template>
+
+    <template #default="{ isActive }">
+      <v-card :title="$t('events.register')">
+        <v-card-text>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        </v-card-text>
+
+        <v-card-actions>
+          <v-spacer />
+
+          <v-btn :text="$t('cancel')" @click="isActive.value = false" />
+          <v-btn
+            :text="$t('events.register-me')"
+            @click="isActive.value = false"
+          />
+        </v-card-actions>
+      </v-card>
+    </template>
+  </v-dialog>
+</template>
+
+<script setup>
+const props = defineProps({
+  item: { type: Object, required: true }
+});
+</script>
+
+<style>
+.register-text{font-size:.8rem}
+</style>

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

@@ -0,0 +1,44 @@
+<template>
+  <v-sheet
+    :to="
+      localePath({
+        name: 'activities-events-slug',
+        params: { slug: item.name },
+      })
+    "
+  >
+    <v-row>
+      <v-col v-if="lgAndUp" cols="3">
+        <MiscAtomsImageContainer
+          cover
+          :src="item.image"
+          :ratio="1 / 1"
+          :link="item.name"
+          :loading="rootStore.loading"
+          name="activities-events-slug"
+        />
+      </v-col>
+      <v-col cols="12" lg="9">
+        <v-skeleton-loader v-if="rootStore.loading" type="heading, text@3" />
+        <template v-else>
+          <div class="text-h6">
+            {{ item.name }}
+          </div>
+          <div class="text-body-1">
+            {{ item.description }}
+          </div>
+        </template>
+      </v-col>
+    </v-row>
+  </v-sheet>
+</template>
+
+<script setup>
+import { useDisplay } from "vuetify";
+import { useRootStore } from "../../stores/root";
+import { useLocalePath } from "#imports";
+const localePath = useLocalePath();
+const rootStore = useRootStore();
+const { lgAndUp } = useDisplay();
+const props = defineProps({ item: { type: Object, required: true } });
+</script>