tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Hides empty option on mapping selector when exporter does not allow not hiang a mapper. Adds a elay before showing and disappearing tooltips.

This commit is contained in:
Mateus Machado Luna 2018-12-17 16:37:44 -02:00
parent 56c9a02503
commit c9d7180f6f
19 changed files with 283 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/admin/components/edition/exporter-edition-form.vue
View File

@ -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>

4
src/admin/components/edition/item-bulk-edition-form.vue
View File

@ -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'

40
src/admin/components/lists/activities-list.vue
View File

@ -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 -->

20
src/admin/components/lists/collections-list.vue
View File

@ -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'

44
src/admin/components/lists/items-list.vue
View File

@ -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,

44
src/admin/components/lists/processes-list.vue
View File

@ -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'

8
src/admin/components/lists/taxonomies-list.vue
View File

@ -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'

8
src/admin/components/navigation/tainacan-repository-subheader.vue
View File

@ -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',

20
src/admin/components/other/exposers-modal.vue
View File

@ -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'

8
src/admin/components/search/filters-items-list.vue
View File

@ -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'

8
src/admin/pages/lists/items-page.vue
View File

@ -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'

4
src/admin/pages/lists/term-items-page.vue
View File

@ -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'

3
src/admin/tainacan-admin-i18n.php
View File

@ -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' ),

14
src/classes/filter-types/tainacan-filter-item.vue
View File

@ -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">

4
src/classes/metadata-types/tainacan-form-item.vue
View File

@ -13,6 +13,10 @@
</span>
<label
v-tooltip="{
delay: {
show: 500,
hide: 300,
},
content: metadatum.metadatum.name,
autoHide: false,
placement: 'auto-end'

12
src/theme-helper/view-mode-cards.vue
View File

@ -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,

8
src/theme-helper/view-mode-records.vue
View File

@ -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,

12
src/theme-helper/view-mode-slideshow.vue
View File

@ -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'

12
src/theme-helper/view-mode-table.vue
View File

@ -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,