BBR

Callcenter

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__info">
                <p class="h5">Ret BBR sender dine forslag til kommunen.</p>
                <p>Kommunen behandler dine ændringsforslag og tager stilling til, omg ændringerne kræver sagsbehandling.</p>
                <p class="h5">Brug Ret BBR til at:</p>
                <ul>
                    <li>Rette bygninger og tekniske anlæg, som allerede er registreret i BBR</li>
                    <li>Rette placering af bygnigner og tekniske anlæg, som allerede er registreret i BBR</li>
                    <li>Registre nye udhuse, garager, carporte og andre småbygninger, der mangler i BBR</li>
                </ul>
                <p class="h5">Henvend dig til kommunen, hvis:</p>
                <ul>
                    <li>En bygning eller et teknisk anlæg, er revet ned (fjernet). <a href="#">Find kontakt til kommunen</a>.</li>
                </ul>
                <p class="h5">Brug Byg og Miljø, hvis:</p>
                <ul>
                    <li>Du vil færdigmelde en byggesag</li>
                    <li>Du vil rette på en bygning, hvor du har en byggesag igang. Kommunen opdaterer oplysninger om bygningen, når du færdigmelder byggesagen i "Byg og Miljø"</li>
                    <li>Du finder Byg og Miljø på <a href="#">https://bygogmiljoe.dk</a></li>
                </ul>
                <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="container mt-3 mt-sm-5">
        <div class="row">
            <div class="col">
                <h1 class="fw-bold text-secondary mt-sm-5">Søg efter ejendom</h1>
                <div class="row ">
                    <div class="col">
                        <div id="searchcomponent"></div>
                    </div>
                </div>

                <div class="search-list">
                    <div class="row search-list__row search-list__row--has-action">
                        <div class="col">
                            <h2 class="h3">Rugbjergvej 14, 6230 Rødekro </h2>
                            <p>Ejendomsnummer: 0580-009504 | BFE-nummer: 5247785 | Data hentet 03.12.2020 | Du har lavet 2 ændringer | 2 bygninger | 1 teknisk anlæg</p>
                        </div>
                        <div class="col-12 col-xl-auto mt-3 mt-xl-0">
                            <a href="#" class="btn btn-outline-primary btn-sm">Se og ret BBR-oplysninger</a>
                            <a href="#" class="btn btn-outline-primary btn-sm">Overdrag</a>
                            <a href="#" class="btn btn-outline-danger btn-sm">Slet søgning</a>
                        </div>
                    </div>
                    <div class="row search-list__row search-list__row--has-action">
                        <div class="col">
                            <h2 class="h3">Rugbjergvej 16, 6230 Rødekro </h2>
                            <p>Ejendomsnummer: 0580-009504 | BFE-nummer: 5247785 | Data hentet 03.12.2020 | Du har lavet 2 ændringer | 2 bygninger | 1 teknisk anlæg</p>
                        </div>
                        <div class="col-12 col-xl-auto mt-3 mt-xl-0">
                            <a href="#" class="btn btn-outline-primary btn-sm">Se og ret BBR-oplysninger</a>
                            <a href="#" class="btn btn-outline-primary btn-sm">Overdrag</a>
                            <a href="#" class="btn btn-outline-danger btn-sm">Slet søgning</a>
                        </div>
                    </div>
                    <div class="row search-list__row search-list__row--has-action">
                        <div class="col">
                            <h2 class="h3">Rugbjergvej 17, 6230 Rødekro <div class="tag  tag--small">
                                    <span class="tag__inner">kladde</span>
                                </div>
                            </h2>
                            <p>Ejendomsnummer: 0580-009504 | BFE-nummer: 5247785 | Data hentet 03.12.2020 | Du har lavet 2 ændringer | 2 bygninger | 1 teknisk anlæg</p>
                            <p><strong>Kladde:</strong> Der er lavet 8 ændringer, som er gemt d. 29.10.2020. Ændringerne er ikke indsendt.</p>
                        </div>
                        <div class="col-12 col-xl-auto mt-3 mt-xl-0">
                            <a href="#" class="btn btn-outline-primary btn-sm">Se og ret BBR-oplysninger</a>
                            <a href="#" class="btn btn-outline-primary btn-sm">Overdrag</a>
                            <a href="#" class="btn btn-outline-danger btn-sm">Slet søgning</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">
    {{#unless isOwner}}
        {{#if isAltCallcenter}}
            {{> @sidebar-search }}
        {{/if}}
    {{/unless}}
    <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}}
        {{#each headerSidebar }}
        {{> @sidebar-item-property }}
        {{/each}}
        <div class="sidebar-item  sidebar-item--alert">
            <div class="sidebar-item__info">
                <p class="h5">Ret BBR sender dine forslag til kommunen.</p>
                <p>Kommunen behandler dine ændringsforslag og tager stilling til, omg ændringerne kræver sagsbehandling.</p>
                <p class="h5">Brug Ret BBR til at:</p>
                <ul>
                    <li>Rette bygninger og tekniske anlæg, som allerede er registreret i BBR</li>
                    <li>Rette placering af bygnigner og tekniske anlæg, som allerede er registreret i BBR</li>
                    <li>Registre nye udhuse, garager, carporte og andre småbygninger, der mangler i BBR</li>
                </ul>
                <p class="h5">Henvend dig til kommunen, hvis:</p>
                <ul>
                    <li>En bygning eller et teknisk anlæg, er revet ned (fjernet). <a href="#">Find kontakt til kommunen</a>.</li>
                </ul>
                <p class="h5">Brug Byg og Miljø, hvis:</p>
                <ul>
                    <li>Du vil færdigmelde en byggesag</li>
                    <li>Du vil rette på en bygning, hvor du har en byggesag igang. Kommunen opdaterer oplysninger om bygningen, når du færdigmelder byggesagen i "Byg og Miljø"</li>
                    <li>Du finder Byg og Miljø på <a href="#">https://bygogmiljoe.dk</a></li>
                </ul>
                <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">

    {{#unless isOwner}}
        {{#if isAltCallcenter}}
            {{> @map isHalfScreen=true}}
        {{/if}}
    {{/unless}}
    
    <div class="container mt-3 mt-sm-5">
        <div class="row">
            <div class="col">
                {{#if isOwner}}
                <h1 class="fw-bold text-secondary mt-sm-5 ">Vælg ejendom</h1>
                <div class="row ">
                    <div class="col">
                        <input type="text" class="form-control form-control-lg filter-input" id="exampleFormControlInput1" placeholder="Filtrer i ejendomme">
                    </div>
                </div>
                {{else}}
                    {{#unless isAltCallcenter}}
                    <h1 class="fw-bold text-secondary mt-sm-5">Søg efter ejendom</h1>
                    <div class="row ">
                        <div class="col">
                            <div id="searchcomponent"></div>
                        </div>
                    </div>
                    {{else}}
                        <h1 class="fw-bold text-secondary">Søgehistorik</h1>
                        <p>Herunder har du et overblik over ejendomme, som du tidligere har set på.</p>
                    {{/unless}}
                {{/if}}
                
                <div class="search-list">
                    {{#each searchRows}}
                    {{> @search-list-row}}
                    {{/each}}
                </div>
            </div>
        </div>
    </div>
    
    {{> @footer }}
</div>
 
{
  "searchRows": [
    {
      "title": "Rugbjergvej 14, 6230 Rødekro",
      "content": "<p>Ejendomsnummer: 0580-009504 | BFE-nummer: 5247785 | Data hentet 03.12.2020 | Du har lavet 2 ændringer | 2 bygninger | 1 teknisk anlæg</p>",
      "hasAction": true
    },
    {
      "title": "Rugbjergvej 16, 6230 Rødekro",
      "content": "<p>Ejendomsnummer: 0580-009504 | BFE-nummer: 5247785 | Data hentet 03.12.2020 | Du har lavet 2 ændringer | 2 bygninger | 1 teknisk anlæg</p>",
      "hasAction": true
    },
    {
      "title": "Rugbjergvej 17, 6230 Rødekro",
      "content": "<p>Ejendomsnummer: 0580-009504 | BFE-nummer: 5247785 | Data hentet 03.12.2020 | Du har lavet 2 ændringer | 2 bygninger | 1 teknisk anlæg</p><p><strong>Kladde:</strong> Der er lavet 8 ændringer, som er gemt d. 29.10.2020. Ændringerne er ikke indsendt.</p>",
      "hasAction": true,
      "isDraft": true
    }
  ]
}