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

Adds popperClasses to EVERY v-tooltip to proper style new version. #649

This commit is contained in:
mateuswetah 2022-02-10 17:34:48 -03:00
parent aa124f3d14
commit 0f387a38fe
44 changed files with 299 additions and 145 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/admin/admin.vue
View File

@ -53,6 +53,7 @@
import TainacanRepositorySubheader from './components/navigation/tainacan-repository-subheader.vue';
import CustomDialog from './components/other/custom-dialog.vue';
import 'swiper/css/swiper.min.css';
import "floating-vue/dist/style.css";
export default {
name: "AdminPage",

21
src/views/admin/components/edition/collection-edition-form.vue
View File

@ -74,7 +74,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
@ -89,7 +90,8 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>
@ -146,7 +148,8 @@
v-tooltip="{
content: $i18n.get('remove_value'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon is-small">
<i class="tainacan-icon tainacan-icon-close"/>
@ -164,7 +167,8 @@
v-tooltip="{
content: $i18n.get('see'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon is-small">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-see"/>
@ -178,7 +182,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon is-small">
<i class="tainacan-icon tainacan-icon-edit"/>
@ -401,7 +406,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
@ -416,7 +422,8 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>

6
src/views/admin/components/edition/filter-edition-form.vue
View File

@ -122,7 +122,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-edit has-text-secondary"/>
@ -144,7 +145,8 @@
v-tooltip="{
content: $i18n.get('close'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-close has-text-secondary"/>

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

@ -116,7 +116,8 @@
},
content: $i18n.get('label_document_uploaded'),
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-approvedcircle" />
</span>
@ -132,7 +133,8 @@
},
content: $i18n.get('label_button_delete_document'),
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon has-text-secondary action-icon"
@click="deleteOneItem(item.id, index)">

27
src/views/admin/components/edition/item-edition-form.vue
View File

@ -434,7 +434,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
@ -450,7 +451,8 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>
@ -470,7 +472,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
@ -486,7 +489,8 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>
@ -507,7 +511,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
@ -523,7 +528,8 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>
@ -613,7 +619,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-edit"/>
@ -629,7 +636,8 @@
v-tooltip="{
content: $i18n.get('label_thumbnail_alt'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-text"/>
@ -645,7 +653,8 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-delete"/>

6
src/views/admin/components/filter-types/numeric-interval/FormNumericInterval.vue
View File

@ -36,7 +36,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-edit has-text-secondary"/>
@ -59,7 +60,8 @@
v-tooltip="{
content: $i18n.get('close'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-close has-text-secondary"/>

6
src/views/admin/components/filter-types/numeric/FormNumeric.vue
View File

@ -36,7 +36,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-edit has-text-secondary"/>
@ -59,7 +60,8 @@
v-tooltip="{
content: $i18n.get('close'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-close has-text-secondary"/>

3
src/views/admin/components/filter-types/tainacan-filter-item.vue
View File

@ -18,7 +18,8 @@
content: filter.name,
html: false,
autoHide: false,
placement: 'top-start'
placement: 'top-start',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
:id="'filter-label-id-' + filter.id"
:aria-label="filter.name"

3
src/views/admin/components/lists/attachments-list.vue
View File

@ -26,7 +26,8 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>

6
src/views/admin/components/lists/basic-term-item.vue
View File

@ -29,7 +29,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
@ -40,7 +41,8 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>

9
src/views/admin/components/lists/collections-home-list.vue
View File

@ -26,7 +26,8 @@
v-tooltip="{
content: $i18n.get('label_collection_items'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-items"/>
@ -43,7 +44,8 @@
v-tooltip="{
content: $i18n.get('label_collection_metadata'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-metadata"/>
@ -60,7 +62,8 @@
v-tooltip="{
content: $i18n.get('label_collection_filters'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon is-medium">
<i class="tainacan-icon tainacan-icon-36px tainacan-icon-filters"/>

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

@ -205,7 +205,8 @@
content: item.title != undefined ? item.title : '',
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
@click.left="onClickItem($event, item)"
@click.right="onRightClickItem($event, item)">
@ -257,7 +258,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
@ -271,7 +273,8 @@
v-tooltip="{
content: $i18n.get('label_recover_from_trash'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
@ -286,7 +289,8 @@
v-tooltip="{
content: isOnTrash ? $i18n.get('label_delete_permanently') : $i18n.get('delete'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i
@ -398,7 +402,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
@ -412,7 +417,8 @@
v-tooltip="{
content: $i18n.get('label_recover_from_trash'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
@ -427,7 +433,8 @@
v-tooltip="{
content: isOnTrash ? $i18n.get('label_delete_permanently') : $i18n.get('delete'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i
@ -485,7 +492,8 @@
content: item.title != undefined ? item.title : '',
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
@click.left="onClickItem($event, item)"
@click.right="onRightClickItem($event, item)">
@ -520,7 +528,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
@ -534,7 +543,8 @@
v-tooltip="{
content: $i18n.get('label_recover_from_trash'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
@ -549,7 +559,8 @@
v-tooltip="{
content: isOnTrash ? $i18n.get('label_delete_permanently') : $i18n.get('delete'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i
@ -591,7 +602,8 @@
content: item.description != undefined && item.description != '' ? item.description : `<span class='has-text-gray3 is-italic'>` + $i18n.get('label_description_not_provided') + `</span>`,
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="metadata-description"
v-html="item.description != undefined && item.description != '' ? getLimitedDescription(item.description) : `<span class='has-text-gray3 is-italic'>` + $i18n.get('label_description_not_provided') + `</span>`" />
@ -605,7 +617,8 @@
content: item.author_name != undefined ? item.author_name : '',
html: false,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="metadata-author-creation">
{{ $i18n.get('info_created_by') + ' ' + (item.author_name != undefined ? item.author_name : '') }}
@ -620,7 +633,8 @@
content: item.creation_date != undefined ? parseDateToNavigatorLanguage(item.creation_date) : '',
html: false,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="metadata-author-creation">
{{ $i18n.get('info_date') + ' ' + (item.creation_date != undefined ? parseDateToNavigatorLanguage(item.creation_date) : '') }}
@ -701,7 +715,8 @@
content: item.metadata != undefined ? renderMetadata(item.metadata, column) : '',
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
v-for="(column, columnIndex) in displayedMetadata"
:key="columnIndex"
@ -718,7 +733,8 @@
content: item.title != undefined ? item.title : '',
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
v-for="(column, columnIndex) in displayedMetadata"
:key="columnIndex"
@ -741,7 +757,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
@ -755,7 +772,8 @@
v-tooltip="{
content: $i18n.get('label_recover_from_trash'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
@ -770,7 +788,8 @@
v-tooltip="{
content: isOnTrash ? $i18n.get('label_delete_permanently') : $i18n.get('delete'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i
@ -986,7 +1005,7 @@
shown: 500,
hide: 300,
},
popperClass: [ 'tainacan-tooltip', 'tooltip', column.metadata_type_object != undefined && column.metadata_type_object.component == 'tainacan-textarea' ? 'metadata-type-textarea' : '' ],
popperClass: [ 'tainacan-tooltip', 'tooltip', column.metadata_type_object != undefined && column.metadata_type_object.component == 'tainacan-textarea' ? 'metadata-type-textarea' : '', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
content: renderMetadata(item.metadata, column) != '' ? renderMetadata(item.metadata, column) : `<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`,
html: true,
autoHide: false,
@ -1077,7 +1096,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
@ -1091,7 +1111,8 @@
v-tooltip="{
content: $i18n.get('label_recover_from_trash'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
@ -1106,7 +1127,8 @@
v-tooltip="{
content: isOnTrash ? $i18n.get('label_delete_permanently') : $i18n.get('delete'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i
@ -1187,7 +1209,8 @@
content: item.metadata != undefined ? renderMetadata(item.metadata, column) : '',
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
@click.left="onClickItem($event, item)"
@click.right="onRightClickItem($event, item)"
@ -1211,7 +1234,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
@ -1225,7 +1249,8 @@
v-tooltip="{
content: $i18n.get('label_recover_from_trash'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-undo"/>
@ -1240,7 +1265,8 @@
v-tooltip="{
content: isOnTrash ? $i18n.get('label_delete_permanently') : $i18n.get('delete'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i

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

@ -78,7 +78,8 @@
hide: 300,
},
content: bgProcess.name ? bgProcess.name : $i18n.get('label_unnamed_process'),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}">
{{ bgProcess.name ? bgProcess.name : $i18n.get('label_unnamed_process') }}</p>
@ -95,7 +96,8 @@
hide: 300,
},
content: bgProcess.progress_label ? bgProcess.progress_label : $i18n.get('label_no_details_of_process'),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}">
<span :class="{'occluding-content': bgProcess.progress_value }"><span class="has-text-weight-bold">{{ $i18n.get('label_progress') + " " }}</span>{{ bgProcess.progress_label ? bgProcess.progress_label : $i18n.get('label_no_details_of_process') }}</span>
@ -114,7 +116,8 @@
hide: 300,
},
content: getDate(bgProcess.queued_on),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}">
<span class="has-text-weight-bold">{{ $i18n.get('label_queued_on') + " " }}</span>{{ getDate(bgProcess.queued_on) }}</p>
@ -137,7 +140,8 @@
hide: 300,
},
content: $i18n.get('label_stop_process'),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}"
v-if=" bgProcess.status === 'running' "
@ -152,7 +156,8 @@
hide: 300,
},
content: $i18n.get('label_process_completed'),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}"
v-if=" ( bgProcess.status === 'finished' && !bgProcess.error_log ) || bgProcess.status === null"
@ -166,7 +171,8 @@
hide: 300,
},
content: $i18n.get('label_process_completed_with_errors'),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}"
v-if=" bgProcess.status === 'finished-errors' || ( bgProcess.done > 0 && bgProcess.error_log && bgProcess.status === 'finished' ) "
@ -180,7 +186,8 @@
hide: 300,
},
content: $i18n.get('label_process_cancelled'),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}"
v-if=" bgProcess.status === 'cancelled' "
@ -194,7 +201,8 @@
hide: 300,
},
content: $i18n.get('label_process_paused'),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}"
v-if=" bgProcess.status === 'paused' "
@ -208,7 +216,8 @@
hide: 300,
},
content: $i18n.get('label_process_waiting'),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}"
v-if=" bgProcess.status === 'waiting' "
@ -222,7 +231,8 @@
hide: 300,
},
content: $i18n.get('label_delete_process'),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}"
v-if=" bgProcess.status === 'waiting' "
@ -237,7 +247,8 @@
hide: 300,
},
content: $i18n.get('label_process_failed'),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}"
v-if="bgProcess.status === 'errored'"
@ -300,7 +311,8 @@
hide: 300,
},
content: getDate(bgProcess.processed_last),
autoHide: false, popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}">
<span class="has-text-weight-bold">{{ $i18n.get('label_last_processed_on') + " " }}</span>{{ getDate(bgProcess.processed_last) }}</p>

9
src/views/admin/components/lists/related-items-list.vue
View File

@ -66,7 +66,8 @@
v-tooltip="{
content: $i18n.get('status_' + relatedItem.status),
autoHide: true,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}">
<i
class="tainacan-icon tainacan-icon-1em"
@ -98,7 +99,8 @@
content: relatedItem.title != undefined && relatedItem.title != '' ? relatedItem.title : `<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`,
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
v-html="(relatedItem.title != undefined && relatedItem.title != '') ? relatedItem.title : `<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`"/>
</div>
@ -120,7 +122,8 @@
},
content: $i18n.get('edit'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="has-text-secondary tainacan-icon tainacan-icon-1-25em tainacan-icon-edit" />

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

@ -123,6 +123,7 @@
},
content: taxonomy.name,
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}">
{{ taxonomy.name }}</p>
@ -141,6 +142,7 @@
},
content: taxonomy.description != undefined && taxonomy.description != '' ? taxonomy.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_description_not_provided') + `</span>`,
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}"
v-html="(taxonomy.description != undefined && taxonomy.description != '') ? taxonomy.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_description_not_provided') + `</span>`" />
@ -160,6 +162,7 @@
},
content: (taxonomy.collections != undefined && taxonomy.collections.length != undefined && taxonomy.collections.length > 0) ? renderListOfCollections(taxonomy.collections, taxonomy.metadata_by_collection) : $i18n.get('label_no_collections_using_taxonomy'),
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
placement: 'auto-start'
}"
v-html="(taxonomy.collections != undefined && taxonomy.collections.length != undefined && taxonomy.collections.length > 0) ? renderListOfCollections(taxonomy.collections, taxonomy.metadata_by_collection) : $i18n.get('label_no_collections_using_taxonomy')" />

6
src/views/admin/components/metadata-types/numeric/FormNumeric.vue
View File

@ -36,7 +36,8 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-edit has-text-secondary"/>
@ -59,7 +60,8 @@
v-tooltip="{
content: $i18n.get('close'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-close has-text-secondary"/>

6
src/views/admin/components/modals/bulk-edition-modal.vue
View File

@ -221,7 +221,8 @@
v-tooltip="{
content: $i18n.get('remove_bulk_edit'),
autoHide: true,
placement: 'auto-end'
placement: 'auto-end',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="has-text-gray4 tainacan-icon tainacan-icon-1-25em tainacan-icon-cancel"/>
@ -259,7 +260,8 @@
v-tooltip="{
content: $i18n.get('label_apply_changes'),
autoHide: true,
placement: 'auto-end'
placement: 'auto-end',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i class="has-text-gray4 tainacan-icon tainacan-icon-1-25em tainacan-icon-play"/>

18
src/views/admin/components/modals/exposers-modal.vue
View File

@ -46,7 +46,8 @@
},
content: $i18n.get('label_copy_link_url'),
autoHide: false,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
target="_blank"
@click="siteLinkCopied = true; copyTextToClipboard(itemURL ? itemURL : collectionURL)">
@ -79,7 +80,8 @@
},
content: $i18n.get('label_open_externally'),
autoHide: false,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
target="_blank"
:href="itemURL ? itemURL : collectionURL">
@ -116,7 +118,8 @@
v-tooltip="{
content: $i18n.get('info_expose_only_displayed_metadata'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
v-model="shouldRespectFetchOnly">{{ $i18n.get('label_expose_only_displayed_metadata') }}</b-checkbox>
</div>
@ -142,7 +145,8 @@
},
content: selectedExposer.name + (exposerMapper.name != undefined ? ': ' + exposerMapper.name + ' ' + $i18n.get('label_mapper') : ''),
autoHide: false,
placement: 'auto-end'
placement: 'auto-end',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="label">
{{ selectedExposer.name + (exposerMapper.name != undefined ? ": " + exposerMapper.name + " " + $i18n.get('label_mapper') : '') }}
@ -172,7 +176,8 @@
},
content: $i18n.get('label_copy_link_url'),
autoHide: false,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
@click="exposerMapper.linkCopied = pagedLink; copyTextToClipboard(getExposerFullURL(pagedLink, exposerMapper))">
<span class="icon">
@ -205,7 +210,8 @@
},
content: $i18n.get('label_open_externally'),
autoHide: false,
placement: 'bottom'
placement: 'bottom',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
target="_blank"
:href="getExposerFullURL(pagedLink, exposerMapper)">

6
src/views/admin/components/navigation/tainacan-header.vue
View File

@ -14,7 +14,7 @@
content: $i18n.get('label_plugin_home_page'),
autoHide: true,
placement: 'auto',
popperClass: ['tainacan-tooltip', 'repository-header-tooltips', 'tooltip']
popperClass: ['tainacan-tooltip', 'tainacan-repository-header-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-home has-text-blue5"/>
@ -102,7 +102,7 @@
content: $i18n.get('processes'),
autoHide: true,
placement: 'auto',
popperClass: ['tainacan-tooltip', 'repository-header-tooltips', 'tooltip']
popperClass: ['tainacan-tooltip', 'tainacan-repository-header-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-processes"/>
@ -119,7 +119,7 @@
content: $i18n.get('label_wordpress_admin_page'),
autoHide: true,
placement: 'auto',
popperClass: ['tainacan-tooltip', 'repository-header-tooltips', 'tooltip']
popperClass: ['tainacan-tooltip', 'tainacan-repository-header-tooltip', 'tooltip']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-wordpress"/>

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

@ -49,12 +49,12 @@
v-tooltip="{
delay: {
shown: 500,
hide: 30000,
hide: 300,
},
content: $i18n.get('exporters'),
autoHide: false,
placement: 'bottom-start',
popperClass: ['tainacan-tooltip', 'header-tooltips', 'tooltip']
popperClass: ['tainacan-tooltip', 'tainacan-header-tooltip', 'tooltip']
}">
<a
@click="openAvailableExportersModal"
@ -75,7 +75,7 @@
content: $i18n.get('label_view_collection_on_website'),
autoHide: false,
placement: 'bottom-end',
popperClass: ['tainacan-tooltip', 'header-tooltips', 'tooltip']
popperClass: ['tainacan-tooltip', 'tainacan-header-tooltip', 'tooltip']
}">
<a
:href="collection && collection.url ? collection.url : ''"
@ -98,7 +98,7 @@
content: $i18n.get('label_view_repository'),
autoHide: false,
placement: 'bottom-end',
popperClass: [ 'tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'repository-header-tooltips' : 'header-tooltips']
popperClass: [ 'tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-header-tooltip' : 'tainacan-header-tooltip']
}">
<a
:href="repositoryURL"

3
src/views/admin/components/other/checkbox-radio-filter-input.vue
View File

@ -131,6 +131,7 @@
v-tooltip="{
content: option.label + (option.total_items != undefined ? ('(' + option.total_items + ' ' + $i18n.get('items') + ')') : ''),
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="checkbox-label-text">{{ `${ (option.label ? option.label : '') }` }}</span>
<span
@ -194,6 +195,7 @@
v-tooltip="{
content: option.label + (option.total_items != undefined ? ('(' + option.total_items + ' ' + $i18n.get('items') + ')') : ''),
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="checkbox-label-text">{{ `${option.label}` }}</span>
<span
@ -215,6 +217,7 @@
v-tooltip="{
content: option.total_children + ' ' + $i18n.get('label_children_terms'),
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip']
}"
v-else>{{ option.total_children }}</span>
<span class="icon is-pulled-right">

1
src/views/admin/components/other/checkbox-radio-metadata-input.vue
View File

@ -221,6 +221,7 @@
v-tooltip="{
content: option.total_children + ' ' + $i18n.get('label_children_terms'),
autoHide: false,
popperClass: ['tainacan-tooltip', 'tooltip']
}"
v-else>{{ option.total_children }}</span>
<span class="icon is-pulled-right">

1
src/views/admin/components/other/items-status-tabs.vue
View File

@ -29,6 +29,7 @@
content: $i18n.getWithVariables('info_%s_tab_' + statusOption.slug,[$i18n.get('items')]),
autoHide: true,
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}">
<a>
<span

3
src/views/admin/components/search/advanced-search.vue
View File

@ -140,7 +140,8 @@
v-tooltip="{
content: $i18n.get('remove_search_criterion'),
autoHide: true,
placement: 'auto-end'
placement: 'auto-end',
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-close"/>

3
src/views/admin/components/search/pagination.vue
View File

@ -20,7 +20,8 @@
v-tooltip="{
content: $i18n.get('info_items_hidden_due_sorting'),
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
style="margin-top: -3px"
class="icon has-text-warning"

17
src/views/admin/js/admin-main.js
View File

@ -75,7 +75,6 @@ import {
ThumbnailHelperPlugin,
OrderByHelperPlugin
} from './utilities';
import 'floating-vue/dist/style.css'
export default (element) => {
@ -101,6 +100,7 @@ export default (element) => {
defaultTooltipAnimated: true
});
Vue.use(VTooltip, {
popperTriggers: ['hover'],
themes: {
'taianacan-tooltip': {
'$extend': 'tooltip',
@ -114,8 +114,19 @@ export default (element) => {
autoHide: true,
html: true,
},
},
popperTriggers: ['hover']
'tainacan-repository-tooltip': {
'$extend': 'tainacan-header-tooltip',
triggers: ['hover', 'focus', 'touch'],
autoHide: true,
html: true,
},
'tainacan-repository-tooltip': {
'$extend': 'tainacan-repository-header-tooltip',
triggers: ['hover', 'focus', 'touch'],
autoHide: true,
html: true,
},
}
});
Vue.use(VueMasonry);
Vue.use(VueBlurHash);

2
src/views/admin/pages/lists/collections-page.vue
View File

@ -199,6 +199,7 @@
content: $i18n.get('info_collections_tab_all'),
autoHide: true,
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip']
}">
<a :style="{ fontWeight: 'bold', color: 'var(--tainacan-gray5) !important' }">
{{ `${$i18n.get('label_all_collections')}` }}
@ -216,6 +217,7 @@
content: $i18n.getWithVariables('info_%s_tab_' + statusOption.slug,[$i18n.get('collections')]),
autoHide: true,
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip']
}">
<a>
<span

11
src/views/admin/pages/lists/metadata-page.vue
View File

@ -316,10 +316,15 @@
<span class="metadatum-name">
{{ metadatum.name }}
<span
v-tooltip.top="{
popperClass: ['metadata-type-preview-tooltip'],
v-tooltip="{
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : '', 'metadata-type-preview-tooltip'],
content: getPreviewTemplateContent(metadatum),
html: true
html: true,
delay: {
shown: 0,
hide: 100,
},
placement: 'top',
}"
class="icon preview-help-icon has-text-secondary">
<i class="tainacan-icon tainacan-icon-help"/>

2
src/views/admin/pages/lists/taxonomies-page.vue
View File

@ -117,6 +117,7 @@
content: $i18n.get('info_taxonomies_tab_all'),
autoHide: true,
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip']
}">
<a :style="{ fontWeight: 'bold', color: 'var(--tainacan-gray5) !important' }">
{{ `${$i18n.get('label_all_taxonomies')}` }}
@ -134,6 +135,7 @@
content: $i18n.getWithVariables('info_%s_tab_' + statusOption.slug,[$i18n.get('taxonomies')]),
autoHide: true,
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip']
}">
<a>
<span

9
src/views/admin/scss/_repository-level-overrides.scss
View File

@ -141,4 +141,11 @@
border-color: transparent transparent transparent var(--tainacan-blue1) !important;
}
}
}
}
.v-popper--theme-tooltip.tainacan-repository-tooltip {
--tainacan-primary: var(--tainacan-blue1);
}
.v-popper--theme-tooltip.tainacan-repository-header-tooltip {
--tainacan-primary: var(--tainacan-blue4);
--tainacan-info-color: var(--tainacan-white);
}

26
src/views/admin/scss/_tooltips.scss
View File

@ -31,31 +31,21 @@
.v-popper__arrow-outer {
border-color: var(--tainacan-primary);
}
&.tainacan-repository-tooltip {
&.tainacan-header-tooltip {
.v-popper__inner {
background: var(--tainacan-blue1);
border: 1px solid var(--tainacan-blue2);
background: var(--tainacan-turquoise4);
color: var(--tainacan-white);
}
.v-popper__arrow-outer {
border-color: var(--tainacan-blue1);
border-color: var(--tainacan-turquoise4);
}
}
// Metadata type Preview tooltips
&.metadata-type-preview-tooltip[x-placement^="bottom"] {
top: -19px !important;
}
&.metadata-type-preview-tooltip[x-placement^="bottom"] .tooltip-inner {
max-height: initial !important;
}
&.metadata-type-preview-tooltip[x-placement^="bottom"] .tooltip-arrow {
border-width: 8px 10px 0px 10px !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-top-color: var(--tainacan-primary) !important;
top: initial !important;
bottom: -5px !important;
&.metadata-type-preview-tooltip {
overflow-x: hidden;
overflow-y: hidden;
}
.metadata-type-preview {
background: var(--tainacan-primary);

12
src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-cards.vue
View File

@ -50,7 +50,8 @@
content: item.title != undefined ? item.title : '',
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
v-html="item.title != undefined ? item.title : ''" />
<span
@ -61,7 +62,8 @@
hide: 100,
},
content: $i18n.get('label_see_on_fullscreen'),
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
@click.prevent="starSlideshowFromHere(index)"
class="icon slideshow-icon">
@ -96,7 +98,8 @@
content: item.description != undefined && item.description != '' ? item.description : `<span class='has-text-gray3 is-italic'>` + $i18n.get('label_description_not_provided') + `</span>`,
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="metadata-description"
v-html="item.description != undefined && item.description != '' ? getLimitedDescription(item.description) : `<span class='has-text-gray3 is-italic'>` + $i18n.get('label_description_not_provided') + `</span>`" />
@ -111,7 +114,8 @@
content: column.metadatum == 'row_author' || column.metadatum == 'row_creation',
html: false,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
v-for="(column, index) in displayedMetadata"
:key="index"

6
src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-list.vue
View File

@ -51,7 +51,8 @@
content: item.metadata != undefined ? renderMetadata(item, column) : '',
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
v-for="(column, metadatumIndex) in displayedMetadata"
:key="metadatumIndex"
@ -65,7 +66,8 @@
hide: 100,
},
content: $i18n.get('label_see_on_fullscreen'),
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
@click.prevent="starSlideshowFromHere(index)"
class="icon slideshow-icon">

3
src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-masonry.vue
View File

@ -57,7 +57,8 @@
hide: 100,
},
content: $i18n.get('label_see_on_fullscreen'),
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
@click.prevent="starSlideshowFromHere(index)"
class="icon slideshow-icon">

6
src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-records.vue
View File

@ -57,7 +57,8 @@
content: item.metadata != undefined ? renderMetadata(item, column) : '',
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
v-for="(column, metadatumIndex) in displayedMetadata"
:key="metadatumIndex"
@ -71,7 +72,8 @@
hide: 100,
},
content: $i18n.get('label_see_on_fullscreen'),
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
@click.prevent="starSlideshowFromHere(index)"
class="icon slideshow-icon">

27
src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-slideshow.vue
View File

@ -13,7 +13,8 @@
},
content: $i18n.get('label_slides_help'),
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
id="slides-help-button"
class="is-hidden-mobile"
@ -32,7 +33,8 @@
},
content: isMetadataCompressed ? $i18n.get('label_show_metadata') : $i18n.get('label_hide_metadata'),
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
id="metedata-panel-button"
:class="{ 'is-hidden-mobile': !isMetadataCompressed }"
@ -51,7 +53,8 @@
},
content: $i18n.get('label_item_page'),
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
id="item-page-button"
v-if="slideItems && swiper && swiper.activeIndex != undefined && slideItems[swiper.activeIndex]"
@ -71,7 +74,8 @@
},
content: $i18n.get('close'),
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
id="close-fullscren-button"
:class="{ 'is-hidden-mobile': !isMetadataCompressed }"
@ -90,7 +94,8 @@
},
content: isMetadataCompressed ? $i18n.get('label_show_metadata') : $i18n.get('label_hide_metadata'),
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
id="metadata-compress-button"
@click="isMetadataCompressed = !isMetadataCompressed">
@ -120,7 +125,8 @@
v-tooltip="{
content: $i18n.get('previous'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon is-large">
<i class="tainacan-icon tainacan-icon-48px tainacan-icon-previous"/>
@ -172,7 +178,8 @@
v-tooltip="{
content: $i18n.get('next'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon is-large has-text-turoquoise5">
<i class="tainacan-icon tainacan-icon-48px tainacan-icon-next"/>
@ -195,7 +202,8 @@
v-tooltip="{
content: isPlaying ? $i18n.get('label_pause_slide_transition') : $i18n.get('label_begin_slide_transition'),
autoHide: true,
placement: 'auto'
placement: 'auto',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="icon">
<i
@ -291,7 +299,8 @@
},
content: metadatum.name,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
class="ellipsed-text">
{{ metadatum.name }}

9
src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-table.vue
View File

@ -125,7 +125,8 @@
content: item.title != undefined && item.title != '' ? item.title : `<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`,
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
:aria-label="column.name + ': ' + (item.title != undefined && item.title != '' ? item.title : $i18n.get('label_value_not_provided'))"
v-if="!collectionId &&
@ -141,7 +142,8 @@
content: item.description != undefined && item.description != '' ? item.description : `<span class='has-text-gray3 is-italic'>` + $i18n.get('label_value_not_provided') + `</span>`,
html: true,
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
v-if="!collectionId &&
column.metadata_type_object != undefined &&
@ -191,7 +193,8 @@
hide: 100,
},
content: $i18n.get('label_see_on_fullscreen'),
placement: 'auto-start'
placement: 'auto-start',
popperClass: ['tainacan-tooltip', 'tooltip']
}"
@click.prevent="starSlideshowFromHere(index)"
class="icon slideshow-icon">

10
src/views/gutenberg-blocks/blocks/faceted-search/theme.js
View File

@ -72,7 +72,15 @@ export default (element) => {
defaultTooltipAnimated: true
});
Vue.use(VTooltip, {
defaultClass: 'tainacan-tooltip tooltip'
popperTriggers: ['hover'],
themes: {
'taianacan-tooltip': {
'$extend': 'tooltip',
triggers: ['hover', 'focus', 'touch'],
autoHide: true,
html: true,
}
}
});
Vue.use(VueMasonry);
Vue.use(VueBlurHash);

1
src/views/gutenberg-blocks/blocks/faceted-search/theme.vue
View File

@ -31,6 +31,7 @@
</template>
<script>
import "floating-vue/dist/style.css";
export default {
name: "ThemeSearch",
created() {

10
src/views/gutenberg-blocks/blocks/item-submission-form/theme.js
View File

@ -51,7 +51,15 @@ export default (element) => {
defaultTooltipAnimated: true
});
Vue.use(VTooltip, {
defaultClass: 'tainacan-tooltip tooltip'
popperTriggers: ['hover'],
themes: {
'taianacan-tooltip': {
'$extend': 'tooltip',
triggers: ['hover', 'focus', 'touch'],
autoHide: true,
html: true,
}
}
});
Vue.use(I18NPlugin);
Vue.use(UserPrefsPlugin);

1
src/views/gutenberg-blocks/blocks/item-submission-form/theme.vue
View File

@ -27,6 +27,7 @@
</template>
<script>
import "floating-vue/dist/style.css";
export default {
name: "ItemSubmission"
}

4
src/views/reports/js/reports-main.js
View File

@ -1,7 +1,6 @@
import Vue from 'vue';
import store from '../../admin/js/store/store';
import router from './reports-router';
import VTooltip from 'floating-vue';
import { Snackbar, Modal } from 'buefy';
import VueApexCharts from 'vue-apexcharts';
import cssVars from 'css-vars-ponyfill';
@ -78,9 +77,6 @@ export default (element) => {
Vue.use(I18NPlugin);
Vue.use(UserCapabilitiesPlugin);
Vue.use(StatusHelperPlugin);
Vue.use(VTooltip, {
defaultClass: 'tainacan-tooltip tooltip'
});
Vue.use(Snackbar);
Vue.use(Modal);

10
src/views/roles/js/roles-main.js
View File

@ -23,7 +23,15 @@ export default (element) => {
Vue.use(I18NPlugin);
Vue.use(VTooltip, {
defaultClass: 'tainacan-tooltip tooltip'
popperTriggers: ['hover'],
themes: {
'taianacan-tooltip': {
'$extend': 'tooltip',
triggers: ['hover', 'focus', 'touch'],
autoHide: true,
html: true,
}
}
});
Vue.use(Snackbar);
Vue.use(Modal);

1
src/views/roles/roles.vue
View File

@ -7,6 +7,7 @@
</template>
<script>
import "floating-vue/dist/style.css";
export default {
name: "RolesPage"
}