Fixes text type document insertion flow.
This commit is contained in:
parent
f68f3fafe8
commit
f9a9b7c115
|
@ -20,7 +20,8 @@
|
||||||
v-if="form.document != undefined && form.document != null &&
|
v-if="form.document != undefined && form.document != null &&
|
||||||
form.document_type != undefined && form.document_type != null &&
|
form.document_type != undefined && form.document_type != null &&
|
||||||
form.document != '' && form.document_type != 'empty'"
|
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 v-html="item.document_as_html" />
|
||||||
<div class="document-buttons-row">
|
<div class="document-buttons-row">
|
||||||
<a
|
<a
|
||||||
|
@ -113,6 +114,10 @@ export default {
|
||||||
.document-field-content {
|
.document-field-content {
|
||||||
max-height: 32vh;
|
max-height: 32vh;
|
||||||
|
|
||||||
|
&.document-field-content--text {
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
/deep/ img,
|
/deep/ img,
|
||||||
/deep/ video,
|
/deep/ video,
|
||||||
/deep/ figure {
|
/deep/ figure {
|
||||||
|
@ -134,6 +139,9 @@ export default {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
min-height: 150px;
|
min-height: 150px;
|
||||||
}
|
}
|
||||||
|
/deep/ audio {
|
||||||
|
min-height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-height: 760px) {
|
@media screen and (max-height: 760px) {
|
||||||
max-height: 25vh;
|
max-height: 25vh;
|
||||||
|
|
|
@ -791,7 +791,7 @@ export default {
|
||||||
attachmentsMediaFrame: undefined,
|
attachmentsMediaFrame: undefined,
|
||||||
fileMediaFrame: undefined,
|
fileMediaFrame: undefined,
|
||||||
urlLink: '',
|
urlLink: '',
|
||||||
textLink: '',
|
textContent: '',
|
||||||
isUpdatingValues: false,
|
isUpdatingValues: false,
|
||||||
entityName: 'item',
|
entityName: 'item',
|
||||||
activeTab: 'metadata',
|
activeTab: 'metadata',
|
||||||
|
@ -1383,6 +1383,9 @@ export default {
|
||||||
if (item.document_type != undefined && item.document_type == 'url')
|
if (item.document_type != undefined && item.document_type == 'url')
|
||||||
this.urlLink = item.document;
|
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)
|
if (item.document_options !== undefined && item.document_options['forced_iframe'] !== undefined)
|
||||||
this.urlForcedIframe = item.document_options['forced_iframe'];
|
this.urlForcedIframe = item.document_options['forced_iframe'];
|
||||||
if (item.document_options !== undefined && item.document_options['is_image'] !== undefined)
|
if (item.document_options !== undefined && item.document_options['is_image'] !== undefined)
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
<button
|
<button
|
||||||
id="button-submit-text-content-writing"
|
id="button-submit-text-content-writing"
|
||||||
type="submit"
|
type="submit"
|
||||||
@click.prevent="$parent.close();"
|
@click.prevent="confirmTextWriting();$parent.close();"
|
||||||
class="button is-success">
|
class="button is-success">
|
||||||
{{ $i18n.get('save') }}</button>
|
{{ $i18n.get('save') }}</button>
|
||||||
</div>
|
</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].focus();
|
||||||
this.$refs['item-document-text-input']['$el'].children[0].click();
|
this.$refs['item-document-text-input']['$el'].children[0].click();
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
confirmTextWriting() {
|
||||||
|
this.$emit('confirmTextWriting', this.localTextContent);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
Loading…
Reference in New Issue