BBR

Tilføj 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 afslut Tilføj Bygning</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">Klik for at placere bygningen.</p>
                <p>Klik på kortet. Du skal ramme inden for taget af den bygning, du vil tilføje.</p>
                <p>Du kan kun tilføje småbygninger, som f.eks. udhuse, carporte mv. Større bygninger skal tilføjes via henvendelse til den kommune, ejendommen ligger i.</p>
                <div class="sidebar-item__info-toggle">
                    <div class="btn btn-info"></div>
                </div>
            </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 sidebar--open" id="pageWrapper">

    <div class="bbr-map bbr-map--fullscreen " id="bbrMap">
        <div id="bbr-map-container"></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 afslut Tilføj Bygning
                    </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 tilføj bygning
                            </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">Klik for at placere bygningen.</p>
                <p>Klik på kortet. Du skal ramme inden for taget af den bygning, du vil tilføje.</p>
                <p>Du kan kun tilføje småbygninger, som f.eks. udhuse, carporte mv. Større bygninger skal tilføjes via henvendelse til den kommune, ejendommen ligger i.</p>
                <div class="sidebar-item__info-toggle">
                    <div class="btn btn-info"></div>
                </div>
            </div>
        </div>
        
    </div>
</div>
{{> @sidebar-toggle}}
{{> @user-support}}
<div class="page-wrapper sidebar--open" id="pageWrapper">

    {{> @map isFullscreen=true}}
    {{> @flow-nav primaryActionLabel="Gem og afslut Tilføj Bygning" secondaryActionLabel="Annuller tilføj bygning" }}
    {{> @footer }}
</div>
 
{
  "header": [
    {
      "title": "Rugbjergvej 14",
      "address": "6230 Rødekro",
      "headerBackLabel": "Gem og afslut Tilføj Bygning",
      "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",
      "description": "Fritliggende enfamiliehus (parcelhus) | Opførelsesår 1968 | 144 m2",
      "buildingId": "1",
      "showOnMap": true,
      "isCollapsible": true,
      "hasSublevel": true,
      "hasWarning": true,
      "callout": [
        {
          "content": "Ikonet for bygning er flyttet<br>Bygning 1's beliggenhed er ikke bekræftet",
          "hasAction": true,
          "actionLabel": "Fortryd",
          "calloutType": "success"
        },
        {
          "content": "Du skal fortælle, hvor bygningen er placeret. Er beliggenheden korrekt, skal du bekræfte den. Er beliggenheden forkert, skal du flytte på beliggenheden. Ved du ikke, hvor bygningen ligger, skal du ikke rette beliggenheden.",
          "hasAction": true,
          "actionLabel": "Bekræft ikonets beliggenhed eller flyt det",
          "calloutType": "warning"
        }
      ]
    },
    {
      "title": "Bygning 2",
      "address": "Rugbjergvej 14, 6230 Rødekro",
      "description": "Garage (med plads til et eller to køretøjer) | Opførelsesår 1968 | 24 m2",
      "buildingId": "2",
      "showOnMap": true,
      "isCollapsible": true,
      "hasSublevel": true,
      "hasRemoved": true,
      "callout": [
        {
          "content": "<p><strong>Der er uoverensstemmelse mellem følgende</strong></p><ul><li>Bygnings varmeinstallation: Centralvarme med én fyringsenhed</li><li>Anden varmeinstallation end bygningens: Centralvarme med én fyringsenhed</li><li>Anden opvarmningsenhed end bygningens: Naturugas</li></ul>",
          "errorCode": "(ID:83)",
          "calloutType": "warning"
        }
      ]
    },
    {
      "title": "Teknisk Anlæg 1",
      "address": "Rugbjergvej 14, 6230 Rødekro",
      "description": "Tank (Produkt på væskeform) | Etableringsår 1987",
      "buildingId": "3",
      "showOnMap": true,
      "isCollapsible": true,
      "hasSublevel": true,
      "hasAdded": true
    },
    {
      "title": "Vand og afløb for grunden",
      "address": "Rugbjergvej 14, 6230 Rødekro",
      "description": "2 bygninger",
      "buildingId": "4",
      "isCollapsible": true
    }
  ]
}