Update to new v-slots notation. #794.

This commit is contained in:
mateuswetah 2023-07-10 14:51:45 -03:00
parent 7adf34050a
commit d3491e91cf
15 changed files with 52 additions and 52 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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