BBR

Tilføj ny 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">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--add-building">
            <div class="sidebar-item__choose-location">
                <h5>Klik for at placere bygningen:</h5>
                <p>Klik på kortet. Du skal ramme inden for taget af den bygning, du vil tilføje.</p>
            </div>
            <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>
            <a href="#" class="btn btn-primary btn-lg btn-block">Afslut 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,
  "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"
        }
      ]
    }
  ]
}