BBR

Med system besked

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--alert">
            <div class="sidebar-item__warning show-more">
                <button type="button" class="btn-close sidebar-item__close" aria-label="Close"></button>
                <p class="h5">I dag mandag d. 28.12. mellem kl. 16 og 18, kan der være periodiske udfald på Ret BBR</p>
                <p>Du kan opleve længere svartider og evt. kortere perioder, hvor du ikke kan hente ejendomsdata eller sende indberetninger.</p>
                <p>De periodiske udfald skyldes arbejde på BBR-systemet.</p>
                <div class="sidebar-item__warning-toggle">
                    <div class="btn btn-dark"></div>
                </div>
            </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>

            </div>
        </div>
        <nav class="flow-pager">
            <ul class="flow-pager__level-1">
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link active">
                        <div class="flow-pager__level-1-title">1. Bekræft ændringsforslag</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link">
                        <div class="flow-pager__level-1-title">2. Dine kontaktoplysninger</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link">
                        <div class="flow-pager__level-1-title">3. Kvittering</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
            </ul>
        </nav>
    </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--half-screen" id="bbrMap">
        <div id="bbr-map-container"></div>
    </div>
    <div class="alert alert-warning  system-alert" role="alert">
        <div class="container">
            <p class="system-alert__title">
                Dine ændringsforslag er ikke sendt endnu
            </p>
            <div class="system-alert__content">
                <p>Gå til bunden af siden og bekræft, at oplysningerne er korrekte. Derefter kan du udfylde dine kontaktoplysninger og sende ændringsforslagene til kommunen.</p>
            </div>
        </div>
    </div>
    <div class="container mt-3 mt-sm-5">
        <div class="row">
            <div class="col">
                <h2 class="fw-bold">Bekræft ændringsforslag</h2>
            </div>
        </div>
        <div class="data-view data-view--no-indent">
            <div class="data-view__inner">
                <div class="data-view-header  ">
                    <div class="row align-items-center">
                        <div class="col">
                            <h4>

                                <strong>Bygning 1:</strong>
                                <small>Rugbjergvej 14, 6230 Rødekro</small>

                            </h4>
                        </div>
                    </div>
                </div>
                <div class="data-view__content">
                    <div class="data-view__group">

                        <div class="row data-view-row  ">
                            <div class="col">

                                <ul class="data-view-row__list">
                                    <li>Bygningens opførelsesår
                                        : <em class="text-primary">1972</em> <s class="text--removed">1973</s>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="data-view">
                        <div class="data-view__inner">
                            <div class="data-view-header  ">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h5>

                                            <strong>Boligen:</strong>
                                            <small>Rugbjergvej 14, 6230 Rødekro</small>

                                        </h5>
                                    </div>
                                </div>
                            </div>
                            <div class="data-view__content">
                                <div class="data-view__group">

                                    <div class="row data-view-row  ">
                                        <div class="col">

                                            <ul class="data-view-row__list">
                                                <li>Antal værelser i alt
                                                    : <em class="text-primary">6</em> <s class="text--removed">7</s>
                                                </li>
                                                <li>Antal toiletter
                                                    : <em class="text-primary">3</em> <s class="text--removed">4</s>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="data-view data-view--no-indent">
            <div class="data-view__inner">
                <div class="data-view-header  ">
                    <div class="row align-items-center">
                        <div class="col">
                            <h4>

                                <s class="text--removed">
                                    <strong>Bygning 2:</strong>
                                    <small>Rugbjergvej 14, 6230 Rødekro</small>
                                </s>
                                <div class="tag  tag--small">
                                    <span class="tag__inner">fjernet</span>
                                </div>
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="data-view__content">
                </div>
            </div>
        </div>
        <div class="data-view data-view--no-indent">
            <div class="data-view__inner">
                <div class="data-view-header  ">
                    <div class="row align-items-center">
                        <div class="col">
                            <h4>

                                <strong>Teknisk anlæg 1:</strong>
                                <small>Rugbjergvej 14, 6230 Rødekro</small>

                                <div class="tag  tag--small">
                                    <span class="tag__inner">tilføjet</span>
                                </div>
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="data-view__content">
                    <div class="data-view__group">

                        <div class="row data-view-row  ">
                            <div class="col">

                                <ul class="data-view-row__list">
                                    <li>Bygningens anvendelse
                                        : <em class="text-primary">Maskinhus, garage mv</em> <s class="text--removed">Bed &amp; Breakfast</s>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col">
                <div class="form-floating ">
                    <textarea class="form-control  " id="floatingInput" placeholder="Kommentar til kommunen" style="height: 10rem;"></textarea>
                    <label for="floatingInput">Kommentar til kommunen</label>
                    <p class="text-muted">500 anslag tilbage</p>
                </div>
            </div>
        </div>
        <hr>
        <div class="row mt-4">
            <div class="col">
                <h3>Angiv årsag til ændringer i arealet for en eller flere bygninger:</h3>
                <form>
                    <div class="form-check ">
                        <input class="form-check-input" type="checkbox" id="checkbox1" required>
                        <label class="form-check-label" for="checkbox1">
                            Ændringer skyldes en ny opmåling – bygningen er ikke blevet ændret
                        </label>
                    </div>
                </form>
                <form>
                    <div class="form-check ">
                        <input class="form-check-input" type="checkbox" id="checkbox2" required>
                        <label class="form-check-label" for="checkbox2">
                            Ændringer skyldes fejlrettelse af data - kommunen er allerede blevet informeret
                        </label>
                    </div>
                </form>
                <form>
                    <div class="form-check ">
                        <input class="form-check-input" type="checkbox" id="checkbox3" required>
                        <label class="form-check-label" for="checkbox3">
                            Ændringer skyldes byggearbejde
                        </label>
                    </div>
                </form>
            </div>
        </div>
        <hr>
        <div class="row mt-4">
            <div class="col">
                <form>
                    <div class="form-check ">
                        <input class="form-check-input" type="checkbox" id="checkbox4" required>
                        <label class="form-check-label" for="checkbox4">
                            Jeg bekræfter, at ovenstående oplysninger er korrekte.
                        </label>
                    </div>
                </form>
                <form>
                    <div class="form-check ">
                        <input class="form-check-input" type="checkbox" id="checkbox5" required>
                        <label class="form-check-label" for="checkbox5">
                            Jeg er opmærksom på, at kommunen skal behandle mine ændringsforslag til Bygnings-
                            og Boligregisteret.
                        </label>
                    </div>
                </form>
            </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 btn-continue">
                        Fortsæt til kontaktoplysninger
                    </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">
                                Tilbage til ejendommen
                            </a>
                        </div>
                        <div class="col-12 col-lg-auto mt-2 mt-lg-0">
                            <a href="#" class="btn btn-outline-white btn-block">
                                Slet alle æ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">
        {{#if hasSystemAlert}}
            <div class="sidebar-item sidebar-item--alert">
                <div class="sidebar-item__warning show-more">
                    <button type="button" class="btn-close sidebar-item__close" aria-label="Close"></button>
                    <p class="h5">I dag mandag d. 28.12. mellem kl. 16 og 18, kan der være periodiske udfald på Ret BBR</p>
                    <p>Du kan opleve længere svartider og evt. kortere perioder, hvor du ikke kan hente ejendomsdata eller sende indberetninger.</p>
                    <p>De periodiske udfald skyldes arbejde på BBR-systemet.</p>
                    <div class="sidebar-item__warning-toggle">
                        <div class="btn btn-dark"></div>
                    </div>
                </div>
            </div>
        {{/if}}
        {{ render '@sidebar-item-property' }}
        <nav class="flow-pager">
            <ul class="flow-pager__level-1">
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link active">
                        <div class="flow-pager__level-1-title">1. Bekræft ændringsforslag</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link">
                        <div class="flow-pager__level-1-title">2. Dine kontaktoplysninger</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
                <li class="flow-pager__level-1-item">
                    <a href="#" class="flow-pager__level-1-link">
                        <div class="flow-pager__level-1-title">3. Kvittering</div>
                        <div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</div>
{{> @sidebar-toggle}}
{{> @user-support}}
<div class="page-wrapper sidebar--open" id="pageWrapper">
    {{> @map isHalfScreen=true}}
    
    {{> @system-alert title="Dine ændringsforslag er ikke sendt endnu" content="<p>Gå til bunden af siden og bekræft, at oplysningerne er korrekte. Derefter kan du udfylde dine kontaktoplysninger og sende ændringsforslagene til kommunen.</p>"}}
    
    <div class="container mt-3 mt-sm-5">
        <div class="row">
            <div class="col">
                <h2 class="fw-bold">Bekræft ændringsforslag</h2>
            </div>
        </div>
        {{#each buildings}}
        <div class="data-view data-view--no-indent">
            <div class="data-view__inner">
                {{#each buildingHeader}}
                {{> @data-view-header}}
                {{/each}}
                <div class="data-view__content">
                    {{#each buildingViewGroup }}
                    <div class="data-view__group">
                        {{#each buildingViewRow}}
                        {{> @data-view-row }}
                        {{/each}}
                    </div>
                    {{/each}}
                    {{#each units}}
                    <div class="data-view">
                        <div class="data-view__inner">
                            {{#each unitHeader}}
                            {{> @data-view-header}}
                            {{/each}}
                            <div class="data-view__content">
                                {{#each unitViewGroup }}
                                <div class="data-view__group">
                                    {{#each unitViewRow}}
                                    {{> @data-view-row }}
                                    {{/each}}
                                </div>
                                {{/each}}
                            </div>
                        </div>
                    </div>
                    {{/each}}
                </div>
            </div>
        </div>
        {{/each}}
        <div class="row mt-5">
            <div class="col">
                {{> @textarea placeholder="Kommentar til kommunen" helpText="500 anslag tilbage"}}
            </div>
        </div>
        <hr>
        <div class="row mt-4">
            <div class="col">
                <h3>Angiv årsag til ændringer i arealet for en eller flere bygninger:</h3>
                {{> @checkbox label="Ændringer skyldes en ny opmåling – bygningen er ikke blevet ændret" id="1"}}
                {{> @checkbox label="Ændringer skyldes fejlrettelse af data - kommunen er allerede blevet informeret"
                id="2"}}
                {{> @checkbox label="Ændringer skyldes byggearbejde" id="3"}}
            </div>
        </div>
        <hr>
        <div class="row mt-4">
            <div class="col">
                {{> @checkbox label="Jeg bekræfter, at ovenstående oplysninger er korrekte." id="4"}}
                {{> @checkbox label="Jeg er opmærksom på, at kommunen skal behandle mine ændringsforslag til Bygnings-
                og Boligregisteret."
                id="5"}}
            </div>
        </div>
    </div>
    {{> @flow-nav primaryActionLabel="Fortsæt til kontaktoplysninger" secondaryActionLabel="Tilbage til ejendommen"
    tertiaryActionLabel="Slet alle ændringer" hasContinue=true}}
    {{> @footer }}
</div>
 
{
  "buildings": [
    {
      "buildingHeader": [
        {
          "title": "Bygning 1",
          "address": "Rugbjergvej 14, 6230 Rødekro",
          "headerTag": "h4"
        }
      ],
      "buildingViewGroup": [
        {
          "buildingViewRow": [
            {
              "list": [
                {
                  "listTitle": "Bygningens opførelsesår",
                  "listValue": "1973",
                  "listValueNew": "1972"
                }
              ]
            }
          ]
        }
      ],
      "units": [
        {
          "unitHeader": [
            {
              "title": "Boligen",
              "address": "Rugbjergvej 14, 6230 Rødekro",
              "headerTag": "h5"
            }
          ],
          "unitViewGroup": [
            {
              "unitViewRow": [
                {
                  "list": [
                    {
                      "listTitle": "Antal værelser i alt",
                      "listValue": "7",
                      "listValueNew": "6"
                    },
                    {
                      "listTitle": "Antal toiletter",
                      "listValue": "4",
                      "listValueNew": "3"
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    {
      "buildingHeader": [
        {
          "title": "Bygning 2",
          "address": "Rugbjergvej 14, 6230 Rødekro",
          "headerTag": "h4",
          "hasRemoved": true
        }
      ]
    },
    {
      "buildingHeader": [
        {
          "title": "Teknisk anlæg 1",
          "address": "Rugbjergvej 14, 6230 Rødekro",
          "headerTag": "h4",
          "hasAdded": true
        }
      ],
      "buildingViewGroup": [
        {
          "buildingViewRow": [
            {
              "list": [
                {
                  "listTitle": "Bygningens anvendelse",
                  "listValue": "Bed & Breakfast",
                  "listValueNew": "Maskinhus, garage mv"
                }
              ]
            }
          ]
        }
      ]
    }
  ],
  "hasSystemAlert": true
}