UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

1,743 lines 57.5 kB
<!DOCTYPE html>
<html lang="no" class="">

<head>
  <title>DESIGNSYSTEM PROTOTYPE - Altinn</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width" />
  <meta name="format-detection" content="telephone=no">
  <meta name="ROBOTS" content="NOINDEX, NOFOLLOW">

  <!-- Favicons -->
  <link rel="apple-touch-icon" sizes="57x57" href="../../images/favicons/apple-touch-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="../../images/favicons/apple-touch-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="../../images/favicons/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="../../images/favicons/apple-touch-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="../../images/favicons/apple-touch-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="../../images/favicons/apple-touch-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="../../images/favicons/apple-touch-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="../../images/favicons/apple-touch-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="../../images/favicons/apple-touch-icon-180x180.png">
  <link rel="icon" type="image/png" href="../../images/favicons/favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="../../images/favicons/android-chrome-192x192.png" sizes="192x192">
  <link rel="icon" type="image/png" href="../../images/favicons/favicon-96x96.png" sizes="96x96">
  <link rel="icon" type="image/png" href="../../images/favicons/favicon-16x16.png" sizes="16x16">
  <link rel="manifest" href="../../images/favicons/manifest.json">
  <link rel="mask-icon" href="../../images/favicons/safari-pinned-tab.svg">
  <meta name="apple-mobile-web-app-title" content="Altinn">
  <meta name="application-name" content="Altinn">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="msapplication-TileImage" content="/mstile-144x144.png">
  <meta name="theme-color" content="#ffffff">

  <!-- FortAwesome icons-->
  <script src="https://use.fortawesome.com/ed31cded.js"></script>
  <script src="https://use.fortawesome.com/df832575.js"></script>

  <!-- Theme stylesheet -->
  <link rel="stylesheet" href="../../css/style.prototype.altinn.css" type="text/css" media="screen">
  <link rel="stylesheet" href="../../css/style.dist.brreg.css" type="text/css" media="screen">
  <link rel="stylesheet" href="../../css/style.dist.altinnett.css" type="text/css" media="screen">

  <script type="text/javascript">
    if (self === top) {
      var elm = document.getElementsByTagName("html")[0];
      elm.style.display = "none";
    }
  </script>


  <!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
  <!-- never cache patterns -->
  <meta http-equiv="cache-control" content="max-age=0" />
  <meta http-equiv="cache-control" content="no-cache" />
  <meta http-equiv="expires" content="0" />
  <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
  <meta http-equiv="pragma" content="no-cache" />

  <link rel="stylesheet" href="../../styleguide/css/styleguide.min.css?1572447195570" media="all">
  <link rel="stylesheet" href="../../styleguide/css/prism-typeahead.min.css?1572447195570" media="all" />

  <!-- End Pattern Lab -->

</head>

<body class="" id="top">
  <div class="a-sg-content-preloader">
    <div class="a-sg-content-preloader-status">&nbsp;</div>
  </div>
  <!-- START: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-rediger -->
  <!-- START: 03-maler-portal-91-modal-01-modal -->
  <div class="a-modal fade modal show " tabindex="-1" role="dialog" style="display: block">
    <div class="modal-dialog modal-lg" role="document">
      <div class="container a-p-static">
        <div class="row">
          <div class="col-xl-12">
            <!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
            <div class="a-modal-top">
              <!-- START: 00-atomer-09-bilder-og-media-01-logo -->

              <img src="..&#x2F;..&#x2F;images&#x2F;a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">

              <!-- END: 00-atomer-09-bilder-og-media-01-logo -->

              <div class="a-modal-top-user">
                <!-- START: 00-atomer-07-tekst-40-innlogget -->
                <div class="a-personSwitcher " title="JAN PETTERSEN ">
                  <span class="a-personSwitcher-name">
    <span class="d-block">JAN PETTERSEN</span>
                  <span class="d-block"></span>
                  </span>
                  <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                  <i class="ai ai-private-circle-big  a-personSwitcher-icon "></i>


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


                </div>

                <!-- END: 00-atomer-07-tekst-40-innlogget -->

              </div>
            </div>

            <!-- END: 01-molekyler-20-modalelementer-05-modal-header -->

          </div>
        </div>
        <div class="row">
          <div class="col-xl-10 offset-xl-1 a-p-static">
            <!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
            <div class="a-modal-navbar">
              <!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
              <button type="button" class="a-modal-back a-js-tabable-popover" onclick="location.href&#x3D;&#39;&#x2F;patterns&#x2F;04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi&#x2F;04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html&#39;"
                aria-label="Tilbake">
  <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
  <span class="ai-stack">
    <i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-back   "    ></i>
  </span>


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


</button>


              <!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->

              <!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
              <button type="button" class="a-modal-close a-js-tabable-popover" onclick="location.href&#x3D;&#39;&#x2F;patterns&#x2F;04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter&#x2F;04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html&#39;"
                aria-label="Lukk">
  <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
  <span class="ai-stack">
    <i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit  a-modal-close-icon "    ></i>
  </span>


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


</button>


              <!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->

            </div>

            <!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->

            <div class="a-modal-content-target">
              <div class="a-page a-current-page">
                <div class="modalPage">
                  <div class="modal-content">
                    <!-- START: 01-molekyler-20-modalelementer-15-modal-body-header -->
                    <div class="modal-header a-modal-header">
                      <!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
                      <div class="a-iconText a-iconText-background a-iconText-large ">
                        <div class="a-iconText-icon ">
                          <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                          <i class="ai ai-corp  a-icon "></i>


                          <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
                        </div>
                        <h1 class="a-iconText-text mb-0">
                          <span class="a-iconText-text-large">Gi og fjerne rettigheter  </span>
                        </h1>
                      </div>

                      <!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->

                    </div>


                    <!-- END: 01-molekyler-20-modalelementer-15-modal-body-header -->


                    <!-- START: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->






                    <!-- START: 02-organismer-70-Modal-innhold-_25-egendefinert-rolle -->
                    <div class="modal-body a-modal-body">
                      <div class="row">
                        <div class="col-8">
                          <h2 class="a-fontBold a-fontSizeM">
                            Rediger rolle
                          </h2>
                        </div>
                        <div class="col-12 col-md-4 mb-1 mb-md-0">
                          <!-- START: 00-atomer-03-knapper-10-knapp -->
                          <button onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'" class="a-btn-link a-linkDanger float-left float-md-right ">
  <span>
    Slett rolle
  </span>
</button>

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

                        </div>
                        <div class="col-12 col-md-6">
                          <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->

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

                            <label class="a-form-label  " for="text-input-1">Rollenavn:</label>

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


                              <input class="form-control  
         " type="text" name="input-field" data-val="true" id="text-input-1" data-search-algorithm="show-and-highlight" data-search-target="employee-table">




                            </div>



                          </div>

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

                        </div>
                      </div>
                      <div class="row">
                        <div class="col-12 col-md-6">
                          <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->

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

                            <label class="a-form-label  " for="text-input-find-13">Legg til rettigheter:</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-document   "    ></i>


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


                              <input class="form-control a-js-autocomplete-multiplecolumns  a-hasIcon 
         a-hasButton  " type="search" placeholder="Finn skjema eller tjeneste" name="input-field" data-val="true" id="text-input-find-13" data-search-algorithm="show-and-highlight" data-search-target="employee-table">

                              <div class="input-group-append">
                                <button class="btn btn-secondary" type="button">
              <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search   "    ></i>


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

              <span class="sr-only">Søk</span>
          </button>
                              </div>



                            </div>
                            <div class="a-autocomplete-container d-none d-block ">
                            </div>



                          </div>

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

                        </div>
                      </div>
                      <h3 class="a-fontBold a-fontSizeM mt-3">

                      </h3>
                      <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
                      <div class="a-list-container ">
                        <ul class="a-list    ">
                          <li class="a-defaultCursor a-dotted" id="titleRow" tabindex="0">
                            <div class="row a-flex-container-align-items-center a-accessability-size">
                              <div class="col-12 col-sm margin-left-minus-6">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
                                <span class="a-fontBold"> 
    Rollen gir følgende rettigheter
     </span>






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

                              </div>
                              <div class="col-auto text-left mr-1">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
                                <span class="a-fontBold"> 
    Rediger tilganger
     </span>






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

                              </div>
                              <div class="col-auto a-flex-container-align-items-center justify-content-center a-accessability-size margin-right-minus-16">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->





                                <!-- START: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon JS doc: popover.js -->
                                <a href="javascript:void(0)" tabindex="0" class="a-linkArea a-helpIconButton a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons" role="button" data-toggle="popover" data-animation="false" data-target="#myPopup" data-placement="bottom" data-trigger="click"
                                  data-popover-class="popover" title="Ikon forklaring:" data-popover-content="ikonForklaringContent">
  <span class="sr-only">
    Klikk for å se ikon forklaring.
  </span>
    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
  <span class="ai-stack a-js-popoverIconInitial ai-sm">
    <i class="ai ai-stack-1x ai-help-popicon"></i>
<i class="ai-stack-1x ai ai-help-popicon   "    ></i>
  </span>


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

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
  <span class="ai-stack a-js-popoverIconExpanded ai-sm">
    <i class="ai ai-stack-1x ai-circle-exit"></i>
<i class="ai-stack-1x ai ai-circle-exit  a-accessability-button "    ></i>
  </span>


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

    <span class="sr-only">Vis mer info</span>
</a>


                                <div id="ikonForklaringContent" style="display: none">
                                  <span>Ikon forklaring:</span>
                                  <div class="mt-1">
                                    <!-- START: 00-atomer-08-lister-10-liste-unummerert-ikoner -->
                                    <ul class="no-decoration a-iconList">
                                      <li>
                                        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                        <i class="ai ai-read ai-sm ai-nw   "></i>


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

                                        <span class="pl-1">
            <b>Les</b>
            
          </span>
                                      </li>
                                      <li>
                                        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                        <i class="ai ai-write ai-sm ai-nw   "></i>


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

                                        <span class="pl-1">
            <b>Skriv</b>
            
          </span>
                                      </li>
                                      <li>
                                        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                        <i class="ai ai-sign ai-sm ai-nw   "></i>


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

                                        <span class="pl-1">
            <b>Signer</b>
            
          </span>
                                      </li>
                                      <li>
                                        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                        <i class="ai ai-sign ai-sm ai-nw  a-iconStrikeThrough a-disabledIcon "></i>


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

                                        <span class="">
            <b>Deaktivert</b>
            Blir ikke delegert
          </span>
                                      </li>
                                      <li>
                                        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                        <i class="ai ai-sign ai-sm ai-nw  a-iconStrikeThrough a-disabledIcon a-redIcon "></i>


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

                                        <span class="">
            <b>Kan ikke delegeres</b>
            
          </span>
                                      </li>
                                    </ul>

                                    <!-- END: 00-atomer-08-lister-10-liste-unummerert-ikoner -->

                                  </div>
                                </div>


                                <div id="ikonForklaringContent" style="display: none">
                                  <!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->


                                  Dette er en tekst








                                  <!-- START: 00-atomer-02-lenker-00-link -->
                                  <a href="http://www.altinn.no" class=" ">
  med en lenke som står i løpende tekst
  
</a>
                                  <!-- END: 00-atomer-02-lenker-00-link -->





                                  og man kan ha mer tekst etter.





                                  <!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->

                                </div>

                                <!-- END: 00-atomer-05-Ekspansjonsknapper-32-link-med-popover-ikon -->


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

                              </div>
                            </div>
                          </li>
                          <li class="a-dotted a-selectable a-selected a-success a-defaultCursor a-hiddenRow" id="hiddenMalRow" tabindex="0">
                            <div class="row a-flex-container-align-items-center">
                              <div class="col-12 col-sm" data-searchable="true">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                Erklæring om ansvarsrett.







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

                              </div>
                              <div class="col-auto text-left">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Les">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read   "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Skriv">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write  a-clickable "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Signer">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign  a-clickable a-iconStrikeThrough a-disabledIcon "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->


                                <span class="a-danger a-visibleWhenDisabled a-displayInlineBlock"> 
    Mangler tilgang
     </span>





                                <span class="a-visibleWhenDeleted a-displayInlineBlock"> 
    Angre sletting
     </span>






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

                              </div>
                              <div class="col-auto margin-right-minus-16">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock  " aria-label="Slett rolle" title="Slett rolle">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted  a-displayInlineBlock  " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                                <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                <i class="ai ai-fw  a-visibleWhenDisabled  a-displayInlineBlock "></i>


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






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

                              </div>
                            </div>
                          </li>
                          <li class="a-dotted a-selectable a-selected a-success a-defaultCursor" id="firstRow" tabindex="0">
                            <div class="row a-flex-container-align-items-center">
                              <div class="col-12 col-sm" data-searchable="true">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                Erklæring om ansvarsrett.







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

                              </div>
                              <div class="col-auto text-left">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Les">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read   "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Skriv">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write  a-clickable "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Signer">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign  a-clickable a-iconStrikeThrough a-disabledIcon "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->


                                <span class="a-danger a-visibleWhenDisabled a-displayInlineBlock"> 
    Mangler tilgang
     </span>





                                <span class="a-visibleWhenDeleted a-displayInlineBlock"> 
    Angre sletting
     </span>






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

                              </div>
                              <div class="col-auto margin-right-minus-16">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock  " aria-label="Slett rolle" title="Slett rolle">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted  a-displayInlineBlock  " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                                <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                <i class="ai ai-fw  a-visibleWhenDisabled  a-displayInlineBlock "></i>


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






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

                              </div>
                            </div>
                          </li>
                          <li class="a-dotted a-selectable a-selected a-success a-defaultCursor" id="secondRow" tabindex="0">
                            <div class="row a-flex-container-align-items-center">
                              <div class="col-12 col-sm" data-searchable="true">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                Ferdigattest.







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

                              </div>
                              <div class="col-auto  text-left">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Les">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read   "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Skriv">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write  a-iconStrikeThrough a-redIcon "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Signer">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign  a-clickable a-iconStrikeThrough a-redIcon "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->


                                <span class="a-danger a-visibleWhenDisabled a-displayInlineBlock"> 
    Mangler tilgang
     </span>





                                <span class="a-visibleWhenDeleted a-displayInlineBlock"> 
    Angre sletting
     </span>






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

                              </div>
                              <div class="col-auto margin-right-minus-16">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock  " aria-label="Slett rolle" title="Slett rolle">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted  a-displayInlineBlock  " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                                <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                <i class="ai ai-fw  a-visibleWhenDisabled  a-displayInlineBlock "></i>


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






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

                              </div>
                            </div>
                          </li>
                          <li class="a-dotted a-selectable a-selected a-success a-defaultCursor" id="thirdRow" tabindex="0">
                            <div class="row a-flex-container-align-items-center">
                              <div class="col-12 col-sm" data-searchable="true">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                Gjennomføringsplan.







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

                              </div>
                              <div class="col-auto  text-left">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Les">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read   "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-accessability-size a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Skriv">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write  a-clickable "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                                <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                <i class="ai ai-fw  a-accessability-size a-hiddenWhenDeleted a-hiddenWhenDisabled a-clickable a-js-toggleRights "></i>


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





                                <span class="a-danger a-visibleWhenDisabled a-displayInlineBlock"> 
    Mangler tilgang
     </span>





                                <span class="a-visibleWhenDeleted a-displayInlineBlock"> 
    Angre sletting
     </span>






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

                              </div>
                              <div class="col-auto margin-right-minus-16">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock  " aria-label="Slett rolle" title="Slett rolle">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted  a-displayInlineBlock  " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                                <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                <i class="ai ai-fw  a-visibleWhenDisabled  a-displayInlineBlock "></i>


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






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

                              </div>
                            </div>
                          </li>
                          <li class="a-dotted a-selectable a-disabled a-danger" id="fourthRow" tabindex="0">
                            <div class="row a-flex-container-align-items-center">
                              <div class="col-12 col-sm" data-searchable="true">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                Distribusjonstjeneste for erklæring av ansvarsrett.







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

                              </div>
                              <div class="col-auto text-left a-accessability-height">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Les" tabindex="-1">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read   "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Skriv" tabindex="-1">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write  a-clickable "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Signer" tabindex="-1">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign  a-clickable "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->


                                <span class="a-danger a-visibleWhenDisabled a-displayInlineBlock"> 
    Mangler tilgang
     </span>





                                <span class="a-visibleWhenDeleted a-displayInlineBlock"> 
    Angre sletting
     </span>






                                <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                <i class="ai ai-fw  a-visibleWhenDisabled  a-displayInlineBlock a-accessability-height "></i>


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






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

                              </div>
                              <div class="col-auto margin-right-minus-16">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock  " aria-label="Slett rolle" title="Slett rolle" tabindex="-1">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted a-displayInlineBlock  " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                                <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                <i class="ai ai-fw  a-visibleWhenDisabled  a-displayInlineBlock "></i>


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






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

                              </div>
                            </div>
                          </li>
                          <li class="a-dotted a-selectable a-defaultCursor" id="fifthRow" tabindex="0">
                            <div class="row a-flex-container-align-items-center">
                              <div class="col-12 col-sm" data-searchable="true">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                                Melding fra Fellestjenester Bygg.







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

                              </div>
                              <div class="col-auto  text-left">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Les">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read   "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Skriv">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write  a-clickable "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRights a-hiddenWhenDeleted a-hiddenWhenDisabled  " aria-label="knapp med popover" title="Signer">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sign  a-clickable "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->


                                <span class="a-danger a-visibleWhenDisabled a-displayInlineBlock"> 
    Mangler tilgang
     </span>





                                <span class="a-visibleWhenDeleted a-displayInlineBlock"> 
    Angre sletting
     </span>






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

                              </div>
                              <div class="col-auto margin-right-minus-16">
                                <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->




                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-hiddenWhenDeleted a-hiddenWhenDisabled a-displayInlineBlock  " aria-label="Slett rolle" title="Slett rolle">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-minus  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->






                                <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
                                <button type="button" class="a-btn-link a-accessability-button a-js-toggleRightsDelete a-visibleWhenDeleted a-displayInlineBlock  " aria-label="Angre slett rolle" title="Angre slett rolle" tabindex="-1">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-undo  a-danger "    ></i>


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





</button>


                                <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->



                                <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                                <i class="ai ai-fw  a-visibleWhenDisabled  a-displayInlineBlock "></i>


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






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

                              </div>
                            </div>
                          </li>
                        </ul>
                      </div>
                      <!-- END: 01-molekyler-05-lister-00-liste-unummerert -->

                      <div class="row">
                        <div class="col mt-3">
                          <!-- START: 00-atomer-03-knapper-10-knapp -->
                          <button onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'" class="a-btn a-btn-success mr-2 mr-2">
  
    Lagre
  
</button>

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

                          <!-- START: 00-atomer-03-knapper-10-knapp -->
                          <button onclick="location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gi.html'" class="a-btn-link ">
  <span>
    Avbryt
  </span>
</button>

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

                        </div>
                      </div>
                    </div>
                    <!-- END: 02-organismer-70-Modal-innhold-_25-egendefinert-rolle -->

                    <!-- END: 02-organismer-_71-modal-gruppering-02-modal-andre-med-rettigheter -->

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

  <!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
  <div class="modal-backdrop fade show"></div>
  <!-- END DO NOT INCLUDE -->

  <!-- START: 01-molekyler-06-hjelp-00-hjelp-container -->
  <!-- - - - - - - - - - - - - - - - - - - - - - - - - -->
  <!-- Should be included for pages that has quickhelp -->
  <!-- - - - - - - - - - - - - - - - - - - - - - - - - -->

  <div class="a-stickyHelp-container">

    <!-- Open-button for .a-iframeToggle -->
    <!-- HELP ANIMATION:
  On pages that have help in context (step for step guide), add class "a-stickyHelp-animationHint" when users has not been active for 10 seconds -->
    <button type="button" class="a-btn a-stickyHelp-open  collapsed" data-toggle="collapse" data-target="#a-iframeToggle" aria-expanded="false" aria-controls="a-iframeToggle">

    <span class="sr-only a-stickyHelp-openText">Trenger du hjelp</span>
    <i>?</i>
  </button>

    <div id="a-iframeToggle" class="a-iframeToggle collapse">

      <!-- Close-button for .a-iframeToggle -->
      <button type="button" class="a-stickyHelp-close" data-toggle="collapse" data-target="#a-iframeToggle" data-action="close" aria-expanded="true" aria-controls="a-iframeToggle"> <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-exit ai-sm   "   id="close-stickyHelp"   ></i>
  <span class="sr-only">Minimer hjelpevinduet</span>


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

      <iframe class="a-js-stickyHelpFrame" data-src="../../&#x2F;patterns&#x2F;04-sider-infoportal-70-hurtighjelp-60-hurtighjelp\04-sider-infoportal-70-hurtighjelp-60-hurtighjelp.html"></iframe>

    </div>

  </div>

  <!-- - - - - - - - - - - - - - - - - - - - - - - - - -->
  <!-- End quickhelp -->
  <!-- - - - - - - - - - - - - - - - - - - - - - - - - -->

  <!-- END: 01-molekyler-06-hjelp-00-hjelp-container -->

  <!-- END: 03-maler-portal-91-modal-01-modal -->


  <!-- END: 04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-egendefinert-rolle-rediger -->
  <!-- DO NOT REMOVE -->
  <script type="text/json" id="sg-pattern-data-footer" class="sg-pattern-data">
    {
      "cssEnabled": false,
      "patternLineageExists": true,
      "patternLineages": [{
        "lineagePattern": "maler-portal-modal",
        "lineagePath": "../../patterns/03-maler-portal-91-modal-01-modal\\03-maler-portal-91-modal-01-modal.html",
        "lineageState": "indesignreview altinn altinnett"
      }],
      "lineage": [{
        "lineagePattern": "maler-portal-modal",
        "lineagePath": "../../patterns/03-maler-portal-91-modal-01-modal\\03-maler-portal-91-modal-01-modal.html",
        "lineageState": "indesignreview altinn altinnett"
      }],
      "patternLineageRExists": false,
      "patternLineagesR": [],
      "lineageR": [],
      "patternLineageEExists": true,
      "patternDesc": "",
      "patternBreadcrumb": {
        "patternType": "sider-portal",
        "patternSubtype": "andre-med-rettigheter"
      },
      "patternExtension": "mustache",
      "patternName": "Andre Med Rettigheter Egendefinert Rolle Rediger",
      "patternPartial": "sider-portal-andre-med-rettigheter-egendefinert-rolle-rediger",
      "patternState": "indesignreview altinn altinnett",
      "patternEngineName": "mustache",
      "extraOutput": {}
    }
  </script>

  <script>
    /*!
     * scriptLoader - v0.1
     *
     * Copyright (c) 2014 Dave Olsen, http://dmolsen.com
     * Licensed under the MIT license
     *
     */

    var scriptLoader = {

      run: function(js, cb, target) {
        var s = document.getElementById(target + '-' + cb);
        for (var i = 0; i < js.length; i++) {
          var src = (typeof js[i] != 'string') ? js[i].src : js[i];
          var c = document.createElement('script');
          c.src = '../../' + src + '?' + cb;
          if (typeof js[i] != 'string') {
            if (js[i].dep !== undefined) {
              c.onload = function(dep, cb, target) {
                return function() {
                  scriptLoader.run(dep, cb, target);
                }
              }(js[i].dep, cb, target);
            }
          }
          s.parentNode.insertBefore(c, s);
        }
      }

    }
  </script>

  <script id="pl-js-polyfill-insert-1572447195570">
    (function() {
      if (self != top) {
        var cb = '1572447195570';
        var js = [];
        if (typeof document !== 'undefined' && !('classList' in document.documentElement)) {
          js.push('styleguide/bower_components/classList.min.js');
        }
        scriptLoader.run(js, cb, 'pl-js-polyfill-insert');
      }
    })();
  </script>

  <script id="pl-js-insert-1572447195570">
    (function() {
      if (self != top) {
        var cb = '1572447195570';
        var js = [{
          'src': 'styleguide/bower_components/jwerty.min.js',
          'dep': ['styleguide/js/patternlab-pattern.min.js']
        }];
        scriptLoader.run(js, cb, 'pl-js-insert');
      }
    })();
  </script>

  <!-- JQUERY -->
  <script src="../../js/jquery.min.js"></script>
  <!-- CODE PRETTIFY: Prettify code snippets in HTML -->
  <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&amp;skin=sunburst"></script>
  <!-- Bundled assets -->
  <script src="../../js/altinnPrototyping.vendor.js"></script>
  <!-- ALTINN DEV custom JavaScript -->
  <script src="./../../js/altinnPrototyping.js"></script>
  <!-- CSS uploader inline javascript -->
  <script type="text/javascript">
    <!-- Check if current Window is in iFrame -->

    $(document).ready(function() {
      if (self === top) {
        var $body = 'body';
        if ($('.sg-top').length) {
          var $panelBrsys = '.welcome-panel-brsys';
          var $panelaltinn = '.welcome-panel-altinn';
          switch (window.localStorage.getItem('selected_project')) {
            case 'altinn':
              $('link[href*="style.dist.altinnett.css"]').remove();
              $('link[href*="style.dist.brreg.css"]').remove();
              $($panelBrsys).hide();
              $($panelaltinn).show();
              break;
            case 'altinnett':
              $('link[href*="style.prototype.altinn.css"]').remove();
              $('link[href*="style.dist.brreg.css"]').remove();
              $($panelBrsys).hide();
              $($panelaltinn).show();
              break;
            case 'brsys':
              $('link[href*="style.prototype.altinn.css"]').remove();
              $('link[href*="style.dist.altinnett.css"]').remove();
              $($panelaltinn).hide();
              $($panelBrsys).show();
              break;
            default:
              $('link[href*="style.prototype.altinn.css"]').remove();
              $('link[href*="style.dist.altinnett.css"]').remove();
              $('link[href*="style.dist.brreg.css"]').attr({
                href: '../../css/style.prototype.altinn.css?1572447195570',
                media: 'all'
              });
              break;
          }
        } else {
          $('link[href*="style.prototype.altinn.css"]').remove();
          $('link[href*="style.dist.altinnett.css"]').remove();
          $('link[href*="style.dist.brreg.css"]').attr({
            href: '../../css/style.prototype.altinn.css?1572447195570',
            media: 'all'
          });
        }
      }
    });

    $(window).on('load', function() {
      if (self === top) {
        var elm = document.getElementsByTagName("html")[0];
        elm.style.display = "block";
      }
    });
  </script>
</body>

</html>