Adds class and id to metadata section wrappers in the edition forms. #184

This commit is contained in:
mateuswetah 2022-05-13 15:31:26 -03:00
parent a9f0b74082
commit 365921164f
2 changed files with 13 additions and 5 deletions

View File

@ -304,7 +304,9 @@
<div <div
v-for="(metadataSection, sectionIndex) of metadataSections" v-for="(metadataSection, sectionIndex) of metadataSections"
:key="sectionIndex"> :key="sectionIndex"
:class="'metadata-section-slug-' + metadataSection.slug"
:id="'metadata-section-id-' + metadataSection.id">
<div class="metadata-section-header section-label"> <div class="metadata-section-header section-label">
<span <span
class="collapse-handle" class="collapse-handle"
@ -323,7 +325,9 @@
</span> </span>
</div> </div>
<transition name="filter-item"> <transition name="filter-item">
<div v-show="metadataSectionCollapses[sectionIndex]"> <div
class="metadata-section-metadata-list"
v-show="metadataSectionCollapses[sectionIndex]">
<tainacan-form-item <tainacan-form-item
v-for="(itemMetadatum, index) of metadatumList.filter(anItemMetadatum => anItemMetadatum.metadatum.metadata_section_id == metadataSection.id)" v-for="(itemMetadatum, index) of metadatumList.filter(anItemMetadatum => anItemMetadatum.metadatum.metadata_section_id == metadataSection.id)"
:key="index" :key="index"

View File

@ -376,7 +376,9 @@
<div <div
v-for="(metadataSection, sectionIndex) of metadataSections" v-for="(metadataSection, sectionIndex) of metadataSections"
:key="sectionIndex"> :key="sectionIndex"
:class="'metadata-section-slug-' + metadataSection.slug"
:id="'metadata-section-id-' + metadataSection.id">
<div class="metadata-section-header section-label"> <div class="metadata-section-header section-label">
<span <span
class="collapse-handle" class="collapse-handle"
@ -396,7 +398,9 @@
</span> </span>
</div> </div>
<transition name="filter-item"> <transition name="filter-item">
<div v-show="metadataSectionCollapses[sectionIndex]"> <div
class="metadata-section-metadata-list"
v-show="metadataSectionCollapses[sectionIndex]">
<template v-for="(itemMetadatum, index) of metadatumList.filter(anItemMetadatum => anItemMetadatum.metadatum.metadata_section_id == metadataSection.id)"> <template v-for="(itemMetadatum, index) of metadatumList.filter(anItemMetadatum => anItemMetadatum.metadatum.metadata_section_id == metadataSection.id)">
<tainacan-form-item <tainacan-form-item
:key="index" :key="index"
@ -885,7 +889,7 @@ export default {
} }
.field { .field {
padding: 12px 0px 12px 34px; padding: 12px 0px 12px 34px;
margin-left: 24px; margin-left: 16px;
} }
.columns { .columns {