Merge branch 'develop' of github.com:tainacan/tainacan into develop

This commit is contained in:
vnmedeiros 2022-08-03 15:19:48 -03:00
commit 46e12d61ec
4 changed files with 38 additions and 11 deletions

View File

@ -20,7 +20,8 @@
v-if="form.document != undefined && form.document != null &&
form.document_type != undefined && form.document_type != null &&
form.document != '' && form.document_type != 'empty'"
class="document-field-content">
class="document-field-content"
:class="'document-field-content--' + form.document_type">
<div v-html="item.document_as_html" />
<div class="document-buttons-row">
<a
@ -113,6 +114,10 @@ export default {
.document-field-content {
max-height: 32vh;
&.document-field-content--text {
padding-bottom: 2rem;
}
/deep/ img,
/deep/ video,
/deep/ figure {
@ -134,6 +139,9 @@ export default {
margin: 0;
min-height: 150px;
}
/deep/ audio {
min-height: 80px;
}
@media screen and (max-height: 760px) {
max-height: 25vh;

View File

@ -491,7 +491,7 @@
:form="form"
:is-loading="isLoading"
@onDeleteThumbnail="deleteThumbnail"
@onUpdateThumbnailAlt="($event) => form.thumbnail_alt = $event.target.value"
@onUpdateThumbnailAlt="($event) => onUpdateThumbnailAlt($event)"
@openThumbnailMediaFrame="thumbnailMediaFrame.openFrame($event)" />
</div>
@ -590,7 +590,7 @@
:form="form"
:is-loading="isLoading"
@onDeleteThumbnail="deleteThumbnail"
@onUpdateThumbnailAlt="($event) => form.thumbnail_alt = $event.target.value"
@onUpdateThumbnailAlt="($event) => onUpdateThumbnailAlt($event)"
@openThumbnailMediaFrame="thumbnailMediaFrame.openFrame($event)" />
<hr v-if="!$adminOptions.itemEditionAttachmentsInsideTabs || hasEndLeftForm">
@ -791,7 +791,7 @@ export default {
attachmentsMediaFrame: undefined,
fileMediaFrame: undefined,
urlLink: '',
textLink: '',
textContent: '',
isUpdatingValues: false,
entityName: 'item',
activeTab: 'metadata',
@ -1383,6 +1383,9 @@ export default {
if (item.document_type != undefined && item.document_type == 'url')
this.urlLink = item.document;
if (item.document_type != undefined && item.document_type == 'text')
this.textContent = item.document;
if (item.document_options !== undefined && item.document_options['forced_iframe'] !== undefined)
this.urlForcedIframe = item.document_options['forced_iframe'];
if (item.document_options !== undefined && item.document_options['is_image'] !== undefined)
@ -1395,8 +1398,10 @@ export default {
this.isLoading = false;
let oldThumbnail = this.item.thumbnail;
if (item.document_type == 'url' && oldThumbnail != item.thumbnail )
if (item.document_type == 'url' && oldThumbnail != item.thumbnail ) {
this.item.thumbnail = item.thumbnail;
this.item.thumbnail_id = item.thumbnail_id;
}
})
.catch((errors) => {
for (let error of errors.errors) {
@ -1493,8 +1498,10 @@ export default {
this.item.document_mimetype = item.document_mimetype;
let oldThumbnail = this.item.thumbnail;
if (item.document_type == 'attachment' && oldThumbnail != item.thumbnail )
if (item.document_type == 'attachment' && oldThumbnail != item.thumbnail ) {
this.item.thumbnail = item.thumbnail;
this.item.thumbnail_id = item.thumbnail_id;
}
this.shouldLoadAttachments = !this.shouldLoadAttachments;
@ -1552,11 +1559,12 @@ export default {
},
onUpdateThumbnailAlt(updatedThumbnailAlt) {
this.isUpdatingValues = true;
this.updateThumbnailAlt({ thumbnailId: this.item.thumbnail_id, thumbnailAlt: updatedThumbnailAlt })
.then((res) => {
this.form.thumbnail_id = res.thumbnail_id;
this.form.thumbnail_alt = res.thumbnail_alt;
this.form.thumbnail_alt = res.alt_text;
this.isUpdatingValues = false;
})
.catch(error => this.$console.error(error));
},

View File

@ -42,6 +42,7 @@
:src="$thumbHelper.getEmptyThumbnailPlaceholder(item.document_mimetype)">
</figure>
<b-field
v-if="item.thumbnail_id"
:addons="false"
:label="$i18n.get('label_thumbnail_alt')">
<help-button
@ -51,8 +52,8 @@
id="tainacan-text-description"
class="textarea"
rows="4"
:value="form.thumbnail_alt"
@input="$emit('onUpdateThumbnailAlt')" />
:value="form.thumbnail_alt && form.thumbnail_alt != 'false' ? form.thumbnail_alt : ''"
@input="updateThumbnailAlt" />
</b-field>
<div class="thumbnail-buttons-row">
<a
@ -104,6 +105,11 @@ export default {
props: {
item: Object,
form: Object
},
methods: {
updateThumbnailAlt: _.debounce(function($event) {
this.$emit('onUpdateThumbnailAlt', $event.target.value);
}, 750)
}
}
</script>

View File

@ -24,7 +24,7 @@
<button
id="button-submit-text-content-writing"
type="submit"
@click.prevent="$parent.close();"
@click.prevent="confirmTextWriting();$parent.close();"
class="button is-success">
{{ $i18n.get('save') }}</button>
</div>
@ -55,6 +55,11 @@ export default {
this.$refs['item-document-text-input']['$el'].children[0].focus();
this.$refs['item-document-text-input']['$el'].children[0].click();
}
},
methods: {
confirmTextWriting() {
this.$emit('confirmTextWriting', this.localTextContent);
}
}
}
</script>