Parat til dokumentation
<div class="data-view" id="building">
<div class="data-view__inner">
<div class="data-view-header " id="collapsibleHeader1">
<div class="row align-items-center">
<div class="col">
<button data-bs-toggle="collapse" data-bs-target="#collapsible1" aria-expanded="false" aria-controls="collapsible1" id="collapsibleToggle1" role="button" class="btn btn-white data-view-header__toggle collapsed">
<h2 class="mb-1">
<strong>Bygning 1:</strong>
<small>Rugbjergvej 14, 6230 Rødekro</small>
</h2>
<p class="mb-0">Fritliggende
enfamiliehus (kode:120), Opført 1968, 144 m2</p>
</button>
<a href="#" class="btn btn-light btn-sm data-view-header__show-on-map">Vis på kort</a>
</div>
</div>
</div>
<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>
</div>
</div>
<div class="data-view" id="building">
<div class="data-view__inner">
<div class="data-view-header " id="collapsibleHeader2">
<img src="../../img/icon-warning.svg" class="data-view-header__status-icon" alt="Advarsel" aria-label="Advarsel" />
<div class="row align-items-center">
<div class="col">
<button data-bs-toggle="collapse" data-bs-target="#collapsible2" aria-expanded="false" aria-controls="collapsible2" id="collapsibleToggle2" role="button" class="btn btn-white data-view-header__toggle collapsed">
<h2 class="mb-1">
<strong>Bygning 2:</strong>
<small>Rugbjergvej 14, 6230 Rødekro</small>
</h2>
<p class="mb-0">Fritliggende
enfamiliehus (kode:120), Opført 1968, 144 m2</p>
</button>
<a href="#" class="btn btn-light btn-sm data-view-header__show-on-map">Vis på kort</a>
</div>
</div>
</div>
<div id="collapsible2" class="collapse" role="tabpanel" aria-labelledby="collapsibleHeader2">
<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>
</div>
</div>
<div class="data-view" id="building{{buildingId}}">
<div class="data-view__inner">
{{> @data-view-header title="Bygning 1" address="Rugbjergvej 14, 6230 Rødekro" description="Fritliggende
enfamiliehus (kode:120), Opført 1968, 144 m2" buildingId="1"
showOnMap=true isCollapsible=true}}
{{> @data-view-content buildingId="1"
isCollapsible=true hasSublevel=true}}
</div>
</div>
<div class="data-view" id="building{{buildingId}}">
<div class="data-view__inner">
{{> @data-view-header title="Bygning 2" address="Rugbjergvej 14, 6230 Rødekro" description="Fritliggende
enfamiliehus (kode:120), Opført 1968, 144 m2" buildingId="2"
showOnMap=true isCollapsible=true hasWarning=true}}
{{> @data-view-content buildingId="2"
isCollapsible=true hasSublevel=true hasWarning=true modifier="success"}}
</div>
</div>
/* Ingen data defineret. */