From c9d7180f6f278608af7be337954273dbd6d93cee Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Mon, 17 Dec 2018 16:37:44 -0200
Subject: [PATCH] Hides empty option on mapping selector when exporter does not
 allow not hiang a mapper. Adds a elay before showing and disappearing
 tooltips.

---
 .../edition/exporter-edition-form.vue         | 51 +++++++++++--------
 .../edition/item-bulk-edition-form.vue        |  4 ++
 .../components/lists/activities-list.vue      | 40 ++++++++++-----
 .../components/lists/collections-list.vue     | 20 ++++++++
 src/admin/components/lists/items-list.vue     | 44 ++++++++++++++++
 src/admin/components/lists/processes-list.vue | 44 ++++++++++++++++
 .../components/lists/taxonomies-list.vue      |  8 +++
 .../tainacan-repository-subheader.vue         |  8 +++
 src/admin/components/other/exposers-modal.vue | 20 ++++++++
 .../components/search/filters-items-list.vue  |  8 +++
 src/admin/pages/lists/items-page.vue          |  8 +++
 src/admin/pages/lists/term-items-page.vue     |  4 ++
 src/admin/tainacan-admin-i18n.php             |  3 +-
 .../filter-types/tainacan-filter-item.vue     | 14 +++--
 .../metadata-types/tainacan-form-item.vue     |  4 ++
 src/theme-helper/view-mode-cards.vue          | 12 +++++
 src/theme-helper/view-mode-records.vue        |  8 +++
 src/theme-helper/view-mode-slideshow.vue      | 12 +++++
 src/theme-helper/view-mode-table.vue          | 12 +++++
 19 files changed, 283 insertions(+), 41 deletions(-)

diff --git a/src/admin/components/edition/exporter-edition-form.vue b/src/admin/components/edition/exporter-edition-form.vue
index a8ed8f4df..d0d62b1ab 100644
--- a/src/admin/components/edition/exporter-edition-form.vue
+++ b/src/admin/components/edition/exporter-edition-form.vue
@@ -15,15 +15,15 @@
                 class="tainacan-form">
             <div class="columns">
 
-                <div class="column is-6">
+                <div class="column is-gapless">
                     <form id="exporterOptionsForm">
                         <div v-html="exporterSession.options_form" />
                     </form>
                 </div>
                 <div
-                        style="max-width: 40px;"
-                        class="column"/>
-                <div class="column is-5">
+                        style="max-width: 4.6666667%;"
+                        class="column is-gapless"/>
+                <div class="column is-gapless">
                     <b-field
                             v-if="exporterSession.manual_collection"
                             :addons="false"
@@ -33,6 +33,7 @@
                                 :message="$i18n.get('info_source_collection_helper')"/>
                         <br>
                         <b-select
+                                @input="formErrorMessage = null"
                                 expanded
                                 v-model="selectedCollection"
                                 :loading="isFetchingCollections"
@@ -49,30 +50,32 @@
                     <b-field
                             class="is-block"
                             v-if="Object.keys(exporterSession).length &&
-                            Object.keys(exporterSession.mapping_accept).length &&
-                             exporterSession.mapping_list.length"
+                                Object.keys(exporterSession.mapping_accept).length &&
+                                exporterSession.mapping_list.length"
                             :label="$i18n.get('mapping')">
-
-                            <b-select
-                                    expanded
-                                    v-model="selectedMapping"
-                                    :placeholder="$i18n.get('instruction_select_a_mapper')">
-                                <option :value="''">-</option>
-                                <option
-                                        v-for="(mapping) in exporterSession.mapping_list"
-                                        :value="mapping"
-                                        :key="mapping">
-                                    {{ mapping.replace(/-/, ' ') }}
-                                </option>
-                            </b-select>
-
+                        <b-select
+                                @input="formErrorMessage = null"
+                                expanded
+                                v-model="selectedMapping"
+                                :placeholder="$i18n.get('instruction_select_a_mapper')">
+                            <option 
+                                    v-if="exporterSession.accept_no_mapping"
+                                    :value="''">{{ $i18n.get('label_no_mapping') }}</option>
+                            <option
+                                    v-for="(mapping) in exporterSession.mapping_list"
+                                    :value="mapping"
+                                    :key="mapping">
+                                {{ mapping.replace(/-/, ' ') }}
+                            </option>
+                        </b-select>
                     </b-field>
 
                     <b-field :label="$i18n.get('label_send_email')">
                         <b-checkbox
                                 true-value="1"
                                 false-value="0"
-                                v-model="sendEmail">
+                                v-model="sendEmail"
+                                @input="formErrorMessage = null">
                             {{ $i18n.get('label_yes') }}
                         </b-checkbox>
                     </b-field>
@@ -211,7 +214,7 @@
                 .then(exporterSession => {
                     this.exporterSession = exporterSession ? exporterSession : {};
                     this.selectedMapping = this.exporterSession.mapping_selected;
-
+                    
                     this.isLoading = false;
                 });
 
@@ -232,4 +235,8 @@
 
 <style scoped>
 
+    .tainacan-form>.columns {
+        padding: 0 4.6666667%;
+    }
+
 </style>
\ No newline at end of file
diff --git a/src/admin/components/edition/item-bulk-edition-form.vue b/src/admin/components/edition/item-bulk-edition-form.vue
index 94915dc0f..614f9a049 100644
--- a/src/admin/components/edition/item-bulk-edition-form.vue
+++ b/src/admin/components/edition/item-bulk-edition-form.vue
@@ -115,6 +115,10 @@
                                 class="document-actions">
                             <span 
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: $i18n.get('label_button_delete_document'),
                                         autoHide: false,
                                         placement: 'auto-start'
diff --git a/src/admin/components/lists/activities-list.vue b/src/admin/components/lists/activities-list.vue
index 20dc249ef..d928ce425 100644
--- a/src/admin/components/lists/activities-list.vue
+++ b/src/admin/components/lists/activities-list.vue
@@ -34,11 +34,17 @@
                             :aria-label="$i18n.get('label_activity_title') + ': ' + activity.title">
                         <p
                                 v-tooltip="{
-                                        content: activity.title,
-                                        autoHide: false,
-                                        placement: 'auto-start'
-                                    }">{{ activity.title }}</p>
-                    </td>
+                                    delay: {
+                                        show: 500,
+                                        hide: 300,
+                                    },
+                                    content: activity.title,
+                                    autoHide: false,
+                                    placement: 'auto-start'
+                                }">
+                            {{ activity.title }}
+                        </p>
+                </td>
                     <!-- User -->
                     <td
                             class="table-creation column-small-width"
@@ -47,10 +53,14 @@
                             :aria-label="$i18n.get('label_created_by') + ': ' + activity.user_name">
                         <p
                                 v-tooltip="{
-                                        content: activity.user_name,
-                                        autoHide: false,
-                                        placement: 'auto-start'
-                                    }"
+                                    delay: {
+                                        show: 500,
+                                        hide: 300,
+                                    },
+                                    content: activity.user_name,
+                                    autoHide: false,
+                                    placement: 'auto-start'
+                                }"
                                 v-html="activity.user_name"/>
                     </td>
                     <!-- Activity Date -->
@@ -61,10 +71,14 @@
                             :aria-label="$i18n.get('label_activity_date') + ': ' + activity.log_date">
                         <p
                                 v-tooltip="{
-                                        content: activity.log_date,
-                                        autoHide: false,
-                                        placement: 'auto-start'
-                                    }"
+                                    delay: {
+                                        show: 500,
+                                        hide: 300,
+                                    },
+                                    content: activity.log_date,
+                                    autoHide: false,
+                                    placement: 'auto-start'
+                                }"
                                 v-html="activity.log_date"/>
                     </td>
                     <!-- Approbation -->
diff --git a/src/admin/components/lists/collections-list.vue b/src/admin/components/lists/collections-list.vue
index e6541101e..9dfad4b14 100644
--- a/src/admin/components/lists/collections-list.vue
+++ b/src/admin/components/lists/collections-list.vue
@@ -107,6 +107,10 @@
                                 :aria-label="$i18n.get('label_name') + ': ' + collection.name">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: collection.name,
                                         autoHide: false,
                                         placement: 'auto-start'
@@ -121,6 +125,10 @@
                                 :aria-label="$i18n.get('label_description') + ': ' + (collection.description != undefined && collection.description != '') ? collection.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_description_not_informed') + `</span>`">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: (collection.description != undefined && collection.description != '') ? collection.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_description_not_informed') + `</span>`,
                                         autoHide: false,
                                         placement: 'auto-start'
@@ -135,6 +143,10 @@
                                 :aria-label="$i18n.get('label_creation_date') + ': ' + collection.creation_date">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: collection.creation_date,
                                         autoHide: false,
                                         placement: 'auto-start'
@@ -149,6 +161,10 @@
                                 :aria-label="$i18n.get('label_created_by') + ': ' + collection.author_name">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: collection.author_name,
                                         autoHide: false,
                                         placement: 'auto-start'
@@ -164,6 +180,10 @@
                                 :aria-label="$i18n.get('label_total_items') + ': ' + getTotalItems(collection.total_items)">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: getTotalItems(collection.total_items),
                                         autoHide: false,
                                         placement: 'auto-start'
diff --git a/src/admin/components/lists/items-list.vue b/src/admin/components/lists/items-list.vue
index a3eaccd54..950943db9 100644
--- a/src/admin/components/lists/items-list.vue
+++ b/src/admin/components/lists/items-list.vue
@@ -98,6 +98,10 @@
                             class="metadata-title">
                         <p 
                                 v-tooltip="{
+                                    delay: {
+                                        show: 500,
+                                        hide: 300,
+                                    },
                                     content: item.title != undefined ? item.title : '',
                                     html: true,
                                     autoHide: false,
@@ -269,6 +273,10 @@
                             class="metadata-title">
                         <p 
                                 v-tooltip="{
+                                    delay: {
+                                        show: 500,
+                                        hide: 300,
+                                    },
                                     content: item.title != undefined ? item.title : '',
                                     html: true,
                                     autoHide: false,
@@ -329,6 +337,10 @@
                             <!-- Description -->
                             <p 
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: item.description != undefined && item.description != '' ? item.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_description_not_informed') + `</span>`,
                                         html: true,
                                         autoHide: false,
@@ -339,6 +351,10 @@
                             <!-- Author-->
                             <p 
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: item.author_name != undefined ? item.author_name : '',
                                         html: false,
                                         autoHide: false,
@@ -350,6 +366,10 @@
                             <!-- Creation Date-->
                             <p 
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: item.creation_date != undefined ? item.creation_date : '',
                                         html: false,
                                         autoHide: false,
@@ -399,6 +419,10 @@
                             :style="{ 'padding-left': !collectionId ? '1.5rem !important' : '2.75rem' }">
                         <p 
                                 v-tooltip="{
+                                    delay: {
+                                        show: 500,
+                                        hide: 300,
+                                    },
                                     content: item.metadata != undefined ? renderMetadata(item.metadata, column) : '',
                                     html: true,
                                     autoHide: false,
@@ -411,6 +435,10 @@
                                 v-html="item.metadata != undefined ? renderMetadata(item.metadata, column) : ''" />  
                         <p 
                                 v-tooltip="{
+                                    delay: {
+                                        show: 500,
+                                        hide: 300,
+                                    },
                                     content: item.title != undefined ? item.title : '',
                                     html: true,
                                     autoHide: false,
@@ -568,6 +596,10 @@
 
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: item.title != undefined && item.title != '' ? item.title : `<span class='has-text-gray is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`,
                                         html: true,
                                         autoHide: false,
@@ -579,6 +611,10 @@
                                     v-html="(item.title != undefined && item.title != '') ? item.title : `<span class='has-text-gray is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`"/>
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: item.description != undefined && item.description != '' ? item.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`,
                                         html: true,
                                         autoHide: false,
@@ -590,6 +626,10 @@
                                     v-html="(item.description != undefined && item.description) != '' ? item.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`"/>
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: renderMetadata(item.metadata, column) != '' ? renderMetadata(item.metadata, column) : `<span class='has-text-gray is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`,
                                         html: true,
                                         autoHide: false,
@@ -611,6 +651,10 @@
                             </span> 
                             <p 
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: item[column.slug],
                                         html: true,
                                         autoHide: false,
diff --git a/src/admin/components/lists/processes-list.vue b/src/admin/components/lists/processes-list.vue
index fc51164ec..4e1238f3d 100644
--- a/src/admin/components/lists/processes-list.vue
+++ b/src/admin/components/lists/processes-list.vue
@@ -95,6 +95,10 @@
                                 :aria-label="$i18n.get('label_name') + ': ' + bgProcess.name">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: bgProcess.name ? bgProcess.name : $i18n.get('label_unamed_process'),
                                         autoHide: false,
                                         placement: 'auto-start'
@@ -108,6 +112,10 @@
                                 :aria-label="$i18n.get('label_progress') + ': ' + bgProcess.progress_label ? bgProcess.progress_label + (bgProcess.progress_value ? ' (' + bgProcess.progress_value + '%)' : '') : $i18n.get('label_no_details_of_process')">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: bgProcess.progress_label ? bgProcess.progress_label : $i18n.get('label_no_details_of_process'),
                                         autoHide: false,
                                         placement: 'auto-start'
@@ -123,6 +131,10 @@
                                 :aria-label="$i18n.get('label_output') + ': ' + (bgProcess.output ? bgProcess.output : $i18n.get('label_no_output_info'))">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         html: true,
                                         content: bgProcess.output ? bgProcess.output : $i18n.get('label_no_output_info'),
                                         autoHide: false,
@@ -137,6 +149,10 @@
                                 :aria-label="$i18n.get('label_queued_on') + ' ' + getDate(bgProcess.queued_on)">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: getDate(bgProcess.queued_on),
                                         autoHide: false,
                                         placement: 'auto-start'
@@ -150,6 +166,10 @@
                                 :aria-label="$i18n.get('label_last_processed_on') + ' ' + getDate(bgProcess.processed_last)">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: getDate(bgProcess.processed_last),
                                         autoHide: false,
                                         placement: 'auto-start'
@@ -185,6 +205,10 @@
                                 </span>
                                 <span 
                                         v-tooltip="{
+                                            delay: {
+                                                show: 500,
+                                                hide: 300,
+                                            },
                                             content: $i18n.get('label_stop_process'),
                                             autoHide: false,
                                             placement: 'auto-start'
@@ -196,6 +220,10 @@
                                 </span>
                                 <span 
                                         v-tooltip="{
+                                            delay: {
+                                                show: 500,
+                                                hide: 300,
+                                            },
                                             content: $i18n.get('label_process_completed'),
                                             autoHide: false,
                                             placement: 'auto-start'
@@ -206,6 +234,10 @@
                                 </span>
                                 <span
                                         v-tooltip="{
+                                            delay: {
+                                                show: 500,
+                                                hide: 300,
+                                            },
                                             content: $i18n.get('label_process_completed_with_errors'),
                                             autoHide: false,
                                             placement: 'auto-start'
@@ -219,6 +251,10 @@
                                 </span>
                                 <span
                                         v-tooltip="{
+                                            delay: {
+                                                show: 500,
+                                                hide: 300,
+                                            },
                                             content: $i18n.get('label_process_cancelled'),
                                             autoHide: false,
                                             placement: 'auto-start'
@@ -229,6 +265,10 @@
                                 </span>
                                 <span
                                         v-tooltip="{
+                                            delay: {
+                                                show: 500,
+                                                hide: 300,
+                                            },
                                             content: $i18n.get('label_process_paused'),
                                             autoHide: false,
                                             placement: 'auto-start'
@@ -239,6 +279,10 @@
                                 </span>
                                 <span 
                                         v-tooltip="{
+                                            delay: {
+                                                show: 500,
+                                                hide: 300,
+                                            },
                                             content: $i18n.get('label_process_failed'),
                                             autoHide: false,
                                             placement: 'auto-start'
diff --git a/src/admin/components/lists/taxonomies-list.vue b/src/admin/components/lists/taxonomies-list.vue
index 0b494ede0..b672ea9e1 100644
--- a/src/admin/components/lists/taxonomies-list.vue
+++ b/src/admin/components/lists/taxonomies-list.vue
@@ -82,6 +82,10 @@
                                 :aria-label="$i18n.get('label_name') + ': ' + taxonomy.name">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: taxonomy.name,
                                         autoHide: false,
                                         placement: 'auto-start'
@@ -96,6 +100,10 @@
                                 :aria-label="$i18n.get('label_description') + ': ' + taxonomy.description != undefined && taxonomy.description != '' ? taxonomy.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_description_not_informed') + `</span>`">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: taxonomy.description != undefined && taxonomy.description != '' ? taxonomy.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_description_not_informed') + `</span>`,
                                         autoHide: false,
                                         placement: 'auto-start'
diff --git a/src/admin/components/navigation/tainacan-repository-subheader.vue b/src/admin/components/navigation/tainacan-repository-subheader.vue
index d0bd7ce87..48dfa4596 100644
--- a/src/admin/components/navigation/tainacan-repository-subheader.vue
+++ b/src/admin/components/navigation/tainacan-repository-subheader.vue
@@ -9,6 +9,10 @@
         <ul class="repository-subheader-icons">
             <li
                     v-tooltip="{
+                            delay: {
+                                show: 500,
+                                hide: 300,
+                            },
                             content: $i18n.get('exporters'),
                             autoHide: false,
                             placement: 'bottom-start',
@@ -26,6 +30,10 @@
             </li>
             <li     
                     v-tooltip="{
+                            delay: {
+                                show: 500,
+                                hide: 300,
+                            },
                             content: $i18n.get('label_view_collection'),
                             autoHide: false,
                             placement: 'bottom-end',
diff --git a/src/admin/components/other/exposers-modal.vue b/src/admin/components/other/exposers-modal.vue
index 98763d69f..ceb811f03 100644
--- a/src/admin/components/other/exposers-modal.vue
+++ b/src/admin/components/other/exposers-modal.vue
@@ -31,6 +31,10 @@
                         <span class="exposer-item-actions">
                             <a 
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: $i18n.get('label_copy_link_url'),
                                         autoHide: false,
                                         placement: 'bottom'
@@ -60,6 +64,10 @@
                             </div>
                             <a 
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: $i18n.get('label_open_externally'),
                                         autoHide: false,
                                         placement: 'bottom'
@@ -103,6 +111,10 @@
                             </span>
                             <label 
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: selectedExposer.name + (exposerMapper.name != undefined ? ': ' + exposerMapper.name + ' ' + $i18n.get('label_mapper') : ''),
                                         autoHide: false,
                                         placement: 'auto-end'
@@ -136,6 +148,10 @@
                                         
                                         <a 
                                                 v-tooltip="{
+                                                    delay: {
+                                                        show: 500,
+                                                        hide: 300,
+                                                    },
                                                     content: $i18n.get('label_copy_link_url'),
                                                     autoHide: false,
                                                     placement: 'bottom'
@@ -165,6 +181,10 @@
                                         <a 
                                                 :download="(collectionId != undefined ? collectionName : $i18n.get('repository')) + ' ' + $i18n.get('items') + ' ' + $i18n.get('label_page') + ' ' + pagedLink"
                                                 v-tooltip="{
+                                                    delay: {
+                                                        show: 500,
+                                                        hide: 300,
+                                                    },
                                                     content: $i18n.get('label_open_externally'),
                                                     autoHide: false,
                                                     placement: 'bottom'
diff --git a/src/admin/components/search/filters-items-list.vue b/src/admin/components/search/filters-items-list.vue
index 825a72117..6145b0334 100644
--- a/src/admin/components/search/filters-items-list.vue
+++ b/src/admin/components/search/filters-items-list.vue
@@ -7,6 +7,10 @@
                     v-for="(taxonomyFilter, key, index) of taxonomyFilters">
                 <div 
                         v-tooltip="{
+                            delay: {
+                                show: 500,
+                                hide: 300,
+                            },
                             content: $i18n.get('label_filters_from') + ' ' + taxonomyFiltersCollectionNames[key] + ': ',
                             autoHide: false,
                             placement: 'auto-start'
@@ -46,6 +50,10 @@
                     v-for="(taxonomyFilter, key, index) of taxonomyFilters">
                 <div 
                         v-tooltip="{
+                            delay: {
+                                show: 500,
+                                hide: 300,
+                            },
                             content: $i18n.get('label_filters_from') + ' ' + taxonomyFiltersCollectionNames[key] + ': ',
                             autoHide: false,
                             placement: 'auto-start'
diff --git a/src/admin/pages/lists/items-page.vue b/src/admin/pages/lists/items-page.vue
index 3f42a0788..7b4bf5d39 100644
--- a/src/admin/pages/lists/items-page.vue
+++ b/src/admin/pages/lists/items-page.vue
@@ -15,6 +15,10 @@
         <!-- Filter menu compress button -->
         <button
                 v-tooltip="{
+                    delay: {
+                        show: 500,
+                        hide: 300,
+                    },
                     content: isFiltersMenuCompressed ? $i18n.get('label_show_filters') : $i18n.get('label_hide_filters'),
                     autoHide: false,
                     placement: 'auto-start'
@@ -204,6 +208,10 @@
                         class="search-control-item">
                     <b-dropdown
                             v-tooltip="{
+                                delay: {
+                                    show: 500,
+                                    hide: 300,
+                                },
                                 content: (totalItems <= 0 || adminViewMode == 'grid'|| adminViewMode == 'cards' || adminViewMode == 'masonry') ? (adminViewMode == 'grid'|| adminViewMode == 'cards' || adminViewMode == 'masonry') ? $i18n.get('info_current_view_mode_metadata_not_allowed') : $i18n.get('info_cant_select_metadata_without_items') : '',
                                 autoHide: false,
                                 placement: 'auto-start'
diff --git a/src/admin/pages/lists/term-items-page.vue b/src/admin/pages/lists/term-items-page.vue
index 1d6068a4d..8d2dc1ec1 100644
--- a/src/admin/pages/lists/term-items-page.vue
+++ b/src/admin/pages/lists/term-items-page.vue
@@ -15,6 +15,10 @@
         <!-- Filter menu compress button -->
         <button
                 v-tooltip="{
+                    delay: {
+                        show: 500,
+                        hide: 300,
+                    },
                     content: isFiltersMenuCompressed ? $i18n.get('label_show_filters') : $i18n.get('label_hide_filters'),
                     autoHide: false,
                     placement: 'auto-start'
diff --git a/src/admin/tainacan-admin-i18n.php b/src/admin/tainacan-admin-i18n.php
index c262a047a..99bcf086d 100644
--- a/src/admin/tainacan-admin-i18n.php
+++ b/src/admin/tainacan-admin-i18n.php
@@ -352,8 +352,9 @@ return apply_filters( 'tainacan-admin-i18n', [
 	'label_items_list_on_website'                 	 => __( 'Items list on website', 'tainacan' ),
 	'label_copy_link_url'		                 	 => __( 'Copy link URL', 'tainacan' ),
 	'label_open_externally'		                 	 => __( 'Open externally', 'tainacan' ),
-	'label_no_output_info'			                 	 => __( 'No output info', 'tainacan' ),
+	'label_no_output_info'			                 => __( 'No output info', 'tainacan' ),
 	'label_output'			                 	 	 => __( 'Output', 'tainacan' ),
+	'label_no_mapping'			                 	 => __( 'No mapping', 'tainacan' ),
 
 	// Instructions. More complex sentences to guide user and placeholders
 	'instruction_delete_selected_collections'        => __( 'Delete selected collections', 'tainacan' ),
diff --git a/src/classes/filter-types/tainacan-filter-item.vue b/src/classes/filter-types/tainacan-filter-item.vue
index ac6ad61aa..93aab2b31 100644
--- a/src/classes/filter-types/tainacan-filter-item.vue
+++ b/src/classes/filter-types/tainacan-filter-item.vue
@@ -9,11 +9,15 @@
                 animation="filter-item">
             <label
                     v-tooltip="{
-                                    content: filter.name,
-                                    html: false,
-                                    autoHide: false,
-                                    placement: 'top-start'
-                                }"
+                        delay: {
+                            show: 500,
+                            hide: 300,
+                        },
+                        content: filter.name,
+                        html: false,
+                        autoHide: false,
+                        placement: 'top-start'
+                    }"
                     class="label"
                     slot="trigger"
                     slot-scope="props">
diff --git a/src/classes/metadata-types/tainacan-form-item.vue b/src/classes/metadata-types/tainacan-form-item.vue
index 2177d2caa..ac046fa4e 100644
--- a/src/classes/metadata-types/tainacan-form-item.vue
+++ b/src/classes/metadata-types/tainacan-form-item.vue
@@ -13,6 +13,10 @@
             </span>
             <label 
                     v-tooltip="{
+                        delay: {
+                            show: 500,
+                            hide: 300,
+                        },
                         content: metadatum.metadatum.name,
                         autoHide: false,
                         placement: 'auto-end'
diff --git a/src/theme-helper/view-mode-cards.vue b/src/theme-helper/view-mode-cards.vue
index 78967c4ac..558d1a527 100644
--- a/src/theme-helper/view-mode-cards.vue
+++ b/src/theme-helper/view-mode-cards.vue
@@ -40,6 +40,10 @@
                     <div class="metadata-title">
                         <p 
                                 v-tooltip="{
+                                    delay: {
+                                        show: 500,
+                                        hide: 300,
+                                    },
                                     content: item.title != undefined ? item.title : '',
                                     html: true,
                                     autoHide: false,
@@ -63,6 +67,10 @@
                            <!-- Description -->
                             <p 
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: item.description != undefined && item.description != '' ? item.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_description_not_informed') + `</span>`,
                                         html: true,
                                         autoHide: false,
@@ -74,6 +82,10 @@
                             <!-- Author and Creation Date-->
 <!--                            <p 
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: column.metadatum == 'row_author' || column.metadatum == 'row_creation',
                                         html: false,
                                         autoHide: false,
diff --git a/src/theme-helper/view-mode-records.vue b/src/theme-helper/view-mode-records.vue
index bbe29b166..1adedd8e2 100644
--- a/src/theme-helper/view-mode-records.vue
+++ b/src/theme-helper/view-mode-records.vue
@@ -44,6 +44,10 @@
                         <!-- Title -->           
                         <p 
                                 v-tooltip="{
+                                    delay: {
+                                        show: 500,
+                                        hide: 300,
+                                    },
                                     content: item.metadata != undefined ? renderMetadata(item.metadata, column) : '',
                                     html: true,
                                     autoHide: false,
@@ -56,6 +60,10 @@
                                 v-html="item.metadata != undefined ? renderMetadata(item.metadata, column) : ''" />                             
                         <p 
                                 v-tooltip="{
+                                    delay: {
+                                        show: 500,
+                                        hide: 300,
+                                    },
                                     content: item.title != undefined ? item.title : '',
                                     html: true,
                                     autoHide: false,
diff --git a/src/theme-helper/view-mode-slideshow.vue b/src/theme-helper/view-mode-slideshow.vue
index a3bc6636d..7fe11d055 100644
--- a/src/theme-helper/view-mode-slideshow.vue
+++ b/src/theme-helper/view-mode-slideshow.vue
@@ -4,6 +4,10 @@
         <!-- CLOSE BUTTON -->
         <button
                 v-tooltip="{
+                    delay: {
+                        show: 500,
+                        hide: 300,
+                    },
                     content: $i18n.get('close'),
                     autoHide: false,
                     placement: 'auto-start'
@@ -19,6 +23,10 @@
         <!-- METADATA LIST -->
         <button
                 v-tooltip="{
+                    delay: {
+                        show: 500,
+                        hide: 300,
+                    },
                     content: isMetadataCompressed ? $i18n.get('label_show_metadata') : $i18n.get('label_hide_metadata'),
                     autoHide: false,
                     placement: 'auto-start'
@@ -86,6 +94,10 @@
                         </span>
                         <span 
                                 v-tooltip="{
+                                    delay: {
+                                        show: 500,
+                                        hide: 300,
+                                    },
                                     content: metadatum.name,
                                     autoHide: false,
                                     placement: 'auto-start'
diff --git a/src/theme-helper/view-mode-table.vue b/src/theme-helper/view-mode-table.vue
index 0207777fe..5bd7c8cc4 100644
--- a/src/theme-helper/view-mode-table.vue
+++ b/src/theme-helper/view-mode-table.vue
@@ -108,6 +108,10 @@
                             <a :href="item.url">
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: item.title != undefined && item.title != '' ? item.title : `<span class='has-text-gray is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`,
                                         html: true,
                                         autoHide: false,
@@ -119,6 +123,10 @@
                                     v-html="item.title != undefined && item.title != '' ? item.title : `<span class='has-text-gray is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`"/>
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: item.description != undefined && item.description != '' ? item.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`,
                                         html: true,
                                         autoHide: false,
@@ -130,6 +138,10 @@
                                     v-html="item.description != undefined && item.description != '' ? item.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`"/>
                             <p
                                     v-tooltip="{
+                                        delay: {
+                                            show: 500,
+                                            hide: 300,
+                                        },
                                         content: renderMetadata(item.metadata, column) != '' ? renderMetadata(item.metadata, column) : `<span class='has-text-gray is-italic'>` + $i18n.get('label_value_not_informed') + `</span>`,
                                         html: true,
                                         autoHide: false,