Merge pull request #815 from tainacan/feature/814
Adds links to item, collection, taxonomy and terms on website from ad…
This commit is contained in:
commit
c252222955
|
@ -260,7 +260,7 @@
|
||||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||||
}"
|
}"
|
||||||
class="icon">
|
class="icon">
|
||||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-openurl"/>
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
@ -349,6 +349,24 @@
|
||||||
class="tainacan-icon tainacan-icon-1-25em"/>
|
class="tainacan-icon tainacan-icon-1-25em"/>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
<a
|
||||||
|
id="button-open-external"
|
||||||
|
:aria-label="$i18n.getFrom('collections','view_item')"
|
||||||
|
@click.stop=""
|
||||||
|
target="_blank"
|
||||||
|
:href="collection.url">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('label_view_collection_on_website'),
|
||||||
|
autoHide: true,
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
|
||||||
|
placement: 'auto',
|
||||||
|
html: true
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
|
@ -303,6 +303,25 @@
|
||||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
<a
|
||||||
|
v-if="!isOnTrash"
|
||||||
|
id="button-open-external"
|
||||||
|
:aria-label="$i18n.getFrom('items','view_item')"
|
||||||
|
@click.stop=""
|
||||||
|
target="_blank"
|
||||||
|
:href="item.url">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('label_item_page_on_website'),
|
||||||
|
autoHide: true,
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
|
||||||
|
placement: 'auto',
|
||||||
|
html: true
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -448,6 +467,25 @@
|
||||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
<a
|
||||||
|
v-if="!isOnTrash"
|
||||||
|
id="button-open-external"
|
||||||
|
:aria-label="$i18n.getFrom('items','view_item')"
|
||||||
|
@click.stop=""
|
||||||
|
target="_blank"
|
||||||
|
:href="item.url">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('label_item_page_on_website'),
|
||||||
|
autoHide: true,
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
|
||||||
|
placement: 'auto',
|
||||||
|
html: true
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
@ -579,6 +617,25 @@
|
||||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
<a
|
||||||
|
v-if="!isOnTrash"
|
||||||
|
id="button-open-external"
|
||||||
|
:aria-label="$i18n.getFrom('items','view_item')"
|
||||||
|
@click.stop=""
|
||||||
|
target="_blank"
|
||||||
|
:href="item.url">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('label_item_page_on_website'),
|
||||||
|
autoHide: true,
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
|
||||||
|
placement: 'auto',
|
||||||
|
html: true
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Remaining metadata -->
|
<!-- Remaining metadata -->
|
||||||
|
@ -802,6 +859,25 @@
|
||||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
<a
|
||||||
|
v-if="!isOnTrash"
|
||||||
|
id="button-open-external"
|
||||||
|
:aria-label="$i18n.getFrom('items','view_item')"
|
||||||
|
@click.stop=""
|
||||||
|
target="_blank"
|
||||||
|
:href="item.url">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('label_item_page_on_website'),
|
||||||
|
autoHide: true,
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
|
||||||
|
placement: 'auto',
|
||||||
|
html: true
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Remaining metadata -->
|
<!-- Remaining metadata -->
|
||||||
|
@ -1149,6 +1225,25 @@
|
||||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
<a
|
||||||
|
v-if="!isOnTrash"
|
||||||
|
id="button-open-external"
|
||||||
|
:aria-label="$i18n.getFrom('items','view_item')"
|
||||||
|
@click.stop=""
|
||||||
|
target="_blank"
|
||||||
|
:href="item.url">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('label_item_page_on_website'),
|
||||||
|
autoHide: true,
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
|
||||||
|
placement: 'auto',
|
||||||
|
html: true
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
@ -1304,6 +1399,25 @@
|
||||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
<a
|
||||||
|
v-if="!isOnTrash"
|
||||||
|
id="button-open-external"
|
||||||
|
:aria-label="$i18n.getFrom('items','view_item')"
|
||||||
|
@click.stop=""
|
||||||
|
target="_blank"
|
||||||
|
:href="item.url">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('label_item_page_on_website'),
|
||||||
|
autoHide: true,
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
|
||||||
|
placement: 'auto',
|
||||||
|
html: true
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Remaining metadata -->
|
<!-- Remaining metadata -->
|
||||||
|
@ -1779,6 +1893,25 @@
|
||||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
<a
|
||||||
|
v-if="!isOnTrash"
|
||||||
|
id="button-open-external"
|
||||||
|
:aria-label="$i18n.getFrom('items','view_item')"
|
||||||
|
@click.stop=""
|
||||||
|
target="_blank"
|
||||||
|
:href="item.url">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('label_item_page_on_website'),
|
||||||
|
autoHide: true,
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip', isRepositoryLevel ? 'tainacan-repository-tooltip' : ''],
|
||||||
|
placement: 'auto',
|
||||||
|
html: true
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Remaining metadata -->
|
<!-- Remaining metadata -->
|
||||||
|
|
|
@ -235,6 +235,25 @@
|
||||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
|
<a
|
||||||
|
v-if="!isOnTrash"
|
||||||
|
id="button-open-external"
|
||||||
|
:aria-label="$i18n.getFrom('taxonomies','view_item')"
|
||||||
|
@click.stop=""
|
||||||
|
target="_blank"
|
||||||
|
:href="themeTaxonomiesURL + taxonomy.slug">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('label_taxonomy_page_on_website'),
|
||||||
|
autoHide: true,
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
|
||||||
|
placement: 'auto',
|
||||||
|
html: true
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
@ -263,7 +282,8 @@
|
||||||
selected: [],
|
selected: [],
|
||||||
allOnPageSelected: false,
|
allOnPageSelected: false,
|
||||||
isSelecting: false,
|
isSelecting: false,
|
||||||
adminUrl: tainacan_plugin.admin_url
|
adminUrl: tainacan_plugin.admin_url,
|
||||||
|
themeTaxonomiesURL: tainacan_plugin.theme_taxonomy_list_url
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
|
@ -136,9 +136,23 @@
|
||||||
placement: 'bottom'
|
placement: 'bottom'
|
||||||
}"
|
}"
|
||||||
class="icon">
|
class="icon">
|
||||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-delete"/>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
<a
|
||||||
|
target="_blank"
|
||||||
|
:href="term.url">
|
||||||
|
<span
|
||||||
|
v-tooltip="{
|
||||||
|
content: $i18n.get('label_term_page_on_website'),
|
||||||
|
autoHide: true,
|
||||||
|
popperClass: ['tainacan-tooltip', 'tooltip', 'tainacan-repository-tooltip'],
|
||||||
|
placement: 'bottom'
|
||||||
|
}"
|
||||||
|
class="icon">
|
||||||
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
<button
|
<button
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
class="button"
|
class="button"
|
||||||
id="view-collection-button">
|
id="view-collection-button">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-openurl"/>
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
</span>
|
</span>
|
||||||
<span class="is-hidden-mobile">{{ $i18n.get('label_view_collection_on_website') }}</span>
|
<span class="is-hidden-mobile">{{ $i18n.get('label_view_collection_on_website') }}</span>
|
||||||
</a>
|
</a>
|
||||||
|
@ -85,7 +85,7 @@
|
||||||
class="button"
|
class="button"
|
||||||
id="view-repository-button--taxonomies">
|
id="view-repository-button--taxonomies">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-openurl"/>
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
</span>
|
</span>
|
||||||
<span class="is-hidden-mobile">{{ $i18n.get('label_view_taxonomies_on_website') }}</span>
|
<span class="is-hidden-mobile">{{ $i18n.get('label_view_taxonomies_on_website') }}</span>
|
||||||
</a>
|
</a>
|
||||||
|
@ -98,7 +98,7 @@
|
||||||
class="button"
|
class="button"
|
||||||
id="view-repository-button">
|
id="view-repository-button">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-openurl"/>
|
<i class="tainacan-icon tainacan-icon-1-125em tainacan-icon-openurl"/>
|
||||||
</span>
|
</span>
|
||||||
<span class="is-hidden-mobile">{{ $i18n.get('label_view_collections_on_website') }}</span>
|
<span class="is-hidden-mobile">{{ $i18n.get('label_view_collections_on_website') }}</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -273,7 +273,7 @@
|
||||||
<section
|
<section
|
||||||
v-if="!isLoadingFilters &&
|
v-if="!isLoadingFilters &&
|
||||||
!((filters.length >= 0 && isRepositoryLevel) || filters.length > 0)"
|
!((filters.length >= 0 && isRepositoryLevel) || filters.length > 0)"
|
||||||
class="is-grouped-centered section">
|
class="is-grouped-centered">
|
||||||
<div class="content has-text-gray has-text-centered">
|
<div class="content has-text-gray has-text-centered">
|
||||||
<p>
|
<p>
|
||||||
<span class="icon is-large">
|
<span class="icon is-large">
|
||||||
|
|
|
@ -304,14 +304,14 @@
|
||||||
position: -webkit-sticky !important;
|
position: -webkit-sticky !important;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
top: auto;
|
top: auto;
|
||||||
width: 80px;
|
width: 100px;
|
||||||
|
|
||||||
.actions-container {
|
.actions-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 80px;
|
width: 100px;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
background-color: var(--tainacan-white);
|
background-color: var(--tainacan-white);
|
||||||
float: right;
|
float: right;
|
||||||
|
|
|
@ -131,7 +131,7 @@
|
||||||
}
|
}
|
||||||
.metadata-title {
|
.metadata-title {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
padding: 0.6em 5em 0.5em 2.75em;
|
padding: 0.6em 7em 0.5em 2.75em;
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 1em !important;
|
font-size: 1em !important;
|
||||||
|
|
|
@ -102,7 +102,7 @@
|
||||||
}
|
}
|
||||||
.metadata-title {
|
.metadata-title {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
padding: 0.5em 4.75em 0.5em 2.75em;
|
padding: 0.5em 7em 0.5em 2.75em;
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 1em !important;
|
font-size: 1em !important;
|
||||||
|
|
|
@ -110,7 +110,7 @@
|
||||||
}
|
}
|
||||||
.metadata-title {
|
.metadata-title {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
padding: 0.5em 4.75em 0.5em 2.75em;
|
padding: 0.5em 7em 0.5em 2.75em;
|
||||||
font-size: 1.0em !important;
|
font-size: 1.0em !important;
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
Loading…
Reference in New Issue