Parat til dokumentation
<div class="sidebar-header sidebar--open" id="sidebarHeader">
<div class="row">
<div class="col"><img class="sidebar-header__bbr-logo" src="../../img/logo-bbr.svg" alt="BBR Logo" />
</div>
<div class="col-auto"><img class="sidebar-header__ufs-logo" src="../../img/logo-ufs.svg" alt="Udviklings og forenklingsstyrrelsen" />
</div>
</div>
<hr class="sidebar-header__divider d-sm-none" />
<div class="row d-flex d-sm-none justify-content-between align-items-end">
<div class="col-auto">
<div class="user-support">
<div class="user-support__group">
<div class="dropdown">
<button class="btn btn-primary user-support__toggle user-support__toggle--support" type="button" data-bs-toggle="dropdown" id="dropdownSupportButton">Support</button>
<div class="dropdown-menu" aria-labelledby="dropdownSupportButton">
<button type="button" class="btn-close" aria-label="Luk"></button>
<div class="user-support__content">
<p>Hvis du ønsker hjælp til at bruge Ret BBR, skal du kontakte Ret BBR
Supporten:</p>
<p>Telefon: <a href="tel:72222855">72 22 28 55</a></p>
<p>Telefonerne er åbne mandag til torsdag 9.00 - 15.00 og fredag 9.00
- 14.00</p>
<h5>Kontakt til kommunen</h5>
<p class="mb-0">Du kan kontakte din kommune om BBR via mail, telefon
eller
<a href="#">denne formular</a>.
</p>
</div>
</div>
</div>
</div>
<div class="user-support__group">
<div class="dropdown">
<button class="btn btn-primary user-support__toggle user-support__toggle--user" type="button" data-bs-toggle="dropdown" id="dropdownuserInfoButton">Bruger</button>
<div class="dropdown-menu" aria-labelledby="dropdownuserInfoButton">
<button type="button" class="btn-close" aria-label="Luk"></button>
<div class="user-support__content">
<p class="mb-0 text-nowrap">Anders Landau </p>
<p><small class="text-muted fw-bold">Ejer</small></p>
<p class="mt-3"><a href="#" title="Log ud">Log ud</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-auto">
<button class="btn btn-primary sidebar-toggle sidebar--open" id="sidebarToggleSidebarHeader" aria-label="Sidebar toggle" onclick="toggleSidebar()">
menu
</button>
</div>
</div>
</div>
<div class="sidebar sidebar--open" id="sidebar">
<div class="sidebar__content">
<div class="sidebar-item sidebar-item--property-info">
<div class="sidebar-item__content">
<div class="sidebar__back">
<a href="#" class="back-link">Tilbage til forsiden</a>
</div>
<h1 class="sidebar-item__title h3">Rugbjergvej 14 </h1>
<p class="sidebar-item__address">6230 Rødekro</p>
<a class="btn btn-sm btn-block sidebar-item__property-information-toggle collapsed" data-bs-toggle="collapse" href="#propertyInformation" role="button" aria-expanded="false" aria-controls="propertyInformation">
Ejendomsinformation
</a>
<div class="collapse " id="propertyInformation">
<div class="sidebar-item__property-information">
<ul class="sidebar-item__list">
<li><strong>Ejendomsnr:</strong> 009504</li>
<li><strong>BFE-nummer:</strong> 5247785</li>
<li><strong>Kommune:</strong> Aabenraa (0580)</li>
<li><a href="#" class="icon-link icon-link--download" target="_blank" title="Hent BBR-meddelsen (PDF)" rel="noreferrer">Hent
BBR-meddelsen (PDF)</a></li>
</ul>
</div>
</div>
<nav class="sidebar-item__actions" name="Handlinger">
<a href="#" class="sidebar-item__action sidebar-item__action--add-building " target="_blank" title="Tilføj ny bygning" rel="noreferrer">Tilføj ny bygning</a>
<a href="#" class="sidebar-item__action sidebar-item__action--location " target="_blank" title="Beliggenhed" rel="noreferrer">Beliggenhed</a>
</nav>
<nav class="sidebar-item__actions" name="Special flows">
<a href="#" class="sidebar-item__action sidebar-item__action--small " target="_blank" title="Nem RetBBR" rel="noreferrer">Nem RetBBR</a>
<a href="#" class="sidebar-item__action sidebar-item__action--small " target="_blank" title="Start nyregistrering" rel="noreferrer">Start nyregistrering</a>
</nav>
</div>
</div>
<div class="sidebar-item sidebar-item--building-info ">
<div class="sidebar-item__building-icon sidebar-item__building-icon--helaarsbeboelse">
<img src="../../img/icon-warning.svg" class="sidebar-item__status-icon" alt="Advarsel" aria-label="Advarsel" />
</div>
<div class="sidebar-item__content">
<h2 class="sidebar-item__title h5">
Bygning 1
</h2>
<p class="sidebar-item__address">Rugbjergvej 14, 6230 Rødekro</p>
<p class="sidebar-item__description">Fritliggende enfamilieshus | Opført 1980 | 124 m2</p>
<div class="callout callout--warning ">
<div class="row align-items-center">
<div class="col">
<div class="callout__content">
Flyt ikonet eller bekræft, at det er placeret korrekt
</div>
</div>
</div>
</div>
<a href="#" class="btn btn-outline-primary btn-sm btn-block mt-3">
Se og ret BBR oplysninger
</a>
</div>
</div>
<div class="sidebar-item sidebar-item--building-info ">
<div class="sidebar-item__building-icon sidebar-item__building-icon--carport-garage">
</div>
<div class="sidebar-item__content">
<h2 class="sidebar-item__title h5">
<s class="text--removed">
Bygning 2
</s>
<div class="tag tag--extra-small ">
<span class="tag__inner">fjernet</span>
</div>
</h2>
<p class="sidebar-item__address">Rugbjergvej 14, 6230 Rødekro</p>
<p class="sidebar-item__description">Garage (med plads til et eller to køretøjer) | Opført 168 | 24 m2</p>
<a href="#" class="btn btn-outline-primary btn-sm btn-block mt-3">
Se og ret BBR oplysninger
</a>
</div>
</div>
<div class="sidebar-item sidebar-item--building-info ">
<div class="sidebar-item__building-icon sidebar-item__building-icon--olietank">
</div>
<div class="sidebar-item__content">
<h2 class="sidebar-item__title h5">
Teknisk Anlæg 1
<div class="tag tag--extra-small ">
<span class="tag__inner">tilføjet</span>
</div>
</h2>
<p class="sidebar-item__address">Rugbjergvej 14, 6230 Rødekro</p>
<p class="sidebar-item__description">Etablereret 1987</p>
<ul class="sidebar-item__list">
<li>
<strong>Tank:</strong> Produkt på væskeform
</li>
<li>
<strong>Beliggenhed:</strong> Nedgravet/underjordisk
</li>
<li>
<strong>Indhold:</strong> Fyringsgasolie
</li>
<li>
<strong>Status:</strong> I drift
</li>
</ul>
<a href="#" class="btn btn-outline-primary btn-sm btn-block mt-3">
Se og ret BBR oplysninger
</a>
</div>
</div>
<div class="sidebar-item sidebar-item--building-info ">
<div class="sidebar-item__building-icon sidebar-item__building-icon--vandanlaeg">
</div>
<div class="sidebar-item__content">
<h2 class="sidebar-item__title h5">
Vand og afløb for grund
</h2>
<p class="sidebar-item__address">Rugbjergvej 14, 6230 Rødekro</p>
<ul class="sidebar-item__list">
<li>
<strong>Vandforsyning og afløbsforhold:</strong> Kloak
</li>
<li>
<strong>Grundens vandforsyning:</strong> Ikke alment vandforsyningsanlæg
</li>
<li>
<strong>Grundens afløbsforhold:</strong> Mekanisk rensning med nedsivningsanlæg med tilladelse
</li>
</ul>
</div>
</div>
<div class="sidebar-item sidebar-item--property-info">
<div class="sidebar-item__content">
<div class="sidebar__back">
<a href="#" class="back-link">Tilbage til forsiden</a>
</div>
<h1 class="sidebar-item__title h3">Rugbjergvej 14 </h1>
<p class="sidebar-item__address">6230 Rødekro</p>
<a class="btn btn-sm btn-block sidebar-item__property-information-toggle collapsed" data-bs-toggle="collapse" href="#propertyInformation" role="button" aria-expanded="false" aria-controls="propertyInformation">
Ejendomsinformation
</a>
<div class="collapse " id="propertyInformation">
<div class="sidebar-item__property-information">
<ul class="sidebar-item__list">
<li><strong>Ejendomsnr:</strong> 009504</li>
<li><strong>BFE-nummer:</strong> 5247785</li>
<li><strong>Kommune:</strong> Aabenraa (0580)</li>
<li><a href="#" class="icon-link icon-link--download" target="_blank" title="Hent BBR-meddelsen (PDF)" rel="noreferrer">Hent
BBR-meddelsen (PDF)</a></li>
</ul>
</div>
</div>
<nav class="sidebar-item__actions" name="Handlinger">
<a href="#" class="sidebar-item__action sidebar-item__action--add-building " target="_blank" title="Tilføj ny bygning" rel="noreferrer">Tilføj ny bygning</a>
<a href="#" class="sidebar-item__action sidebar-item__action--location " target="_blank" title="Beliggenhed" rel="noreferrer">Beliggenhed</a>
</nav>
<nav class="sidebar-item__actions" name="Special flows">
<a href="#" class="sidebar-item__action sidebar-item__action--small " target="_blank" title="Nem RetBBR" rel="noreferrer">Nem RetBBR</a>
<a href="#" class="sidebar-item__action sidebar-item__action--small " target="_blank" title="Start nyregistrering" rel="noreferrer">Start nyregistrering</a>
</nav>
</div>
</div>
<div class="sidebar-item sidebar-item--inline-edit ">
<div class="form-floating is-required">
<select class="form-select " id="floatingSelect" aria-label="" required>
<option disabled>Vælg fra menuen</option>
<option value="valg1" selected>Valg 1</option>
<option value="valg2" selected>Valg 2</option>
<option value="valg3" selected>Valg 3</option>
</select>
<label for="floatingSelect">Bygningens anvendelse</label>
<small class="text-muted">Klik på ? for at få hjælp til at vælge anvendelsen for bygningen</small>
</div>
<small>
<div class="read-more">
<div class="collapse" id="helpTextCollapse1">
<div class="read-more__content text-muted">
Det samlede areal af alle etager - undtagen kælder og tagetage. Arealet skal måles til ydersiden af ydervægge.
</div>
</div>
<a class="read-more__toggle collapsed" data-bs-toggle="collapse" href="#helpTextCollapse1" role="button" aria-expanded="false" aria-controls="helpTextCollapse1" aria-label="Læs mere">
</a>
</div>
</small>
</div>
<div class="sidebar-item sidebar-item--inline-edit ">
<div class="form-floating is-required ">
<input type="number" class="form-control " id="floatingInput" placeholder="Bygningens opførelsesår" required>
<label for="floatingInput">Bygningens opførelsesår</label>
<small class="text-muted">Det år byggeriet er færdigmeldt eller taget i brug</small>
</div>
</div>
<div class="sidebar-item sidebar-item--inline-edit ">
<div class="form-floating is-required ">
<input type="number" class="form-control " id="floatingInput" placeholder="Bebygget areal (m2)" required>
<label for="floatingInput">Bebygget areal (m2)</label>
<small class="text-muted">Det areal bygningen fylder på grunden. Arealet skal måles til ydersiden af ydervægge</small>
</div>
</div>
<div class="sidebar-item sidebar-item--inline-edit ">
<div class="form-floating is-required">
<select class="form-select " id="floatingSelect" aria-label="" required>
<option disabled>Vælg fra menuen</option>
<option value="valg1" selected>Valg 1</option>
<option value="valg2" selected>Valg 2</option>
<option value="valg3" selected>Valg 3</option>
</select>
<label for="floatingSelect">Ydervægsmateriale</label>
<small class="text-muted">Det ydervægsmateriale der er anvendt på størstedelen af bygningen</small>
</div>
</div>
<div class="sidebar-item sidebar-item--inline-edit ">
<div class="form-floating is-required">
<select class="form-select " id="floatingSelect" aria-label="" required>
<option disabled>Vælg fra menuen</option>
<option value="valg1" selected>Valg 1</option>
<option value="valg2" selected>Valg 2</option>
<option value="valg3" selected>Valg 3</option>
</select>
<label for="floatingSelect">Tagdækningsmateriale</label>
<small class="text-muted">Det tagdækningsmateriale der er anvendt på størstedelen af bygningen</small>
</div>
</div>
<div class="sidebar-item sidebar-item--add-building">
<a href="#" class="btn btn-primary btn-lg btn-block">Gem og afslut Tilføj Bygning</a>
<a href="#" class="btn btn-light btn-sm btn-block mt-3">Annuller tilføj bygning</a>
</div>
</div>
</div>
{{> @sidebar-header }}
<div class="sidebar sidebar--open" id="sidebar">
<div class="sidebar__content">
{{#each header }}
{{> @sidebar-item-property }}
{{/each}}
{{#if hasMapError}}
<div class="sidebar-item">
{{ render '@callout--danger' }}
</div>
{{/if}}
{{#each buildings }}
{{> @sidebar-item-building }}
{{/each}}
{{#if editBuilding}}
{{ render '@sidebar-item-property--edit-building' }}
{{ render '@sidebar-item-tabs' }}
{{/if}}
{{#if isEasyEdit}}
{{ render '@sidebar-item-property' }}
{{ render '@sidebar-item-building--remove-application-type'}}
{{ render '@sidebar-item-building--set-application-type'}}
{{ render '@sidebar-item-building--has-radio-button'}}
{{/if}}
{{#if addBuilding}}
{{#each header }}
{{> @sidebar-item-property }}
{{/each}}
{{#if addBuildingStep2}}
{{#each inputOptions }}
{{> @sidebar-item-inline-edit }}
{{/each}}
{{/if}}
{{> @sidebar-item-add-building }}
{{/if}}
{{#if newRegistration }}
{{ render '@sidebar-item-property' }}
{{> @flow-pager }}
{{/if}}
</div>
</div>
{
"header": [
{
"title": "Rugbjergvej 14",
"address": "6230 Rødekro",
"headerBackLabel": "Tilbage til forsiden",
"list": [
{
"listTitle": "Ejendomsnr",
"listValue": "009504"
},
{
"listTitle": "BFE-nummer",
"listValue": "5247785"
},
{
"listTitle": "Kommune",
"listValue": "Aabenraa (0580)"
}
],
"actions": [
{
"actionTitle": "Tilføj ny bygning",
"actionIcon": "add-building"
},
{
"actionTitle": "Beliggenhed",
"actionIcon": "location"
}
],
"specialActions": [
{
"actionTitle": "Nem RetBBR"
},
{
"actionTitle": "Start nyregistrering"
}
]
}
],
"buildings": [
{
"title": "Bygning 1",
"address": "Rugbjergvej 14, 6230 Rødekro",
"buildingIcon": "helaarsbeboelse",
"description": "Fritliggende enfamilieshus | Opført 1980 | 124 m2",
"hasWarning": true,
"hasAction": true
},
{
"title": "Bygning 2",
"address": "Rugbjergvej 14, 6230 Rødekro",
"buildingIcon": "carport-garage",
"description": "Garage (med plads til et eller to køretøjer) | Opført 168 | 24 m2",
"hasRemoved": true,
"hasAction": true
},
{
"title": "Teknisk Anlæg 1",
"address": "Rugbjergvej 14, 6230 Rødekro",
"buildingIcon": "olietank",
"description": "Etablereret 1987",
"list": [
{
"listTitle": "Tank",
"listValue": "Produkt på væskeform"
},
{
"listTitle": "Beliggenhed",
"listValue": "Nedgravet/underjordisk"
},
{
"listTitle": "Indhold",
"listValue": "Fyringsgasolie"
},
{
"listTitle": "Status",
"listValue": "I drift"
}
],
"hasAdded": true,
"hasAction": true
},
{
"title": "Vand og afløb for grund",
"address": "Rugbjergvej 14, 6230 Rødekro",
"buildingIcon": "vandanlaeg",
"list": [
{
"listTitle": "Vandforsyning og afløbsforhold",
"listValue": "Kloak"
},
{
"listTitle": "Grundens vandforsyning",
"listValue": "Ikke alment vandforsyningsanlæg"
},
{
"listTitle": "Grundens afløbsforhold",
"listValue": "Mekanisk rensning med nedsivningsanlæg med tilladelse"
}
]
}
],
"isOverview": false,
"addBuilding": true,
"addBuildingStep2": true,
"sidebarItemHeader": [
{
"title": "Tilføj ny bygning",
"address": "Sulsted Landevej 10, 9380 Vestbjerg",
"list": [
{
"listTitle": "Ejendomsnr",
"listValue": "296905"
},
{
"listTitle": "BFE-Nummer",
"listValue": "5247785"
},
{
"listTitle": "Kommune",
"listValue": "Aalborg"
}
]
}
],
"inputOptions": [
{
"placeholder": "Bygningens anvendelse",
"isRequired": true,
"select": true,
"helpText": "Klik på ? for at få hjælp til at vælge anvendelsen for bygningen",
"hasReadMore": true,
"readMoreId": "1",
"readMoreContent": "Det samlede areal af alle etager - undtagen kælder og tagetage. Arealet skal måles til ydersiden af ydervægge."
},
{
"placeholder": "Bygningens opførelsesår",
"isRequired": true,
"type": "number",
"helpText": "Det år byggeriet er færdigmeldt eller taget i brug"
},
{
"placeholder": "Bebygget areal (m2)",
"isRequired": true,
"type": "number",
"helpText": "Det areal bygningen fylder på grunden. Arealet skal måles til ydersiden af ydervægge"
},
{
"placeholder": "Ydervægsmateriale",
"isRequired": true,
"select": true,
"helpText": "Det ydervægsmateriale der er anvendt på størstedelen af bygningen"
},
{
"placeholder": "Tagdækningsmateriale",
"isRequired": true,
"select": true,
"helpText": "Det tagdækningsmateriale der er anvendt på størstedelen af bygningen"
}
]
}