Also hides metadata section tooltips in item submission form.
This commit is contained in:
parent
c604c36013
commit
0b05681aa9
|
@ -411,7 +411,7 @@
|
|||
</span>
|
||||
</label>
|
||||
<help-button
|
||||
v-if="metadataSection.description"
|
||||
v-if="metadataSection.description && metadataSection.description_bellow_name !== 'yes'"
|
||||
:title="metadataSection.name"
|
||||
:message="metadataSection.description" />
|
||||
</span>
|
||||
|
@ -422,7 +422,7 @@
|
|||
class="metadata-section-metadata-list">
|
||||
<p
|
||||
v-if="metadataSection.description && metadataSection.description_bellow_name == 'yes'"
|
||||
class="metadatum-description-help-info">
|
||||
class="metadata-section-description-help-info metadatum-description-help-info">
|
||||
{{ metadataSection.description }}
|
||||
</p>
|
||||
|
||||
|
@ -2041,6 +2041,9 @@ export default {
|
|||
margin-left: 12px;
|
||||
}
|
||||
}
|
||||
.metadata-section-description-help-info {
|
||||
margin: 0.25em 0 0 1.125rem;
|
||||
}
|
||||
.item-edition-tab-content .tab-item>.field:last-child {
|
||||
margin-bottom: 187px;
|
||||
}
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
:disabled="disabled"
|
||||
:placeholder="itemMetadatum.metadatum.placeholder ? itemMetadatum.metadatum.placeholder : ''"
|
||||
:model-value="value === 0 || value ? Number(value) : null"
|
||||
:data-is-danger="!isInputValid"
|
||||
lang="en"
|
||||
:min="getMin"
|
||||
:max="getMax"
|
||||
|
@ -26,6 +27,11 @@
|
|||
'blur',
|
||||
'mobile-special-focus'
|
||||
],
|
||||
data() {
|
||||
return {
|
||||
isInputValid: true
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
getStep() {
|
||||
if (this.itemMetadatum && this.itemMetadatum.metadatum.metadata_type_options && this.itemMetadatum.metadatum.metadata_type_options.step)
|
||||
|
@ -49,8 +55,13 @@
|
|||
methods: {
|
||||
onInput(value) {
|
||||
const inputRef = this.$refs['tainacan-item-metadatum_id-' + this.itemMetadatum.metadatum.id + (this.itemMetadatum.parent_meta_id ? ('_parent_meta_id-' + this.itemMetadatum.parent_meta_id) : '')];
|
||||
if ( inputRef && !inputRef.checkHtml5Validity())
|
||||
return;
|
||||
|
||||
if ( inputRef ) {
|
||||
this.isInputValid = inputRef.checkHtml5Validity();
|
||||
|
||||
if ( !this.isInputValid )
|
||||
return;
|
||||
}
|
||||
|
||||
// Allowing empty value as a state different of 0
|
||||
if ( value === null || value === undefined || value === '' )
|
||||
|
|
|
@ -19,7 +19,9 @@
|
|||
}"
|
||||
class="has-text-secondary tainacan-icon tainacan-icon-1-25em" />
|
||||
</span>
|
||||
<label class="label">
|
||||
<label
|
||||
class="label"
|
||||
:class="{ 'has-text-danger': errorMessage }">
|
||||
<span
|
||||
v-if="enumerateMetadatum"
|
||||
style="opacity: 0.65;"
|
||||
|
@ -237,7 +239,8 @@
|
|||
(this.itemMetadatum && this.itemMetadatum.metadatum && this.itemMetadatum.metadatum.placeholder ? ' has-placeholder' : '') +
|
||||
(this.itemMetadatum && this.itemMetadatum.metadatum && this.itemMetadatum.metadatum.description ? ' has-description' : '') +
|
||||
(this.itemMetadatum && this.itemMetadatum.metadatum && this.itemMetadatum.metadatum.id ? ' tainacan-metadatum-id--' + this.itemMetadatum.metadatum.id : '') +
|
||||
(this.isFocused ? ' is-focused' : '');
|
||||
(this.isFocused ? ' is-focused' : '') +
|
||||
(this.errorMessage ? ' is-danger' : '');
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
|
|
@ -44,11 +44,28 @@
|
|||
color: var(--tainacan-danger);
|
||||
}
|
||||
}
|
||||
.input, .textarea {
|
||||
&.is-danger {
|
||||
background-color: var(--tainacan-red1);
|
||||
.field.is-danger {
|
||||
.input,
|
||||
.textarea,
|
||||
.select,
|
||||
.dropdown,
|
||||
.autocomplete {
|
||||
--tainacan-input-border-color: var(--tainacan-danger);
|
||||
--tainacan-input-background-color: var(--tainacan-red1);
|
||||
}
|
||||
}
|
||||
.input,
|
||||
.textarea,
|
||||
.select {
|
||||
&.is-danger {
|
||||
--tainacan-input-border-color: var(--tainacan-danger);
|
||||
--tainacan-input-background-color: var(--tainacan-red1);
|
||||
}
|
||||
}
|
||||
input[data-is-danger="true"] {
|
||||
--tainacan-input-border-color: var(--tainacan-danger);
|
||||
--tainacan-input-background-color: var(--tainacan-red1);
|
||||
}
|
||||
a[disabled="true"] {
|
||||
opacity: 0.5;
|
||||
user-select: none;
|
||||
|
|
Loading…
Reference in New Issue