BBR

Ingen beskrivelse defineret.

<div class="sidebar sidebar--open" id="sidebar">

    <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__content">
        <div class="sidebar-item sidebar-item--property-info">
            <div class="sidebar-item__content">
                <div class="sidebar__back">
                    <a href="#" class="back-link"></a>
                </div>
                <h1 class="sidebar-item__title h3">Rugbjergvej 22 </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> 009459</li>
                            <li><strong>BFE-nummer:</strong> 9184567</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--building-info     ">
            <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 22, 6230 Rødekro</p>

                <ul class="sidebar-item__list">
                    <li>
                        <strong>Stuehus til landbrugsejendom</strong>
                    </li>
                    <li>
                        <strong>Opførelsesår:</strong> 1973
                    </li>
                    <li>
                        <strong>Bebygget areal:</strong> 220 m2
                    </li>
                </ul>

            </div>
        </div>
        <div class="sidebar-item sidebar-item--building-info     ">
            <div class="sidebar-item__building-icon sidebar-item__building-icon--industri">
            </div>
            <div class="sidebar-item__content">
                <h2 class="sidebar-item__title h5">

                    Bygning 2

                </h2>
                <p class="sidebar-item__address">Rugbjergvej 22, 6230 Rødekro</p>

                <ul class="sidebar-item__list">
                    <li>
                        <strong>Bygning til vandforsyning</strong>
                    </li>
                    <li>
                        <s class="text-muted">Maskinhus, garage mv</s>
                    </li>
                    <li>
                        <strong>Opførelsesår:</strong> 1962
                    </li>
                    <li>
                        <strong>Bebygget areal:</strong> 135 m2
                    </li>
                </ul>

                <a href="#" class="btn btn-outline-primary btn-sm btn-block mt-3">
                    Skift anvendelse
                </a>

            </div>
        </div>
        <div class="sidebar-item sidebar-item--building-info     ">
            <div class="sidebar-item__building-icon sidebar-item__building-icon--landbrug">
            </div>
            <div class="sidebar-item__content">
                <h2 class="sidebar-item__title h5">
                    <s class="text--removed">
                        Bygning 5
                    </s>

                    <div class="tag tag--extra-small ">
                        <span class="tag__inner">fjernet</span>
                    </div>
                </h2>
                <p class="sidebar-item__address">Rugbjergvej 22, 6230 Rødekro</p>

                <ul class="sidebar-item__list">
                    <li>
                        <strong>Lade til foder, afgrøder mv.</strong>
                    </li>
                    <li>
                        <strong>Etableringsår:</strong> 1974
                    </li>
                    <li>
                        <strong>Areal:</strong> 682 m2
                    </li>
                </ul>

                <a href="#" class="btn btn-outline-danger btn-sm btn-block mt-3">
                    Nej, bygning er ikke fjernet
                </a>

            </div>
        </div>
        <div class="sidebar-item sidebar-item--building-info     ">
            <div class="sidebar-item__building-icon sidebar-item__building-icon--ukendt-TEK">
            </div>
            <div class="sidebar-item__content">
                <h2 class="sidebar-item__title h5">

                    Bygning 10

                    <div class="tag tag--extra-small ">
                        <span class="tag__inner">tilføjet</span>
                    </div>
                </h2>
                <p class="sidebar-item__address">Rugbjergvej 22, 6230 Rødekro</p>

                <ul class="sidebar-item__list">
                    <li>
                        <strong>Bygningens anvendelse:</strong> Ukendt bygning
                    </li>
                    <li>
                        <strong>Opført:</strong> 2014
                    </li>
                    <li>
                        <strong>Areal:</strong> 133 m2
                    </li>
                </ul>

                <div class="mt-3">
                    <div class="form-floating is-required ">
                        <input type="" class="form-control  " id="floatingInput" placeholder="Bygningens anvendelse" required>
                        <label for="floatingInput">Bygningens anvendelse</label>
                        <small class="text-muted">Bygningen er tilføjet. Skriv hvad den anvendes til.</small>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="page-wrapper sidebar--open" id="pageWrapper">
    <div class="alert alert-warning  system-alert" role="alert">
        <div class="container">
            <p class="system-alert__title">
                Forslag til ændring af BBR-oplysninger
            </p>
            <div class="system-alert__content">
                <p>Tjek om anvendelsen af bygningerne er korrekt og om de blå ikoner med nummer ligger hvor de skal: Enten på taget af den rigtige bygning eller der, hvor det tekniske anlæg fx olietanken ligger.</p>
                <p>Derefter skal du sende forslag til kommunen, som det er. Eller rette inden du sender.</p>
            </div>
        </div>
    </div>
    <div class="bbr-map  bbr-map--half-screen" id="bbrMap">
        <div id="bbr-map-container"></div>
    </div>
    <div class="container mt-5">
        <div class="row">
            <div class="col">
                <h2 class="fw-bold text-secondary">Dine kontaktoplysninger</h2>
                <p>Her skal du udfylde dine kontaktoplysninger. Oplysningerne bliver kun brugt, hvis kommunens
                    BBR-medarbejder får brug for at kontakt dig.</p>
                <form class="form">
                    <div class="row mt-4">
                        <div class="col-12 col-sm mb-2 mb-sm-0">
                            <div class="form-floating is-required ">
                                <input type="text" class="form-control  " id="floatingInput" placeholder="Navn" value="Jan Bo Jensen" required>
                                <label for="floatingInput">Navn</label>
                            </div>
                        </div>
                        <div class="col-12 col-sm mb-2 mb-sm-0">
                            <div class="form-floating is-required ">
                                <input type="email" class="form-control  " id="floatingInput" placeholder="E-mail" required>
                                <label for="floatingInput">E-mail</label>
                            </div>
                        </div>
                        <div class="col-12 col-sm">
                            <div class="form-floating is-required ">
                                <input type="number" class="form-control  " id="floatingInput" placeholder="Telefonnummer" required>
                                <label for="floatingInput">Telefonnummer</label>
                            </div>
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col">
                            <form>
                                <div class="form-check ">
                                    <input class="form-check-input" type="checkbox" id="checkbox" required>
                                    <label class="form-check-label" for="checkbox">
                                        Jeg bekræfter, at ovenstående oplysninger er korrekte.
                                    </label>
                                </div>
                            </form>
                        </div>
                    </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">
                        Send forslag til kommunen
                    </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">
                                Ret anvendelse eller flyt
                                ikoner
                            </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>
<div class="sidebar sidebar--open" id="sidebar">

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

<div class="page-wrapper sidebar--open" id="pageWrapper">
    {{> @system-alert title="Forslag til ændring af BBR-oplysninger" content="<p>Tjek om anvendelsen af bygningerne er korrekt og om de blå ikoner med nummer ligger hvor de skal: Enten på taget af den rigtige bygning eller der, hvor det tekniske anlæg fx olietanken ligger.</p> <p>Derefter skal du sende forslag til kommunen, som det er. Eller rette inden du sender.</p>"}}
    {{> @map isHalfScreen=true}}
    <div class="container mt-5">
        <div class="row">
            <div class="col">
                <h2 class="fw-bold text-secondary">Dine kontaktoplysninger</h2>
                <p>Her skal du udfylde dine kontaktoplysninger. Oplysningerne bliver kun brugt, hvis kommunens
                    BBR-medarbejder får brug for at kontakt dig.</p>
                <form class="form">
                    <div class="row mt-4">
                        <div class="col-12 col-sm mb-2 mb-sm-0">
                            {{> @input type="text" placeholder="Navn" value="Jan Bo Jensen"
                            isRequired=true}}
                        </div>
                        <div class="col-12 col-sm mb-2 mb-sm-0">
                            {{> @input type="email" placeholder="E-mail" isRequired=true}}
                        </div>
                        <div class="col-12 col-sm">
                            {{> @input type="number" placeholder="Telefonnummer" isRequired=true}}
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col">
                            {{> @checkbox label="Jeg bekræfter, at ovenstående oplysninger er korrekte."}}
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{> @flow-nav primaryActionLabel="Send forslag til kommunen" secondaryActionLabel="Ret anvendelse eller flyt
    ikoner"}}
    {{> @footer }}
</div>
{
  "header": [
    {
      "title": "Rugbjergvej 22",
      "address": "6230 Rødekro",
      "list": [
        {
          "listTitle": "Ejendomsnr",
          "listValue": "009459"
        },
        {
          "listTitle": "BFE-nummer",
          "listValue": "9184567"
        },
        {
          "listTitle": "Kommune",
          "listValue": "Aabenraa (0580)"
        }
      ]
    }
  ],
  "buildings": [
    {
      "title": "Bygning 1",
      "address": "Rugbjergvej 22, 6230 Rødekro",
      "buildingIcon": "helaarsbeboelse",
      "list": [
        {
          "listTitle": "Stuehus til landbrugsejendom"
        },
        {
          "listTitle": "Opførelsesår",
          "listValue": "1973"
        },
        {
          "listTitle": "Bebygget areal",
          "listValue": "220 m2"
        }
      ]
    },
    {
      "title": "Bygning 2",
      "address": "Rugbjergvej 22, 6230 Rødekro",
      "buildingIcon": "industri",
      "list": [
        {
          "listTitle": "Bygning til vandforsyning"
        },
        {
          "listTitle": "Maskinhus, garage mv",
          "listRemoved": true
        },
        {
          "listTitle": "Opførelsesår",
          "listValue": "1962"
        },
        {
          "listTitle": "Bebygget areal",
          "listValue": "135 m2"
        }
      ],
      "hasAction": true,
      "actionLabel": "Skift anvendelse"
    },
    {
      "title": "Bygning 5",
      "address": "Rugbjergvej 22, 6230 Rødekro",
      "buildingIcon": "landbrug",
      "list": [
        {
          "listTitle": "Lade til foder, afgrøder mv."
        },
        {
          "listTitle": "Etableringsår",
          "listValue": "1974"
        },
        {
          "listTitle": "Areal",
          "listValue": "682 m2"
        }
      ],
      "hasRemoved": true,
      "hasAction": true,
      "actionLabel": "Nej, bygning er ikke fjernet",
      "actionType": "danger"
    },
    {
      "title": "Bygning 10",
      "address": "Rugbjergvej 22, 6230 Rødekro",
      "buildingIcon": "ukendt-TEK",
      "list": [
        {
          "listTitle": "Bygningens anvendelse",
          "listValue": "Ukendt bygning"
        },
        {
          "listTitle": "Opført",
          "listValue": "2014"
        },
        {
          "listTitle": "Areal",
          "listValue": "133 m2"
        }
      ],
      "hasAdded": true,
      "hasInlineEdit": true,
      "placeholder": "Bygningens anvendelse",
      "helpText": "Bygningen er tilføjet. Skriv hvad den anvendes til.",
      "isRequired": true
    }
  ]
}