Improve list page table (#181)

teritorio · Mar 12, 2024 · 6f60d4a · 6f60d4a
1 parent e1b1ca3
commit 6f60d4a
Show file tree

Hide file tree

Showing 16 changed files with 327 additions and 402 deletions.
diff --git a/components/Fields/Field.vue b/components/Fields/Field.vue
@@ -230,8 +230,8 @@ export default defineNuxtComponent({
         v-else-if="isWebsite"
         :key="`website_${item}`"
       >
-        <ExternalLink :href="item">
-          {{ item }}
+        <ExternalLink :title="item" :href="item">
+          {{ context !== 'label_list' ? item : '' }}
         </ExternalLink>
       </div>
 
@@ -240,8 +240,8 @@ export default defineNuxtComponent({
         v-else-if="field.field === 'email'"
         :key="`email_${item}`"
       >
-        <ExternalLink :href="`mailto:${item}`" icon="envelope">
-          {{ item }}
+        <ExternalLink :title="item" :href="`mailto:${item}`" icon="envelope">
+          {{ context !== 'label_list' ? item : '' }}
         </ExternalLink>
       </div>
 

diff --git a/components/Layout/Header.vue b/components/Layout/Header.vue
@@ -43,6 +43,8 @@ export default defineNuxtComponent({
       :logo-url="theme && theme.logo_url"
     />
 
+    <slot name="search" />
+
     <div class="tw-flex tw-justify-end print:tw-hidden">
       <slot />
       <NavMenu :entries="navMenuEntries" />

diff --git a/components/PoisList/Actions.vue b/components/PoisList/Actions.vue
@@ -2,18 +2,18 @@
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import type { PropType } from 'vue'
 
-import { defineNuxtComponent, useRequestHeaders } from '#app'
+import { defineNuxtComponent } from '#app'
 import IconButton from '~/components/UI/IconButton.vue'
 import IconsBar from '~/components/UI/IconsBar.vue'
 import { getPoiByCategoryIdUrl } from '~/lib/apiPois'
+import { siteStore as useSiteStore } from '~/stores/site'
 
 export default defineNuxtComponent({
   components: {
     FontAwesomeIcon,
     IconsBar,
     IconButton,
   },
-
   props: {
     categoryId: {
       type: Number,
@@ -42,7 +42,7 @@ export default defineNuxtComponent({
   methods: {
     url(format: 'geojson' | 'csv'): string {
       return getPoiByCategoryIdUrl(
-        this.$vidoConfig(useRequestHeaders()),
+        useSiteStore().config!,
         this.categoryId,
         {
           geometry_as: 'point',

diff --git a/components/PoisList/PoisList.vue b/components/PoisList/PoisList.vue