BBR

Sidebar tabs

Parat til dokumentation

<div class="sidebar-item-tabs">
    <ul class="nav nav-tabs nav-justified" id="myTab" role="tablist">
        <li class="nav-item" role="presentation">
            <a class="nav-link sidebar-item-tabs__tab sidebar-item-tabs__tab--icon-document active" id="bbr-tab" data-bs-toggle="tab" href="#bbr" role="tab" aria-controls="bbr" aria-selected="true">
                BBR Oplysninger
            </a>
        </li>
        <li class="nav-item" role="presentation">
            <a class="nav-link sidebar-item-tabs__tab sidebar-item-tabs__tab--icon-location " id="location-tab" data-bs-toggle="tab" href="#location" role="tab" aria-controls="location">
                Beliggenhed
            </a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane sidebar-item-tabs__pane active" id="bbr" role="tabpanel" aria-labelledby="bbr-tab">
            <a href="#" class="forward-link">Se og ret BBR-oplysninger</a>
            <p>Se dine BBR-oplysninger igennem og ret, hvis der er fejl.</p>
            <p>Du kan flytte ikonerne på kortet, hvis du klikker i fanen Beliggenhed.</p>
            <div class="callout callout--success ">
                <div class="row align-items-center">
                    <div class="col">
                        <div class="callout__content">
                            Ikonet for bygning er flyttet
                        </div>
                    </div>
                </div>
            </div>
            <a href="#" class="btn btn-primary btn-block">Gem og Afslut</a>
        </div>
        <div class="tab-pane sidebar-item-tabs__pane" id="location" role="tabpanel" aria-labelledby="location-tab">
            <div class="callout callout--success ">
                <div class="row align-items-center">
                    <div class="col">
                        <div class="callout__content">
                            Ikonet for bygning er flyttet
                        </div>
                    </div>
                </div>
            </div>
            <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>
            <p>Er ikonet placeret på taget af den rigtige bygning?</p>
            <p>
            <div class="read-more">
                <div class="collapse" id="helpTextCollapse">
                    <div class="read-more__content text-muted">

                    </div>
                </div>
                <a class="read-more__toggle collapsed" data-bs-toggle="collapse" href="#helpTextCollapse" role="button" aria-expanded="false" aria-controls="helpTextCollapse" aria-label="Læs mere">
                </a>
            </div>
            </p>
            <div class="mb-3">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
                    <label class="form-check-label" for="flexRadioDefault1">
                        Ja
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
                    <label class="form-check-label" for="flexRadioDefault2">
                        Nej
                    </label>
                </div>
            </div>
            <p>Du kan flytte ikonet med musen.</p>
            <p>Ved du ikke, om bygningen er placeret korrekt, skal du vælge Nej.</p>
            <a href="#" class="btn btn-light btn-sm btn-block my-3">Annuller flytning</a>
            <a href="#" class="btn btn-primary btn-block">Gem og Afslut</a>

        </div>
    </div>
</div>
 
<div class="sidebar-item-tabs">
    <ul class="nav nav-tabs nav-justified" id="myTab" role="tablist">
        {{render '@sidebar-item-tabs-tab--is-active'}}
        {{ render '@sidebar-item-tabs-tab'}}
    </ul>
    <div class="tab-content">
        <div class="tab-pane sidebar-item-tabs__pane active" id="bbr" role="tabpanel" aria-labelledby="bbr-tab">
            <a href="#" class="forward-link">Se og ret BBR-oplysninger</a>
            <p>Se dine BBR-oplysninger igennem og ret, hvis der er fejl.</p>
            <p>Du kan flytte ikonerne på kortet, hvis du klikker i fanen Beliggenhed.</p>
            {{ render '@callout'}}
            <a href="#" class="btn btn-primary btn-block">Gem og Afslut</a>
        </div>
        <div class="tab-pane sidebar-item-tabs__pane" id="location" role="tabpanel" aria-labelledby="location-tab">
            {{ render '@callout'}}
            {{ render '@callout--warning'}}
            <p>Er ikonet placeret på taget af den rigtige bygning?</p>
            <p>
                {{> @read-more }}
            </p>
            <div class="mb-3">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1">
                    <label class="form-check-label" for="flexRadioDefault1">
                        Ja
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2" checked>
                    <label class="form-check-label" for="flexRadioDefault2">
                        Nej
                    </label>
                </div>
            </div>
            <p>Du kan flytte ikonet med musen.</p>
            <p>Ved du ikke, om bygningen er placeret korrekt, skal du vælge Nej.</p>
            <a href="#" class="btn btn-light btn-sm btn-block my-3">Annuller flytning</a>
            <a href="#" class="btn btn-primary btn-block">Gem og Afslut</a>

        </div>
    </div>
</div>
 
/* Ingen data defineret. */