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

LOTS of tooltips added and tooltip style for repository level fixed. Ref. #.

This commit is contained in:
Mateus Machado Luna 2019-04-12 20:47:15 -03:00
parent a57e2382c5
commit db6394de2e
25 changed files with 375 additions and 134 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/admin/admin.vue
View File

@ -18,7 +18,8 @@
v-tooltip="{
content: $i18n.get('label_shrink_menu'),
autoHide: true,
placement: 'auto-end'
placement: 'auto-end',
classes: ['tooltip', 'repository-tooltip']
}"
class="icon">
<i

3
src/admin/components/edition/importer-edition-form.vue
View File

@ -93,7 +93,8 @@
v-tooltip="{
content: $i18n.get('remove_value'),
autoHide: true,
placement: 'bottom'
placement: 'bottom',
classes: ['tooltip', 'repository-tooltip'],
}"
class="icon">
<i class="tainacan-icon tainacan-icon-18px tainacan-icon-close"/>

2
src/admin/components/edition/term-edition-form.vue
View File

@ -63,6 +63,7 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'bottom'
}"
class="icon is-small">
@ -78,6 +79,7 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'bottom'
}"
class="icon is-small">

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

@ -40,6 +40,7 @@
},
content: activity.title,
autoHide: false,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}">
{{ activity.title }}
@ -59,6 +60,7 @@
},
content: activity.user_name,
autoHide: false,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-html="activity.user_name"/>
@ -77,6 +79,7 @@
},
content: activity.log_date,
autoHide: false,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-html="activity.log_date"/>

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

@ -163,6 +163,7 @@
},
content: collection.name,
autoHide: false,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}">
{{ collection.name }}</p>
@ -182,6 +183,7 @@
},
content: (collection.description != undefined && collection.description != '') ? collection.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_description_not_informed') + `</span>`,
autoHide: false,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-html="(collection.description != undefined && collection.description != '') ? collection.description : `<span class='has-text-gray is-italic'>` + $i18n.get('label_description_not_informed') + `</span>`"/>
@ -201,6 +203,7 @@
},
content: collection.creation_date,
autoHide: false,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-html="collection.creation_date" />
@ -220,6 +223,7 @@
},
content: collection.author_name,
autoHide: false,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-html="collection.author_name" />
@ -240,6 +244,7 @@
},
content: getTotalItems(collection.total_items),
autoHide: false,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-html="getTotalItems(collection.total_items)" />
@ -259,6 +264,7 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto'
}"
class="icon">
@ -274,6 +280,7 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto'
}"
class="icon">

6
src/admin/components/lists/filters-list.vue
View File

@ -61,6 +61,7 @@
v-tooltip="{
content: $i18n.get('instruction_drag_and_drop_filter_sort'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon grip-icon">
@ -70,6 +71,7 @@
v-tooltip="{
content: filter.collection_id != collectionId ? $i18n.get('label_repository_filter') : $i18n.get('label_collection_filter'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon icon-level-identifier">
@ -117,6 +119,7 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'bottom'
}"
class="icon">
@ -130,6 +133,7 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'bottom'
}"
class="icon">
@ -178,6 +182,7 @@
v-tooltip="{
content: $i18n.get('instruction_click_or_drag_filter_create'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon grip-icon">
@ -187,6 +192,7 @@
v-tooltip="{
content: isRepositoryLevel || metadatum.collection_id != collectionId ? $i18n.get('label_repository_filter') : $i18n.get('label_collection_filter'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon icon-level-identifier">

7
src/admin/components/lists/metadata-list.vue
View File

@ -65,6 +65,7 @@
v-tooltip="{
content: $i18n.get('instruction_drag_and_drop_metadatum_sort'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon grip-icon">
@ -74,6 +75,7 @@
v-tooltip="{
content: (metadatum.collection_id == 'default') || isRepositoryLevel ? $i18n.get('label_repository_filter') : $i18n.get('label_collection_filter'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon icon-level-identifier">
@ -137,6 +139,7 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon">
@ -155,6 +158,7 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon">
@ -200,6 +204,7 @@
v-tooltip="{
content: $i18n.get('instruction_click_or_drag_metadatum_create'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon grip-icon">
@ -320,6 +325,7 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon">
@ -336,6 +342,7 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon">

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

@ -76,7 +76,7 @@
hide: 300,
},
content: bgProcess.name ? bgProcess.name : $i18n.get('label_unamed_process'),
autoHide: false,
autoHide: false, classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}">
{{ bgProcess.name ? bgProcess.name : $i18n.get('label_unamed_process') }}</p>
@ -93,7 +93,7 @@
hide: 300,
},
content: bgProcess.progress_label ? bgProcess.progress_label : $i18n.get('label_no_details_of_process'),
autoHide: false,
autoHide: false, classes: ['tooltip', '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>
@ -112,7 +112,7 @@
hide: 300,
},
content: getDate(bgProcess.queued_on),
autoHide: false,
autoHide: false, classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}">
<span class="has-text-weight-bold">{{ $i18n.get('label_queued_on') + " " }}</span>{{ getDate(bgProcess.queued_on) }}</p>
@ -135,7 +135,7 @@
hide: 300,
},
content: $i18n.get('label_stop_process'),
autoHide: false,
autoHide: false, classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-if=" bgProcess.status === 'running' "
@ -150,7 +150,7 @@
hide: 300,
},
content: $i18n.get('label_process_completed'),
autoHide: false,
autoHide: false, classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-if=" ( bgProcess.status === 'finished' && !bgProcess.error_log ) || bgProcess.status === null"
@ -164,7 +164,7 @@
hide: 300,
},
content: $i18n.get('label_process_completed_with_errors'),
autoHide: false,
autoHide: false, classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-if=" bgProcess.status === 'finished-errors' || ( bgProcess.done > 0 && bgProcess.error_log && bgProcess.status === 'finished' ) "
@ -181,7 +181,7 @@
hide: 300,
},
content: $i18n.get('label_process_cancelled'),
autoHide: false,
autoHide: false, classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-if=" bgProcess.status === 'cancelled' "
@ -195,7 +195,7 @@
hide: 300,
},
content: $i18n.get('label_process_paused'),
autoHide: false,
autoHide: false, classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-if=" bgProcess.status === 'paused' "
@ -209,7 +209,7 @@
hide: 300,
},
content: $i18n.get('label_process_waiting'),
autoHide: false,
autoHide: false, classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-if=" bgProcess.status === 'waiting' "
@ -223,7 +223,7 @@
hide: 300,
},
content: $i18n.get('label_process_failed'),
autoHide: false,
autoHide: false, classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}"
v-if="bgProcess.status === 'errored'"
@ -286,7 +286,7 @@
hide: 300,
},
content: getDate(bgProcess.processed_last),
autoHide: false,
autoHide: false, classes: ['tooltip', 'repository-tooltip'],
placement: 'auto-start'
}">
<span class="has-text-weight-bold">{{ $i18n.get('label_last_processed_on') + " " }}</span>{{ getDate(bgProcess.processed_last) }}</p>

4
src/admin/components/lists/recursive-term-item.vue
View File

@ -19,6 +19,7 @@
v-tooltip="{
content: $i18n.get('label_show_children_terms'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'bottom'
}"
class="children-dropdown icon">
@ -56,6 +57,7 @@
v-tooltip="{
content: $i18n.get('label_new_child'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'bottom'
}"
class="icon">
@ -68,6 +70,7 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'bottom'
}"
class="icon">
@ -79,6 +82,7 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'bottom'
}"
class="icon">

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

@ -151,6 +151,7 @@
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'bottom'
}"
class="icon">
@ -165,6 +166,7 @@
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'bottom'
}"
class="icon">

2
src/admin/components/lists/terms-list.vue
View File

@ -19,6 +19,7 @@
v-tooltip="{
content: $i18n.get('label_sort_ascending'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'bottom'
}"
class="icon gray-icon">
@ -33,6 +34,7 @@
v-tooltip="{
content: $i18n.get('label_sort_descending'),
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'bottom'
}"
class="icon gray-icon">

8
src/admin/components/navigation/primary-menu.vue
View File

@ -19,6 +19,7 @@
offset: 4,
content: isMenuCompressed ? $i18n.getFrom('collections', 'name') : '',
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto'
}"
class="icon">
@ -37,6 +38,7 @@
offset: 4,
content: isMenuCompressed ? $i18n.getFrom('items', 'name') : '',
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto'
}"
class="icon">
@ -56,6 +58,7 @@
offset: 4,
content: isMenuCompressed ? $i18n.get('metadata') : '',
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto'
}"
class="icon">
@ -74,6 +77,7 @@
offset: 4,
content: isMenuCompressed ? $i18n.getFrom('filters', 'name') : '',
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto'
}"
class="icon">
@ -92,6 +96,7 @@
offset: 4,
content: isMenuCompressed ? $i18n.getFrom('taxonomies', 'name') : '',
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto'
}"
class="icon">
@ -110,6 +115,7 @@
offset: 4,
content: isMenuCompressed ? $i18n.get('activities') : '',
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto'
}"
class="icon">
@ -132,6 +138,7 @@
offset: 4,
content: isMenuCompressed ? $i18n.get('importers') : '',
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto'
}"
class="icon">
@ -152,6 +159,7 @@
offset: 4,
content: isMenuCompressed ? $i18n.get('exporters') : '',
autoHide: true,
classes: ['tooltip', 'repository-tooltip'],
placement: 'auto'
}"
class="icon">

170
src/admin/components/navigation/tainacan-collection-subheader.vue
View File

@ -54,94 +54,122 @@
<ul class="menu-list level-right">
<li
:class="activeRoute == 'ItemPage' || activeRoute == 'CollectionItemsPage' || activeRoute == 'ItemEditionForm' || activeRoute == 'ItemCreatePage' ? 'is-active':''"
class="level-item">
<b-tooltip
:label="$i18n.get('items')"
position="is-bottom">
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionItemsPath(id, '') }"
:aria-label="$i18n.get('label_collection_items')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/>
</span>
<!-- <span class="menu-text">{{ $i18n.get('items') }}</span> -->
</router-link>
</b-tooltip>
class="level-item"
v-tooltip="{
delay: {
show: 300,
hide: 100,
},
content: $i18n.get('items'),
autoHide: false,
placement: 'bottom-start',
classes: ['header-tooltips']
}">
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionItemsPath(id, '') }"
:aria-label="$i18n.get('label_collection_items')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-items"/>
</span>
<!-- <span class="menu-text">{{ $i18n.get('items') }}</span> -->
</router-link>
</li>
<li
v-if="currentUserCanEdit"
:class="activeRoute == 'CollectionEditionForm' ? 'is-active':''"
class="level-item">
<b-tooltip
:label="$i18n.get('label_settings')"
position="is-bottom">
<router-link
class="level-item"
v-tooltip="{
delay: {
show: 300,
hide: 100,
},
content: $i18n.get('label_settings'),
autoHide: false,
placement: 'bottom-start',
classes: ['header-tooltips']
}">
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionEditPath(id) }"
:aria-label="$i18n.get('label_settings')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-settings"/>
</span>
<!-- <span class="menu-text">{{ $i18n.get('label_settings') }}</span> -->
</router-link>
</b-tooltip>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-settings"/>
</span>
<!-- <span class="menu-text">{{ $i18n.get('label_settings') }}</span> -->
</router-link>
</li>
<li
v-if="currentUserCanEdit"
:class="activeRoute == 'MetadataList' ? 'is-active':''"
class="level-item">
<b-tooltip
:label="$i18n.getFrom('metadata', 'name')"
position="is-bottom">
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionMetadataPath(id) }"
:aria-label="$i18n.get('label_collection_metadata')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-metadata"/>
</span>
<!-- <span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span> -->
</router-link>
</b-tooltip>
class="level-item"
v-tooltip="{
delay: {
show: 300,
hide: 100,
},
content: $i18n.getFrom('metadata', 'name'),
autoHide: false,
placement: 'bottom-start',
classes: ['header-tooltips']
}">
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionMetadataPath(id) }"
:aria-label="$i18n.get('label_collection_metadata')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-metadata"/>
</span>
<!-- <span class="menu-text">{{ $i18n.getFrom('metadata', 'name') }}</span> -->
</router-link>
</li>
<li
v-if="currentUserCanEdit"
:class="activeRoute == 'FiltersList' ? 'is-active':''"
class="level-item">
<b-tooltip
animated
:label="$i18n.getFrom('filters', 'name')"
position="is-bottom">
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionFiltersPath(id) }"
:aria-label="$i18n.get('label_collection_filters')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-filters"/>
</span>
<!-- <span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span> -->
</router-link>
</b-tooltip>
class="level-item"
v-tooltip="{
delay: {
show: 300,
hide: 100,
},
content: $i18n.getFrom('filters', 'name'),
autoHide: false,
placement: 'bottom-start',
classes: ['header-tooltips']
}">
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionFiltersPath(id) }"
:aria-label="$i18n.get('label_collection_filters')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-filters"/>
</span>
<!-- <span class="menu-text">{{ $i18n.getFrom('filters', 'name') }}</span> -->
</router-link>
</li>
<li
:class="activeRoute == 'CollectionActivitiesPage' ? 'is-active':''"
class="level-item">
<b-tooltip
:label="$i18n.get('activities')"
position="is-bottom">
class="level-item"
v-tooltip="{
delay: {
show: 300,
hide: 100,
},
content: $i18n.get('activities'),
autoHide: false,
placement: 'bottom-start',
classes: ['header-tooltips']
}">
<router-link
tag="a"
:to="{ path: $routerHelper.getCollectionActivitiesPath(id) }"
:aria-label="$i18n.get('label_collection_activities')">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-activities"/>
</span>
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-activities"/>
</span>
<!-- <span class="menu-text">{{ $i18n.get('activities') }}</span> -->
</router-link>
</b-tooltip>
</router-link>
</li>
</ul>
@ -222,6 +250,18 @@ export default {
<style lang="scss" scoped>
@import "../../scss/_variables.scss";
.header-tooltips .tooltip-inner {
color: white;
text-shadow: 1px 1px $turquoise4;
background-color: $turquoise3;
font-size: 0.75rem;
font-weight: 400;
padding: 10px 14px;
}
.header-tooltips .tooltip-arrow {
border-color: $turquoise3;
}
// Tainacan Header
#tainacan-subheader {

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

@ -7,7 +7,14 @@
<router-link
tag="a"
to="/">
<span class="icon">
<span
v-tooltip="{
content: $i18n.get('label_plugin_home_page'),
autoHide: true,
placement: 'auto',
classes: ['repository-header-tooltips']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-home has-text-blue5"/>
</span>
</router-link>
@ -85,7 +92,14 @@
<button
@click="showProcesses = !showProcesses"
class="button is-small is-white level-item">
<span class="icon">
<span
v-tooltip="{
content: $i18n.get('processes'),
autoHide: true,
placement: 'auto',
classes: ['repository-header-tooltips']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-processes"/>
</span>
</button>
@ -95,7 +109,14 @@
<a
class="level-item"
:href="wordpressAdmin">
<span class="icon">
<span
v-tooltip="{
content: $i18n.get('label_wordpress_admin_page'),
autoHide: true,
placement: 'auto',
classes: ['repository-header-tooltips']
}"
class="icon">
<i class="tainacan-icon tainacan-icon-wordpress"/>
</span>
</a>
@ -163,6 +184,17 @@
@import "../../scss/_variables.scss";
.repository-header-tooltips .tooltip-inner {
color: white;
background-color: $blue3;
font-size: 0.75rem;
font-weight: 400;
padding: 10px 14px;
}
.repository-header-tooltips .tooltip-arrow {
border-color: $blue3;
}
// Tainacan Header
#tainacan-header {
background-color: white;

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

@ -60,7 +60,7 @@
content: $i18n.get('label_view_repository'),
autoHide: false,
placement: 'bottom-end',
classes: ['header-tooltips']
classes: [ isRepositoryLevel ? 'repository-header-tooltips' : 'header-tooltips']
}">
<a
:href="repositoryURL"
@ -142,10 +142,26 @@ export default {
@import "../../scss/_variables.scss";
.header-tooltips .tooltip-inner {
color: $turquoise5;
color: white;
text-shadow: 1px 1px $turquoise4;
background-color: $turquoise3;
font-size: 0.75rem;
font-weight: 400;
padding: 0.75rem;
padding: 10px 14px;
}
.header-tooltips .tooltip-arrow {
border-color: $turquoise3;
}
.repository-header-tooltips .tooltip-inner {
color: white;
background-color: $blue3;
font-size: 0.75rem;
font-weight: 400;
padding: 10px 14px;
}
.repository-header-tooltips .tooltip-arrow {
border-color: $blue3;
}
// Tainacan Header

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

@ -13,6 +13,7 @@
},
content: $i18n.get('label_filters_from') + ' ' + taxonomyFiltersCollectionNames[key] + ': ',
autoHide: false,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
v-if="taxonomyFilter.length > 0 && taxonomyFiltersCollectionNames != undefined && taxonomyFiltersCollectionNames[key] != undefined"
@ -56,6 +57,7 @@
},
content: $i18n.get('label_filters_from') + ' ' + taxonomyFiltersCollectionNames[key] + ': ',
autoHide: false,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
v-if="taxonomyFilter.length > 0 && taxonomyFiltersCollectionNames != undefined && taxonomyFiltersCollectionNames[key] != undefined"
@ -104,6 +106,7 @@
},
content: $i18n.get('label_filters_from') + ' ' + repositoryCollectionNames[key] + ': ',
autoHide: false,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
v-if="repositoryCollectionFilter.length > 0 && repositoryCollectionNames != undefined && repositoryCollectionNames[key] != undefined"
@ -147,6 +150,7 @@
},
content: $i18n.get('label_filters_from') + ' ' + repositoryCollectionNames[key] + ': ',
autoHide: false,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
v-if="repositoryCollectionFilter.length > 0 && repositoryCollectionNames != undefined && repositoryCollectionNames[key] != undefined"

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

@ -71,19 +71,35 @@
</option>
</b-select>
<button
:disabled="collections.length <= 0 || isLoading || order == 'asc'"
:disabled="collections.length <= 0 || isLoading || order == 'desc'"
class="button is-white is-small"
@click="onChangeOrder('asc')">
<span class="icon gray-icon is-small">
<i class="tainacan-icon tainacan-icon-sortascending tainacan-icon-20px"/>
@click="onChangeOrder('desc')"
:aria-label="$i18n.get('label_sort_descending')">
<span
v-tooltip="{
content: $i18n.get('label_sort_descending'),
autoHide: true,
placement: 'bottom',
classes: ['tooltip', 'repository-tooltip']
}"
class="icon gray-icon is-small">
<i class="tainacan-icon tainacan-icon-sortdescending tainacan-icon-20px"/>
</span>
</button>
<button
:disabled="collections.length <= 0 || isLoading || order == 'desc'"
:disabled="collections.length <= 0 || isLoading || order == 'asc'"
class="button is-white is-small"
@click="onChangeOrder('desc')">
<span class="icon gray-icon is-small">
<i class="tainacan-icon tainacan-icon-sortdescending tainacan-icon-20px"/>
@click="onChangeOrder('asc')"
:aria-label="$i18n.get('label_sort_ascending')">
<span
v-tooltip="{
content: $i18n.get('label_sort_ascending'),
autoHide: true,
placement: 'bottom',
classes: ['tooltip', 'repository-tooltip']
}"
class="icon gray-icon is-small">
<i class="tainacan-icon tainacan-icon-sortascending tainacan-icon-20px"/>
</span>
</button>
</b-field>

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

@ -18,7 +18,8 @@
},
content: isFiltersMenuCompressed ? $i18n.get('label_show_filters') : $i18n.get('label_hide_filters'),
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : '']
}"
v-if="!openAdvancedSearch && !(registeredViewModes[viewMode] != undefined && registeredViewModes[viewMode].full_screen)"
class="is-hidden-mobile"
@ -81,9 +82,7 @@
<span
@click="updateSearch()"
class="icon is-right">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-search"/>
</span>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-search"/>
</span>
</div>
</div>
@ -239,7 +238,8 @@
},
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'
placement: 'auto-start',
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : '']
}"
ref="displayedMetadataDropdown"
:mobile-modal="true"
@ -334,7 +334,14 @@
:aria-label="$i18n.get('label_sort_descending')"
:disabled="totalItems <= 0 || order == 'DESC'"
@click="onChangeOrder()">
<span class="icon is-small gray-icon">
<span
v-tooltip="{
content: $i18n.get('label_sort_descending'),
autoHide: true,
placement: 'bottom',
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : '']
}"
class="icon is-small gray-icon">
<i class="tainacan-icon tainacan-icon-sortdescending"/>
</span>
</button>
@ -344,7 +351,14 @@
:aria-label="$i18n.get('label_sort_ascending')"
class="button is-white is-small"
@click="onChangeOrder()">
<span class="icon is-small gray-icon">
<span
v-tooltip="{
content: $i18n.get('label_sort_ascending'),
autoHide: true,
placement: 'bottom',
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : '']
}"
class="icon is-small gray-icon">
<i class="tainacan-icon tainacan-icon-sortascending"/>
</span>
</button>

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

@ -34,22 +34,36 @@
{{ option.label }}
</option>
</b-select>
<button
:disabled="taxonomies.length <= 0 || isLoading || order == 'asc'"
class="button is-white is-small"
@click="onChangeOrder('asc')">
<span class="icon gray-icon is-small">
<i class="tainacan-icon tainacan-icon-sortascending tainacan-icon-20px"/>
</span>
</button>
<button
:disabled="taxonomies.length <= 0 || isLoading || order == 'desc'"
class="button is-white is-small"
@click="onChangeOrder('desc')">
<span class="icon gray-icon is-small">
<span
v-tooltip="{
content: $i18n.get('label_sort_descending'),
autoHide: true,
placement: 'bottom',
classes: ['tooltip', 'repository-tooltip']
}"
class="icon gray-icon is-small">
<i class="tainacan-icon tainacan-icon-sortdescending tainacan-icon-20px"/>
</span>
</button>
<button
:disabled="taxonomies.length <= 0 || isLoading || order == 'asc'"
class="button is-white is-small"
@click="onChangeOrder('asc')">
<span
v-tooltip="{
content: $i18n.get('label_sort_ascending'),
autoHide: true,
placement: 'bottom',
classes: ['tooltip', 'repository-tooltip']
}"
class="icon gray-icon is-small">
<i class="tainacan-icon tainacan-icon-sortascending tainacan-icon-20px"/>
</span>
</button>
</b-field>
</div>

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

@ -19,7 +19,8 @@
},
content: isFiltersMenuCompressed ? $i18n.get('label_show_filters') : $i18n.get('label_hide_filters'),
autoHide: false,
placement: 'auto-start'
placement: 'auto-start',
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : '']
}"
v-if="!openAdvancedSearch && !(registeredViewModes[viewMode] != undefined && registeredViewModes[viewMode].full_screen)"
class="is-hidden-mobile"
@ -79,9 +80,7 @@
<span
@click="updateSearch()"
class="icon is-right">
<span class="icon">
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-search"/>
</span>
<i class="tainacan-icon tainacan-icon-20px tainacan-icon-search"/>
</span>
</div>
</div>
@ -224,7 +223,8 @@
},
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'
placement: 'auto-start',
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : '']
}"
ref="displayedMetadataDropdown"
:mobile-modal="true"
@ -319,7 +319,14 @@
:aria-label="$i18n.get('label_sort_descending')"
:disabled="totalItems <= 0 || order == 'DESC'"
@click="onChangeOrder()">
<span class="icon is-small gray-icon">
<span
v-tooltip="{
content: $i18n.get('label_sort_descending'),
autoHide: true,
placement: 'bottom',
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : '']
}"
class="icon is-small gray-icon">
<i class="tainacan-icon tainacan-icon-sortdescending"/>
</span>
</button>
@ -329,7 +336,14 @@
:aria-label="$i18n.get('label_sort_ascending')"
class="button is-white is-small"
@click="onChangeOrder()">
<span class="icon is-small gray-icon">
<span
v-tooltip="{
content: $i18n.get('label_sort_ascending'),
autoHide: true,
placement: 'bottom',
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : '']
}"
class="icon is-small gray-icon">
<i class="tainacan-icon tainacan-icon-sortascending"/>
</span>
</button>

8
src/admin/scss/_tooltips.scss
View File

@ -3,6 +3,14 @@
.b-tooltip::after {
box-shadow: none;
}
.repository-tooltip {
.tooltip-inner {
background: $blue1 !important;
}
.tooltip-arrow {
border-color: $blue1 !important;
}
}
.tooltip {
z-index: 999999999;
display: block !important;

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

@ -396,6 +396,12 @@ return apply_filters( 'tainacan-admin-i18n', [
'label_collection_metadatum' => __( 'Collection metadatum', 'tainacan' ),
'label_recover_from_trash' => __( 'Recover from trash', 'tainacan' ),
'label_show_children_terms' => __( 'Show children terms', 'tainacan' ),
'label_begin_slide_transition' => __( 'Begin slide transition', 'tainacan' ),
'label_pause_slide_transition' => __( 'Pause slide transition', 'tainacan' ),
'label_next_group_slides' => __( 'Next group of slides', 'tainacan' ),
'label_previous_group_slides' => __( 'Previous group of slides', 'tainacan' ),
'label_plugin_home_page' => __( 'Plugin home page', 'tainacan' ),
'label_wordpress_admin_page' => __( 'WordPress Admin Page', 'tainacan' ),
// Instructions. More complex sentences to guide user and placeholders
'instruction_delete_selected_collections' => __( 'Delete selected collections', 'tainacan' ),

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

@ -72,8 +72,8 @@
<span class="icon is-small">
<i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
</span>
&nbsp;{{ $i18n.get('label_add_value') }}</a>
&nbsp;{{ $i18n.get('label_add_value') }}
</a>
</div>
</div>
</transition>

16
src/classes/metadata-types/taxonomy/AddNewTerm.vue
View File

@ -1,14 +1,14 @@
<template>
<div>
<span v-if="!showForm">
<a
@click="toggleForm()"
class="is-inline add-link">
<span class="icon is-small">
<i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
</span>
&nbsp;{{ $i18n.get('label_new_term') }}</a>
<a
@click="toggleForm()"
class="is-inline add-link">
<span class="icon is-small">
<i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
</span>
&nbsp;{{ $i18n.get('label_new_term') }}
</a>
</span>
<transition name="appear">
<section

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

@ -134,8 +134,15 @@
<button
@click.stop.prevent="prevSlide()"
:style="{ visibility: (page > 1 && slideIndex <= 0) || slideIndex > 0 ? 'visible' : 'hidden' }"
class="slide-control-arrow arrow-left">
<span class="icon is-large">
class="slide-control-arrow arrow-left"
:aria-label="$i18n.get('previous')">
<span
v-tooltip="{
content: $i18n.get('previous'),
autoHide: true,
placement: 'auto'
}"
class="icon is-large">
<icon class="tainacan-icon tainacan-icon-48px tainacan-icon-previous"/>
</span>
</button>
@ -179,8 +186,15 @@
<button
@click.stop.prevent="nextSlide()"
:style="{ visibility: (slideIndex < slideItems.length - 1) || page < totalPages ? 'visible' : 'hidden' }"
class="slide-control-arrow arrow-right">
<span class="icon is-large has-text-turoquoise5">
class="slide-control-arrow arrow-right"
:aria-label="$i18n.get('next')">
<span
v-tooltip="{
content: $i18n.get('next'),
autoHide: true,
placement: 'auto'
}"
class="icon is-large has-text-turoquoise5">
<icon class="tainacan-icon tainacan-icon-48px tainacan-icon-next"/>
</span>
</button>
@ -198,7 +212,13 @@
:disabled="(slideIndex == slideItems.length - 1 && page == totalPages)"
class="play-button"
@click.stop.prevent="isPlaying = !isPlaying">
<span class="icon">
<span
v-tooltip="{
content: isPlaying ? $i18n.get('label_pause_slide_transition') : $i18n.get('label_begin_slide_transition'),
autoHide: true,
placement: 'auto'
}"
class="icon">
<i
:class="{ 'tainacan-icon-pausefill' : isPlaying, 'tainacan-icon-playfill' : !isPlaying }"
class="has-text-secondary tainacan-icon tainacan-icon-30px"/>
@ -248,16 +268,30 @@
<button
@click.prevent="prevGroupOfSlides()"
:style="{ visibility: (page > 1 && slideIndex <= 0) || slideIndex > 0 ? 'visible' : 'hidden' }"
class="slide-control-arrow slide-group-arrow arrow-left">
<span class="icon is-medium has-text-white">
class="slide-control-arrow slide-group-arrow arrow-left"
:aria-label="$i18n.get('label_previous_group_slides')">
<span
v-tooltip="{
content: $i18n.get('label_previous_group_slides'),
autoHide: true,
placement: 'auto'
}"
class="icon is-medium has-text-white">
<icon class="tainacan-icon tainacan-icon-20px tainacan-icon-previous"/>
</span>
</button>
<button
@click.prevent="nextGroupOfSlides()"
:style="{ visibility: (slideIndex < slideItems.length - 1) || page < totalPages ? 'visible' : 'hidden' }"
class="slide-control-arrow slide-group-arrow arrow-right">
<span class="icon is-medium has-text-white">
class="slide-control-arrow slide-group-arrow arrow-right"
:aria-label="$i18n.get('label_previous_group_slides')">
<span
v-tooltip="{
content: $i18n.get('label_previous_group_slides'),
autoHide: true,
placement: 'auto'
}"
class="icon is-medium has-text-white">
<icon class="tainacan-icon tainacan-icon-20px tainacan-icon-next"/>
</span>
</button>