Parat til dokumentation
<div id="collapsible1" class="collapse" role="tabpanel" aria-labelledby="collapsibleHeader1">
<div class="data-view__content">
<div class="data-view__group">
<div class="row data-view-row ">
<div class="col">
<h3 class="data-view-row__header">Bygningens opførelsesår</h3>
</div>
</div>
<div class="row data-view-row data-view-row--has-action ">
<div class="col">
<h4 class="data-view-row__header h5">Bygningsoplysninger</h4>
<ul class="data-view-row__list">
<li>Bygningens opførelsesår
: <em class="text-primary">1980</em> <s class="text--removed">1968</s>
</li>
<li>Seneste om- eller tilbygningsår
: 1995
</li>
</ul>
</div>
<div class="col-12 col-sm-2 mt-3 mt-sm-0">
<a class="btn btn-primary btn-sm btn-block" href="#">
Ret
</a>
</div>
</div>
<div class="row data-view-row ">
<div class="col">
<h4 class="data-view-row__header h5">Materialer</h4>
<ul class="data-view-row__list">
<li>Ydervægsmateriale
: Mursten
</li>
<li>Tagdækningsmateriale
: Fibercement herunder asbest
</li>
</ul>
</div>
</div>
</div>
<div class="data-view__group">
<div class="row data-view-row ">
<div class="col">
<h3 class="data-view-row__header">Bygningens opførelsesår</h3>
</div>
</div>
<div class="row data-view-row data-view-row--has-action ">
<div class="col">
<h4 class="data-view-row__header h5">Bygningsoplysninger</h4>
<ul class="data-view-row__list">
<li>Bygningens opførelsesår
: <em class="text-primary">1980</em> <s class="text--removed">1968</s>
</li>
<li>Seneste om- eller tilbygningsår
: 1995
</li>
</ul>
</div>
<div class="col-12 col-sm-2 mt-3 mt-sm-0">
<a class="btn btn-primary btn-sm btn-block" href="#">
Ret
</a>
</div>
</div>
<div class="row data-view-row ">
<div class="col">
<h4 class="data-view-row__header h5">Materialer</h4>
<ul class="data-view-row__list">
<li>Ydervægsmateriale
: Mursten
</li>
<li>Tagdækningsmateriale
: Fibercement herunder asbest
</li>
</ul>
</div>
</div>
</div>
<div class="data-view" id="building-sub1">
<div class="data-view__inner">
<!-- HEADER -->
<div class="data-view-header " id="collapsibleHeader-sub1">
<div class="row align-items-center">
<div class="col">
<button data-bs-toggle="collapse" data-bs-target="#collapsible-sub1" aria-expanded="false" aria-controls="collapsible-sub1" id="collapsibleToggle-sub1" role="button" class="btn btn-white data-view-header__toggle collapsed">
<h3>
<strong>Rugbjergvej 14, 6230 Rødekrog</strong>
</h3>
</button>
</div>
</div>
</div>
<!-- CONTENT -->
<div id="collapsible-sub1" class="collapse" role="tabpanel" aria-labelledby="collapsibleHeader-sub1">
<div class="data-view__content">
<div class="data-view" id="building-sub2">
<div class="data-view__inner">
<!-- HEADER LVL 2-->
<div class="data-view-header " id="collapsibleHeader-sub2">
<div class="row align-items-center">
<div class="col">
<button data-bs-toggle="collapse" data-bs-target="#collapsible-sub2" aria-expanded="false" aria-controls="collapsible-sub2" id="collapsibleToggle-sub2" role="button" class="btn btn-white data-view-header__toggle collapsed">
<h4>
<strong>Boligen:</strong>
<small>Rugbjergvej 14, Rugbjerg, 6230 Rødekro</small>
</h4>
</button>
</div>
</div>
</div>
<!-- CONTENT LVL 2-->
<div id="collapsible-sub2" class="collapse" role="tabpanel" aria-labelledby="collapsibleHeader-sub2">
<div class="data-view__content">
<div class="data-view__group">
<div class="row data-view-row data-view-row--has-action ">
<div class="col">
<h4 class="data-view-row__header h5">Bygningens opførelsesår</h4>
<ul class="data-view-row__list">
<li>Bygningens opførelsesår
: 1980
</li>
<li>Seneste om- eller tilbygningsår
: 1995
</li>
</ul>
</div>
<div class="col-12 col-sm-2 mt-3 mt-sm-0">
<a class="btn btn-primary btn-sm btn-block" href="#">
Ret
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{#if isCollapsible}}<div id="collapsible{{buildingId}}" class="collapse" role="tabpanel"
aria-labelledby="collapsibleHeader{{buildingId}}">{{/if}}
<div class="data-view__content">
{{#each callout}}
{{> @callout }}
{{/each}}
{{ render '@data-view-group'}}
{{ render '@data-view-group'}}
{{#if hasSublevel}}
{{> @data-view-sub-level }}
{{/if}}
</div>
{{#if isCollapsible}}
</div>{{/if}}
{
"buildingId": "1",
"isCollapsible": true,
"hasSublevel": true
}