altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
189 lines (144 loc) • 5.58 kB
HTML
<!-- START: 01-molekyler-04-grupper-02-midtstilte-valgknapper-med-tekst JS doc: addRightsTableHandler.js for prototype only -->
<div>
<div class="a-list-content">
<div class="row">
<div class="col ml-0 ml-md-7">
Velg roller den ansatte skal ha:
</div>
<div class="col-12 col-sm-auto pr-1 pr-md-4 mt-1 mt-md-0">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-link " aria-label="Fjern alle roller">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit ai-nw a-danger " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text a-btn-black-noUnderline a-fontBold">
Fjern alle
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<div class="text-sm-center mt-1">
<!-- START: 00-atomer-01-forms-03-valgknapp -->
<div class="a-switch ">
<input id="filterID14" class="sr-only" type="checkbox" name="filterID14" value="checkbutton-read">
<label for="filterID14" class="a-switch-label ">
Begrenset signeringsrett
</label>
</div>
<div class="a-switch ">
<input id="filterID15" class="sr-only" type="checkbox" name="filterID15" value="checkbutton-read">
<label for="filterID15" class="a-switch-label ">
Lønn og personalmedarbeider
</label>
</div>
<div class="a-switch ">
<input id="filterID16" class="sr-only" type="checkbox" name="filterID16" value="checkbutton-read">
<label for="filterID16" class="a-switch-label ">
Primærnæring og næringsmidler
</label>
</div>
<div class="a-switch ">
<input id="filterID17" class="sr-only" type="checkbox" name="filterID17" value="checkbutton-read">
<label for="filterID17" class="a-switch-label ">
Regnskapsfører med signeringsrett
</label>
</div>
<div class="a-switch ">
<input id="filterID18" class="sr-only" type="checkbox" name="filterID18" value="checkbutton-read">
<label for="filterID18" class="a-switch-label ">
Regnskapsfører lønn
</label>
</div>
<div class="a-switch ">
<input id="filterID19" class="sr-only" type="checkbox" name="filterID19" value="checkbutton-read">
<label for="filterID19" class="a-switch-label ">
Basisrolle
</label>
</div>
<div class="a-switch ">
<input id="filterID20" class="sr-only" type="checkbox" name="filterID20" value="checkbutton-read">
<label for="filterID20" class="a-switch-label ">
Regnskapsfører uten signeringsrett
</label>
</div>
<div class="a-switch ">
<input id="filterID21" class="sr-only" type="checkbox" name="filterID21" value="checkbutton-read">
<label for="filterID21" class="a-switch-label ">
Revisorattester - MVA kompensasjon
</label>
</div>
<div class="a-switch ">
<input id="filterID22" class="sr-only" type="checkbox" name="filterID22" value="checkbutton-read">
<label for="filterID22" class="a-switch-label ">
Utfyller/Innsender
</label>
</div>
<div class="a-switch ">
<input id="filterID23" class="sr-only" type="checkbox" name="filterID23" value="checkbutton-read">
<label for="filterID23" class="a-switch-label ">
Ansvarlig revisor
</label>
</div>
<div class="a-switch ">
<input id="filterID24" class="sr-only" type="checkbox" name="filterID24" value="checkbutton-read">
<label for="filterID24" class="a-switch-label ">
Revisormedarbeider
</label>
</div>
<div class="a-switch ">
<input id="filterID25" class="sr-only" type="checkbox" name="filterID25" value="checkbutton-read">
<label for="filterID25" class="a-switch-label ">
Revisorrettighet
</label>
</div>
<div class="a-switch ">
<input id="filterID26" class="sr-only" type="checkbox" name="filterID26" value="checkbutton-read">
<label for="filterID26" class="a-switch-label ">
Regnskapsmedarbeider
</label>
</div>
<!-- END: 00-atomer-01-forms-03-valgknapp -->
</div>
</div>
<!-- START: 01-molekyler-20-modalelementer-20-ferdigsegment -->
<div class="a-list-fullWidthRow">
<div class="modal-table-segment-box"></div>
<div class="modal-table-segment ">
<div class="float-right mt-2">
<span class="mr-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button
type="button"
class="a-btn a-btn-success a-js-confirmAddRightBtn a-js-enableWhenValid"
id="confirm-deletion"
data-toggle="collapse"
data-target="#eksempelID2"
>
Ferdig
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</span>
<span class="mr-3">
<!-- START: 00-atomer-03-knapper-15-♺-knapp-link -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button
type="button"
class="a-btn-link "
id="cancel-deletion"
data-toggle="collapse"
data-target="#eksempelID2"
>
<span>
Avbryt
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- END: 00-atomer-03-knapper-15-♺-knapp-link -->
</span>
</div>
</div>
</div>
<!-- END: 01-molekyler-20-modalelementer-20-ferdigsegment -->
</div>
<!-- END: 01-molekyler-04-grupper-02-midtstilte-valgknapper-med-tekst -->