BBR

Ret bygning

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">Gem og gå tilbage til vis ejendom</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>

            </div>
        </div>
        <div class="sidebar-item sidebar-item--alert">
            <div class="sidebar-item__info">
                <p class="h5">Bygningsoplysninger</p>
                <p>Oplysninger om byggeår og ombygningsår bruges både i den offentlige forvaltning og i den private sektor, fx offentlige endomsvurdering, privat kreditvurdering, energiberegninger, statistiske formål.</p>
                <p>Bygningers materialer kan være vigtige oplysninger, fx i forbindelse med fx ved brandslukning eller i forbindelse med lokalplaner. Af helbreds- og miljømæssige årsager registreres asbestholdige materialer. Forskellige materialer har forskellig værdi og holdbarhed, hvorfor det også har betydning for en bygnings værdisætning.</p>
                <div class="sidebar-item__info-toggle">
                    <div class="btn btn-info"></div>
                </div>
            </div>
        </div>

        <div class="sidebar-item sidebar-item--building-info     show-on-mobile">
            <div class="sidebar-item__building-icon sidebar-item__building-icon--helaarsbeboelse">
            </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>
        </div>
    </div>
</div>
<button class="btn btn-primary sidebar-toggle sidebar--open" id="sidebarToggle" aria-label="Sidebar toggle" onclick="toggleSidebar()">
    menu
</button>
<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 class="page-wrapper page-wrapper--padding-top sidebar--open" id="pageWrapper">
    <div class="container">
        <div class="data-view data-view--no-indent data-view--no-margin-top">
            <div class="data-view__inner">
                <div class="data-view__content">
                    <div class="data-view__group data-view__group--no-border">

                        <div class="row data-view-row  ">
                            <div class="col">
                                <h3 class="data-view-row__header">Ret eller tilføj Bygningsoplysninger</h3>
                            </div>
                        </div>
                        <div class="row data-view-row  data-view-row--is-inline-edit">
                            <div class="col-12 mb-3">
                                <div class="callout callout--warning my-0">
                                    <div class="row align-items-center">
                                        <div class="col">
                                            <div class="callout__content">
                                                <h4 class="callout__title">En heading hvis nødvendigt</h4>
                                                En generisk besked der viser brugeren at de skal tage stilling her
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg mb-2 mb-lg-0">
                                <div class="form-floating is-required ">
                                    <input type="number" class="form-control  " id="floatingInput" placeholder="Bygningens opførelsesår" value="1980" required>
                                    <label for="floatingInput">Bygningens opførelsesår</label>
                                </div>
                                <p class="data-view-row__old-value">1968</p>
                            </div>
                            <div class="col-lg">
                                <div class="data-view-row__help-text">
                                    <small class="text-muted"></small>
                                </div>
                            </div>
                        </div>
                        <div class="row data-view-row  data-view-row--is-inline-edit">
                            <div class="col-lg mb-2 mb-lg-0">
                                <div class="form-floating  ">
                                    <input type="number" class="form-control  " id="floatingInput" placeholder="Seneste om- eller tilbygningsår" value="1995">
                                    <label for="floatingInput">Seneste om- eller tilbygningsår</label>
                                </div>
                            </div>
                            <div class="col-lg">
                                <div class="data-view-row__help-text">
                                    <small class="text-muted">Skal kun skrives, hvis der er sket væsentlig om- eller tilbygning. Hvis der både er blevet om- eller tilbygget i fx 1985 og 2002, så er det ombygningen fra 2002, der skal noteres i feltet.</small>
                                    <small>
                                        <div class="read-more">
                                            <div class="collapse" id="helpTextCollapse1">
                                                <div class="read-more__content text-muted">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                                    <p><a href='#'>Augue ut</a>, <a href='#'>tempor lobortis ligula</a>.</p>
                                                    <ul>
                                                        <li>Lorem ipsum dolor sit amet</li>
                                                        <li>Quisque nibh sem, semper id arcu in, congue placerat odio. Vestibulum pellentesque lectus eu justo vestibulum dictum</li>
                                                    </ul>
                                                </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>
                        </div>
                        <div class="row data-view-row  data-view-row--is-inline-edit">
                            <div class="col-lg mb-2 mb-lg-0">
                                <div class="form-floating is-required">
                                    <select class="form-select  " id="floatingSelect" aria-label="" required>
                                        <option disabled>Vælg fra menuen</option>
                                        <option value="Ikke valgt">Ikke valgt</option>
                                        <option value="1 - Mursten" selected>1 - Mursten</option>
                                        <option value="2 - Letbetonsten">2 - Letbetonsten</option>
                                        <option value="3 - Fibercement herunder asbest">3 - Fibercement herunder asbest</option>
                                    </select>
                                    <label for="floatingSelect">Ydervægsmateriale</label>
                                </div>
                            </div>
                            <div class="col-lg">
                                <div class="data-view-row__help-text">
                                    <small class="text-muted">Det ydervægsmateriale der er anvendt på størstedelen af bygningen</small>
                                </div>
                            </div>
                        </div>
                        <div class="row data-view-row  data-view-row--is-inline-edit">
                            <div class="col-lg mb-2 mb-lg-0">
                                <div class="form-floating ">
                                    <select class="form-select  " id="floatingSelect" aria-label="">
                                        <option disabled>Vælg fra menuen</option>
                                        <option value="Ikke valgt" selected>Ikke valgt</option>
                                        <option value="1 - Mursten">1 - Mursten</option>
                                        <option value="2 - Letbetonsten">2 - Letbetonsten</option>
                                        <option value="3 - Fibercement herunder asbest">3 - Fibercement herunder asbest</option>
                                    </select>
                                    <label for="floatingSelect">Supplerende ydervægsmateriale</label>
                                </div>
                            </div>
                            <div class="col-lg">
                                <div class="data-view-row__help-text">
                                    <small class="text-muted">Kan udfyldes, hvis en del af ydervægsmaterialet afviger fra det primære.</small>
                                </div>
                            </div>
                        </div>
                        <div class="row data-view-row  data-view-row--is-inline-edit">
                            <div class="col-lg mb-2 mb-lg-0">
                                <div class="form-floating is-required">
                                    <select class="form-select  " id="floatingSelect" aria-label="" required>
                                        <option disabled>Vælg fra menuen</option>
                                        <option value="Ikke valgt">Ikke valgt</option>
                                        <option value="1 - Mursten">1 - Mursten</option>
                                        <option value="2 - Letbetonsten">2 - Letbetonsten</option>
                                        <option value="3 - Fibercement herunder asbest" selected>3 - Fibercement herunder asbest</option>
                                    </select>
                                    <label for="floatingSelect">Tagdækningsmateriale</label>
                                </div>
                            </div>
                            <div class="col-lg">
                                <div class="data-view-row__help-text">
                                    <small class="text-muted">Det tagdækningsmateriale der er anvendt på størstedelen af bygningen</small>
                                </div>
                            </div>
                        </div>
                        <div class="row data-view-row  data-view-row--is-inline-edit">
                            <div class="col-lg mb-2 mb-lg-0">
                                <div class="form-floating ">
                                    <select class="form-select  " id="floatingSelect" aria-label="">
                                        <option disabled>Vælg fra menuen</option>
                                        <option value="Ikke valgt" selected>Ikke valgt</option>
                                        <option value="1 - Mursten">1 - Mursten</option>
                                        <option value="2 - Letbetonsten">2 - Letbetonsten</option>
                                        <option value="3 - Fibercement herunder asbest">3 - Fibercement herunder asbest</option>
                                    </select>
                                    <label for="floatingSelect">Supplerende tagdækningsmateriale</label>
                                </div>
                            </div>
                            <div class="col-lg">
                                <div class="data-view-row__help-text">
                                    <small class="text-muted">Kan udfyldes, hvis en del af tagdækningsmaterialet afviger fra det primære.</small>
                                </div>
                            </div>
                        </div>
                        <div class="row data-view-row  data-view-row--is-inline-edit">
                            <div class="col-lg mb-2 mb-lg-0">
                                <div class="form-floating ">
                                    <select class="form-select  " id="floatingSelect" aria-label="">
                                        <option disabled>Vælg fra menuen</option>
                                        <option value="Ikke valgt" selected>Ikke valgt</option>
                                        <option value="0 - Bygningen eksistere">0 - Bygningen eksistere</option>
                                        <option value="1 - Bygningen skal registreres som fjernet">1 - Bygningen skal registreres som fjernet</option>
                                    </select>
                                    <label for="floatingSelect">Fjern bygning</label>
                                </div>
                            </div>
                            <div class="col-lg">
                                <div class="data-view-row__help-text">
                                    <small class="text-muted">Hvis bygningen ikke længere eksisterer, skal du vælge 1 - Bygningen skal registreres som fjernet.<br><strong>OBS</strong> - alle andre ændringer, du evt. har lavet på bygningen, bliver ikke indberettet.</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="flow-nav ">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-12 col-lg-auto order-lg-last">
                    <a href="#" class="btn btn-dark btn-lg btn-block">
                        Gem og gå tilbage til vis ejendom
                    </a>
                </div>
                <div class="col-12 col-lg-auto order-lg-first">
                    <div class="row">
                        <div class="col-12 col-lg-auto mt-2 mt-lg-0">
                            <a href="#" class="btn btn-outline-white btn-block">
                                Annuller ændringer
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <nav class="container" name="Footer navigation">
            <ul class="footer__nav">
                <li class="footer__nav-item"><a class="footer__nav-link" href="https://bbr.dk/om-bbr" title="Om Ret BBR">Om
                        BBR</a>
                </li>
                <li class="footer__nav-item"><a class="footer__nav-link" href="https://bbr.dk/persondata" title="Persondata">Persondata</a></li>
                <li class="footer__nav-item"><a class="footer__nav-link" href="https://bbr.dk/cookies" title="Cookies">Cookies</a>
                </li>
                <li class="footer__nav-item"><a class="footer__nav-link" href="https://www.was.digst.dk/bbr-dk" title="Tilgængelighedserklæring" target="_blank">Tilgængelighedserklæring</a></li>
                <li class="footer__nav-item"><a class="footer__nav-link" href="#" title="Tilgængelighedserklæring" target="_blank">Support</a></li>
            </ul>
        </nav>
    </footer>
</div>
 
{{> @sidebar-header }}

<div class="sidebar sidebar--open" id="sidebar">
    <div class="sidebar__content">
        
        {{#each header }}
        {{> @sidebar-item-property }}
        {{/each}}

        <div class="sidebar-item sidebar-item--alert">
            <div class="sidebar-item__info">
                <p class="h5">Bygningsoplysninger</p>
                <p>Oplysninger om byggeår og ombygningsår bruges både i den offentlige forvaltning og i den private sektor, fx offentlige endomsvurdering, privat kreditvurdering, energiberegninger, statistiske formål.</p>
                <p>Bygningers materialer kan være vigtige oplysninger, fx i forbindelse med fx ved brandslukning eller i forbindelse med lokalplaner. Af helbreds- og miljømæssige årsager registreres asbestholdige materialer. Forskellige materialer har forskellig værdi og holdbarhed, hvorfor det også har betydning for en bygnings værdisætning.</p>
                <div class="sidebar-item__info-toggle">
                    <div class="btn btn-info"></div>
                </div>
            </div>
        </div>

        {{#each buildings }}
        {{> @sidebar-item-building}}
        {{/each}}
        
    </div>
</div>
{{> @sidebar-toggle}}
{{> @user-support}}
<div class="page-wrapper page-wrapper--padding-top sidebar--open" id="pageWrapper">
    <div class="container">
        <div class="data-view data-view--no-indent data-view--no-margin-top">
            <div class="data-view__inner">
                <div class="data-view__content">
                    {{#each dataViewGroup }}
                    <div class="data-view__group data-view__group--no-border">
                        {{#each dataViewRow}}
                        {{> @data-view-row }}
                        {{/each}}
                    </div>
                    {{/each}}
                </div>
            </div>
        </div>
    </div>
    {{> @flow-nav primaryActionLabel="Gem og gå tilbage til vis ejendom" secondaryActionLabel="Annuller ændringer"}}
    {{> @footer }}
</div>
 
{
  "header": [
    {
      "title": "Rugbjergvej 14",
      "address": "6230 Rødekro",
      "headerBackLabel": "Gem og gå tilbage til vis ejendom",
      "list": [
        {
          "listTitle": "Ejendomsnr",
          "listValue": "009504"
        },
        {
          "listTitle": "BFE-nummer",
          "listValue": "5247785"
        },
        {
          "listTitle": "Kommune",
          "listValue": "Aabenraa (0580)"
        }
      ]
    }
  ],
  "buildings": [
    {
      "title": "Bygning 1",
      "address": "Rugbjergvej 14, 6230 Rødekro",
      "buildingIcon": "helaarsbeboelse",
      "description": "Fritliggende enfamilieshus | Opført 1980 | 124 m2",
      "showOnMobile": true
    }
  ],
  "buildingSections": [
    {
      "buildingSectionTitle": "Bygningsoplysninger",
      "buildingSectionDescription": "<strong>3</strong> rettelser foretaget",
      "buildingSectionActive": true
    },
    {
      "buildingSectionTitle": "Bygningens arealer og etager",
      "buildingSectionDescription": "Ingen rettelser foretaget"
    },
    {
      "buildingSectionTitle": "Varme og energi",
      "buildingSectionDescription": "Ingen rettelser foretaget"
    },
    {
      "buildingSectionTitle": "Anvendelse",
      "buildingSectionDescription": "Ingen rettelser foretaget"
    },
    {
      "buildingSectionTitle": "Enhed: Boligen",
      "buildingSectionDescription": "Ingen rettelser foretaget"
    }
  ],
  "dataViewGroup": [
    {
      "dataViewRow": [
        {
          "header": true,
          "title": "Ret eller tilføj Bygningsoplysninger"
        },
        {
          "isInlineEdit": true,
          "type": "number",
          "isRequired": true,
          "placeholder": "Bygningens opførelsesår",
          "value": "1980",
          "oldValue": "1968",
          "hasWarning": true
        },
        {
          "isInlineEdit": true,
          "type": "number",
          "placeholder": "Seneste om- eller tilbygningsår",
          "value": "1995",
          "inlineHelpText": "Skal kun skrives, hvis der er sket væsentlig om- eller tilbygning. Hvis der både er blevet om- eller tilbygget i fx 1985 og 2002, så er det ombygningen fra 2002, der skal noteres i feltet.",
          "hasReadMore": true,
          "readMoreContent": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p><a href='#'>Augue ut</a>, <a href='#'>tempor lobortis ligula</a>.</p><ul><li>Lorem ipsum dolor sit amet</li><li>Quisque nibh sem, semper id arcu in, congue placerat odio. Vestibulum pellentesque lectus eu justo vestibulum dictum</li></ul>",
          "readMoreId": "1"
        },
        {
          "isInlineEdit": true,
          "type": "select",
          "select": true,
          "isRequired": true,
          "placeholder": "Ydervægsmateriale",
          "options": [
            {
              "value": "Ikke valgt"
            },
            {
              "value": "1 - Mursten",
              "optionIsSelected": true
            },
            {
              "value": "2 - Letbetonsten"
            },
            {
              "value": "3 - Fibercement herunder asbest"
            }
          ],
          "inlineHelpText": "Det ydervægsmateriale der er anvendt på størstedelen af bygningen"
        },
        {
          "isInlineEdit": true,
          "type": "select",
          "select": true,
          "placeholder": "Supplerende ydervægsmateriale",
          "options": [
            {
              "value": "Ikke valgt",
              "optionIsSelected": true
            },
            {
              "value": "1 - Mursten"
            },
            {
              "value": "2 - Letbetonsten"
            },
            {
              "value": "3 - Fibercement herunder asbest"
            }
          ],
          "inlineHelpText": "Kan udfyldes, hvis en del af ydervægsmaterialet afviger fra det primære."
        },
        {
          "isInlineEdit": true,
          "type": "select",
          "select": true,
          "isRequired": true,
          "placeholder": "Tagdækningsmateriale",
          "options": [
            {
              "value": "Ikke valgt"
            },
            {
              "value": "1 - Mursten"
            },
            {
              "value": "2 - Letbetonsten"
            },
            {
              "value": "3 - Fibercement herunder asbest",
              "optionIsSelected": true
            }
          ],
          "inlineHelpText": "Det tagdækningsmateriale der er anvendt på størstedelen af bygningen"
        },
        {
          "isInlineEdit": true,
          "type": "select",
          "select": true,
          "placeholder": "Supplerende tagdækningsmateriale",
          "options": [
            {
              "value": "Ikke valgt",
              "optionIsSelected": true
            },
            {
              "value": "1 - Mursten"
            },
            {
              "value": "2 - Letbetonsten"
            },
            {
              "value": "3 - Fibercement herunder asbest"
            }
          ],
          "inlineHelpText": "Kan udfyldes, hvis en del af tagdækningsmaterialet afviger fra det primære."
        },
        {
          "isInlineEdit": true,
          "type": "select",
          "select": true,
          "placeholder": "Fjern bygning",
          "options": [
            {
              "value": "Ikke valgt",
              "optionIsSelected": true
            },
            {
              "value": "0 - Bygningen eksistere"
            },
            {
              "value": "1 - Bygningen skal registreres som fjernet"
            }
          ],
          "inlineHelpText": "Hvis bygningen ikke længere eksisterer, skal du vælge 1 - Bygningen skal registreres som fjernet.<br><strong>OBS</strong> - alle andre ændringer, du evt. har lavet på bygningen, bliver ikke indberettet."
        }
      ]
    }
  ]
}