Update to new v-slots notation. #794.
This commit is contained in:
parent
7adf34050a
commit
d3491e91cf
|
@ -522,10 +522,10 @@
|
||||||
:disabled="form.enable_cover_page != 'yes'"
|
:disabled="form.enable_cover_page != 'yes'"
|
||||||
check-infinite-scroll
|
check-infinite-scroll
|
||||||
@infinite-scroll="fetchMoreCoverPages">
|
@infinite-scroll="fetchMoreCoverPages">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
{{ props.option.title.rendered }}
|
{{ props.option.title.rendered }}
|
||||||
</template>
|
</template>
|
||||||
<template slot="empty">{{ $i18n.get('info_no_page_found') }}</template>
|
<template #empty>{{ $i18n.get('info_no_page_found') }}</template>
|
||||||
</b-autocomplete>
|
</b-autocomplete>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
|
|
|
@ -165,7 +165,7 @@
|
||||||
:append-to-body="true"
|
:append-to-body="true"
|
||||||
check-infinite-scroll
|
check-infinite-scroll
|
||||||
@infinite-scroll="fetchMoreParentTerms">
|
@infinite-scroll="fetchMoreParentTerms">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div
|
<div
|
||||||
v-if="props.option.header_image"
|
v-if="props.option.header_image"
|
||||||
|
@ -179,7 +179,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template slot="empty">{{ $i18n.get('info_no_parent_term_found') }}</template>
|
<template #empty>{{ $i18n.get('info_no_parent_term_found') }}</template>
|
||||||
</b-autocomplete>
|
</b-autocomplete>
|
||||||
<transition name="fade">
|
<transition name="fade">
|
||||||
<p
|
<p
|
||||||
|
|
|
@ -15,7 +15,7 @@
|
||||||
:placeholder="(metadatumType === 'Tainacan\\Metadata_Types\\Relationship') ? $i18n.get('info_type_to_search_items') : $i18n.get('info_type_to_search_metadata')"
|
:placeholder="(metadatumType === 'Tainacan\\Metadata_Types\\Relationship') ? $i18n.get('info_type_to_search_items') : $i18n.get('info_type_to_search_metadata')"
|
||||||
check-infinite-scroll
|
check-infinite-scroll
|
||||||
@infinite-scroll="searchMore">
|
@infinite-scroll="searchMore">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div
|
<div
|
||||||
class="media-left"
|
class="media-left"
|
||||||
|
@ -37,7 +37,7 @@
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template
|
||||||
v-if="!isLoadingOptions"
|
v-if="!isLoadingOptions"
|
||||||
slot="empty">
|
#empty>
|
||||||
{{ $i18n.get('info_no_options_found' ) }}
|
{{ $i18n.get('info_no_options_found' ) }}
|
||||||
</template>
|
</template>
|
||||||
</b-autocomplete>
|
</b-autocomplete>
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
:placeholder="getInputPlaceholder"
|
:placeholder="getInputPlaceholder"
|
||||||
check-infinite-scroll
|
check-infinite-scroll
|
||||||
@infinite-scroll="searchMore">
|
@infinite-scroll="searchMore">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div
|
<div
|
||||||
class="media-left"
|
class="media-left"
|
||||||
|
@ -37,7 +37,7 @@
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template
|
||||||
v-if="!isLoadingOptions"
|
v-if="!isLoadingOptions"
|
||||||
slot="empty">
|
#empty>
|
||||||
{{ $i18n.get('info_no_options_found' ) }}
|
{{ $i18n.get('info_no_options_found' ) }}
|
||||||
</template>
|
</template>
|
||||||
</b-taginput>
|
</b-taginput>
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
:placeholder="$i18n.get('info_type_to_add_terms')"
|
:placeholder="$i18n.get('info_type_to_add_terms')"
|
||||||
check-infinite-scroll
|
check-infinite-scroll
|
||||||
@infinite-scroll="searchMore">
|
@infinite-scroll="searchMore">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div class="media-content">
|
<div class="media-content">
|
||||||
<span class="ellipsed-text">{{ props.option.label }}</span>
|
<span class="ellipsed-text">{{ props.option.label }}</span>
|
||||||
|
@ -30,7 +30,7 @@
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template
|
||||||
v-if="!isLoadingOptions"
|
v-if="!isLoadingOptions"
|
||||||
slot="empty">
|
#empty>
|
||||||
{{ $i18n.get('info_no_options_found' ) }}
|
{{ $i18n.get('info_no_options_found' ) }}
|
||||||
</template>
|
</template>
|
||||||
</b-taginput>
|
</b-taginput>
|
||||||
|
|
|
@ -32,7 +32,7 @@
|
||||||
@infinite-scroll="searchMore"
|
@infinite-scroll="searchMore"
|
||||||
:has-counter="false"
|
:has-counter="false"
|
||||||
@focus="onMobileSpecialFocus">
|
@focus="onMobileSpecialFocus">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div
|
<div
|
||||||
v-if="!isDisplayingRelatedItemMetadata"
|
v-if="!isDisplayingRelatedItemMetadata"
|
||||||
class="media">
|
class="media">
|
||||||
|
@ -55,12 +55,12 @@
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template
|
||||||
v-if="!isLoading"
|
v-if="!isLoading"
|
||||||
slot="empty">
|
#empty>
|
||||||
{{ $i18n.get('info_no_item_found') }}
|
{{ $i18n.get('info_no_item_found') }}
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template
|
||||||
v-if="currentUserCanEditItems && (!$adminOptions.itemEditionMode || $adminOptions.allowItemEditionModalInsideModal)"
|
v-if="currentUserCanEditItems && (!$adminOptions.itemEditionMode || $adminOptions.allowItemEditionModalInsideModal)"
|
||||||
slot="footer">
|
#footer>
|
||||||
<a @click="editItemModalOpen = true">
|
<a @click="editItemModalOpen = true">
|
||||||
{{ $i18n.get('label_create_new_item') + ' "' + searchQuery + '"' }}
|
{{ $i18n.get('label_create_new_item') + ' "' + searchQuery + '"' }}
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -134,7 +134,7 @@
|
||||||
:placeholder="$i18n.get('instruction_select_one_or_more_collections')"
|
:placeholder="$i18n.get('instruction_select_one_or_more_collections')"
|
||||||
@typing="filterCollections"
|
@typing="filterCollections"
|
||||||
:loading="loadingCollections">
|
:loading="loadingCollections">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div
|
<div
|
||||||
v-if="props.option.thumbnail && props.option.thumbnail['tainacan-small'] && props.option.thumbnail['tainacan-small']"
|
v-if="props.option.thumbnail && props.option.thumbnail['tainacan-small'] && props.option.thumbnail['tainacan-small']"
|
||||||
|
@ -149,7 +149,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template slot="empty">
|
<template #empty>
|
||||||
{{ $i18n.get('info_no_options_found') }}
|
{{ $i18n.get('info_no_options_found') }}
|
||||||
</template>
|
</template>
|
||||||
</b-taginput>
|
</b-taginput>
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
check-infinite-scroll
|
check-infinite-scroll
|
||||||
@infinite-scroll="loadMoreTerms"
|
@infinite-scroll="loadMoreTerms"
|
||||||
:has-counter="false">
|
:has-counter="false">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div class="media-content">
|
<div class="media-content">
|
||||||
{{ props.option.label }}
|
{{ props.option.label }}
|
||||||
|
@ -34,12 +34,12 @@
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template
|
||||||
v-if="!isFetching"
|
v-if="!isFetching"
|
||||||
slot="empty">
|
#empty>
|
||||||
{{ $i18n.get('info_no_terms_found') }}
|
{{ $i18n.get('info_no_terms_found') }}
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template
|
||||||
v-if="allowNew"
|
v-if="allowNew"
|
||||||
slot="footer">
|
#footer>
|
||||||
<a @click="$emit('showAddNewTerm', { name: searchName })">
|
<a @click="$emit('showAddNewTerm', { name: searchName })">
|
||||||
{{ $i18n.get('label_create_new_term') + ' "' + searchName + '"' }}
|
{{ $i18n.get('label_create_new_term') + ' "' + searchName + '"' }}
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -30,7 +30,7 @@
|
||||||
{{ $i18n.get('info_metadata_autocomplete_suggestions') }}
|
{{ $i18n.get('info_metadata_autocomplete_suggestions') }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div class="media-content">
|
<div class="media-content">
|
||||||
<span class="ellipsed-text">{{ props.option.label }}</span>
|
<span class="ellipsed-text">{{ props.option.label }}</span>
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
check-infinite-scroll
|
check-infinite-scroll
|
||||||
@infinite-scroll="searchMore"
|
@infinite-scroll="searchMore"
|
||||||
:has-counter="false">
|
:has-counter="false">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div
|
<div
|
||||||
v-if="props.option.avatar_urls && props.option.avatar_urls['24']"
|
v-if="props.option.avatar_urls && props.option.avatar_urls['24']"
|
||||||
|
@ -43,7 +43,7 @@
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template
|
||||||
v-if="!isLoading"
|
v-if="!isLoading"
|
||||||
slot="empty">
|
#empty>
|
||||||
{{ $i18n.get('info_no_user_found') }}
|
{{ $i18n.get('info_no_user_found') }}
|
||||||
</template>
|
</template>
|
||||||
</b-taginput>
|
</b-taginput>
|
||||||
|
|
|
@ -88,7 +88,7 @@
|
||||||
check-infinite-scroll
|
check-infinite-scroll
|
||||||
:append-to-body="true"
|
:append-to-body="true"
|
||||||
@infinite-scroll="fetchMoreParentTerms">
|
@infinite-scroll="fetchMoreParentTerms">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div
|
<div
|
||||||
v-if="props.option.header_image_id"
|
v-if="props.option.header_image_id"
|
||||||
|
@ -102,7 +102,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template slot="empty">{{ $i18n.get('info_no_parent_term_found') }}</template>
|
<template #empty>{{ $i18n.get('info_no_parent_term_found') }}</template>
|
||||||
</b-autocomplete>
|
</b-autocomplete>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
@ -55,7 +55,7 @@
|
||||||
check-infinite-scroll
|
check-infinite-scroll
|
||||||
:append-to-body="true"
|
:append-to-body="true"
|
||||||
@infinite-scroll="fetchMoreParentTerms">
|
@infinite-scroll="fetchMoreParentTerms">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div
|
<div
|
||||||
v-if="props.option.header_image_id"
|
v-if="props.option.header_image_id"
|
||||||
|
@ -69,7 +69,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template slot="empty">{{ $i18n.get('info_no_parent_term_found') }}</template>
|
<template #empty>{{ $i18n.get('info_no_parent_term_found') }}</template>
|
||||||
</b-autocomplete>
|
</b-autocomplete>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
@ -103,7 +103,7 @@
|
||||||
icon="account"
|
icon="account"
|
||||||
check-infinite-scroll
|
check-infinite-scroll
|
||||||
@infinite-scroll="fetchMoreUsersForFiltering">
|
@infinite-scroll="fetchMoreUsersForFiltering">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div
|
<div
|
||||||
v-if="props.option.avatar_urls && props.option.avatar_urls['24']"
|
v-if="props.option.avatar_urls && props.option.avatar_urls['24']"
|
||||||
|
@ -119,7 +119,7 @@
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template
|
||||||
v-if="!isFetchingUsers"
|
v-if="!isFetchingUsers"
|
||||||
slot="empty">
|
#empty>
|
||||||
{{ $i18n.get('info_no_user_found') }}
|
{{ $i18n.get('info_no_user_found') }}
|
||||||
</template>
|
</template>
|
||||||
</b-autocomplete>
|
</b-autocomplete>
|
||||||
|
|
|
@ -313,29 +313,29 @@
|
||||||
<b-collapse
|
<b-collapse
|
||||||
aria-id="metadata-collapse-for-slideshow"
|
aria-id="metadata-collapse-for-slideshow"
|
||||||
:open="!collapseAll">
|
:open="!collapseAll">
|
||||||
<label
|
<template #trigger="props">
|
||||||
class="label has-text-white"
|
<label class="label has-text-white">
|
||||||
v-slot:trigger="props">
|
<span class="icon">
|
||||||
<span class="icon">
|
<i
|
||||||
<i
|
:class="{ 'tainacan-icon-arrowdown' : props.open, 'tainacan-icon-arrowright' : !props.open}"
|
||||||
:class="{ 'tainacan-icon-arrowdown' : props.open, 'tainacan-icon-arrowright' : !props.open}"
|
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
||||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em"/>
|
</span>
|
||||||
</span>
|
<span
|
||||||
<span
|
v-tooltip="{
|
||||||
v-tooltip="{
|
delay: {
|
||||||
delay: {
|
shown: 500,
|
||||||
shown: 500,
|
hide: 300,
|
||||||
hide: 300,
|
},
|
||||||
},
|
content: metadatum.name,
|
||||||
content: metadatum.name,
|
autoHide: false,
|
||||||
autoHide: false,
|
placement: 'auto-start',
|
||||||
placement: 'auto-start',
|
popperClass: ['tainacan-tooltip', 'tooltip']
|
||||||
popperClass: ['tainacan-tooltip', 'tooltip']
|
}"
|
||||||
}"
|
class="ellipsed-name">
|
||||||
class="ellipsed-name">
|
{{ metadatum.name }}
|
||||||
{{ metadatum.name }}
|
</span>
|
||||||
</span>
|
</label>
|
||||||
</label>
|
</template>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<p
|
<p
|
||||||
class="has-text-white"
|
class="has-text-white"
|
||||||
|
|
|
@ -65,7 +65,7 @@
|
||||||
:disabled="!hasParent"
|
:disabled="!hasParent"
|
||||||
check-infinite-scroll
|
check-infinite-scroll
|
||||||
@infinite-scroll="fetchMoreParentTerms">
|
@infinite-scroll="fetchMoreParentTerms">
|
||||||
<template v-slot="props">
|
<template #default="props">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
<div
|
<div
|
||||||
v-if="props.option.header_image"
|
v-if="props.option.header_image"
|
||||||
|
@ -79,7 +79,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template slot="empty">{{ $i18n.get('info_no_parent_term_found') }}</template>
|
<template #empty>{{ $i18n.get('info_no_parent_term_found') }}</template>
|
||||||
</b-autocomplete>
|
</b-autocomplete>
|
||||||
</b-field>
|
</b-field>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue