altinn-designsystem/dist/patterns/02-organismer-70-Modal-innhold-_98-klientdelegering-fjern-rettigheter/02-organismer-70-Modal-innhold-_98-klientdelegering-fjern-rettigheter.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-70-Modal-innhold-_98-klientdelegering-fjern-rettigheter -->
<div class="modal-body a-modal-body">
  <div class="row">
    <div class="col-12 col-md-8">
    </div>
    <div class="col-12 col-md pt-1">
      <!-- START: 00-atomer-03-knapper-16-♺-knapp-link-fare -->
      <!-- START: 00-atomer-03-knapper-10-knapp -->
      <button type="button" class="a-btn-link a-linkDanger float-right a-link-modalTop">
  <span>
    Avbryt
  </span>
</button>

      <!-- END: 00-atomer-03-knapper-10-knapp -->


      <!-- END: 00-atomer-03-knapper-16-♺-knapp-link-fare -->

    </div>
  </div>
  <div class="row">
    <div class="col-12 col-md-12 col-lg-6 mt-4 mb-1">
      <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

      <div class="form-group a-form-group   ">

        <label class="a-form-label  sr-only  " for="text-input-generic">Finn klient</label>

        <div class="a-form-group-items input-group   ">
          <span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>


          <input class="form-control   a-hasIcon 
         " type="search" placeholder="Hvilken klient ser du etter?" name="input-field" data-val="true" id="text-input-generic" data-search-algorithm="show-and-highlight" data-search-target="employee-table">




        </div>


      </div>

      <!-- END: 00-atomer-01-forms-10-tekst-input -->

    </div>
  </div>
  <div role="tablist">
    <div role="tab">
      <div class="mt-1 mb-1">
        <!-- START: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel JS doc: toggleFilter.js -->
        <div class="a-collapse">
          <div class="">
            <div class="row">
              <div class="col">
                <h2 class="a-collapseHeader a-h3">
                  <a data-toggle="collapse" href="#" data-target="#exp-tab-table-existing-clients" aria-expanded="" aria-controls="exp-tab-table-existing-clients" class="a-collapse-title a-collapse-title--absolute no-decoration ">
                <span class="a-dropdownArrow"></span> <span>Har disse <span class='badge badge-primary a-label badge-pill'>11</span> klientene:</span> <span class="a-js-none"></span>
            </a>
                </h2>
              </div>
            </div>
          </div>
        </div>

        <!-- END: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel -->

      </div>
      <div class="a-full-width">
        <div id="exp-tab-table-existing-clients" class="a-collapseContent collapse show" role="tabpanel" aria-expanded="true">
          <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
          <div class="a-list-container ">
            <ul class="a-list    ">
              <li class="a-dotted">
                <div class="row ">
                  <div class="col">
                    <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                    Første rad







                    <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                  </div>
                </div>
              </li>
              <li class="a-dotted">
                <div class="row ">
                  <div class="col">
                    <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                    Andre rad







                    <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                  </div>
                </div>
              </li>
            </ul>
          </div>

          <!-- END: 01-molekyler-05-lister-00-liste-unummerert -->

        </div>
      </div>
      <!-- START: 01-molekyler-20-modalelementer-20-ferdigsegment -->
      <div class="segment-done">
        <div class="modal-table-segment-box"></div>
        <div class="modal-table-segment segment-fixed">
          <div class="container">
            <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-enableWhenValid"
  id="confirm-deletion"
  
  data-toggle="collapse"
  
  
  
  data-target="#eksempelID2"
  
   
  >
  <span>
    Ferdig
  </span>
              </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>
      </div>

      <!-- END: 01-molekyler-20-modalelementer-20-ferdigsegment -->

    </div>
  </div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_98-klientdelegering-fjern-rettigheter -->