altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
756 lines (566 loc) • 31.2 kB
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"> </div>
</div>
<!-- START: 02-organismer-_71-modal-gruppering-01-modal-klientdelegering -->
<!-- START: 02-organismer-70-Modal-innhold-_97-klientdelegering-ferdig -->
<div class="modal-body a-modal-body">
<p>
LOL! Du klarte det! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas modi doloribus officia incidunt nostrum, blanditiis a suscipit unde neque fuga corporis, nisi quia maxime explicabo at harum? Rerum, obcaecati perferendis!
</p>
<div class="a-btn-group">
<!-- START: 00-atomer-02-lenker-00-link -->
<a class="a-btn a-btn-success ">
Ferdig
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a class=" ">
Tildel flere rettigheter
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_97-klientdelegering-ferdig -->
<!-- START: 02-organismer-70-Modal-innhold-_92-delegering-legg-til JS doc: formatter.js for org nr, requires a-js-orgNr class -->
<div class="modal-body a-modal-body">
<div class="pb-2">
<h2 class="a-h4">Tab heading</h2>
<div class="pb-2 clearfix">
<!-- START: 01-molekyler-02-navigasjon-10-faner -->
<ul class="nav a-tabs " role="tablist">
<li class="nav-item a-tab">
<a class="a-tab-btn active" data-toggle="tab" href="#home" role="tab">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-deadline d-none d-sm-inline-block"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Person
</a>
</li>
<li class="nav-item a-tab">
<a class="a-tab-btn " data-toggle="tab" href="#enterprise" role="tab">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-deadline d-none d-sm-inline-block"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Ekstern virksomhet
</a>
</li>
<li class="nav-item a-tab">
<a class="a-tab-btn " data-toggle="tab" href="#enterpriseuser" role="tab">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-deadline d-none d-sm-inline-block"></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Bruker med virksomhetssertifikat
</a>
</li>
</ul>
<!-- END: 01-molekyler-02-navigasjon-10-faner -->
</div>
<div class="tab-content a-tabs-content">
<div class="tab-pane active" id="home" role="tabpanel">
<form data-toggle="validator" data-disable="true">
<div class="row">
<div class="col-12 col-lg-7">
<h3 class="a-h4">Hvem vil du legge til?</h3>
<!-- 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-fnr-brukernavn">Fødselsnr/brukernavn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" placeholder="11 siffer" name="input-field" data-val="true" id="text-fnr-brukernavn" required data-search-algorithm="show-and-highlight" data-search-target="employee-table" data-val-regex="Personnummer må bestå av 11 siffer." data-val-regex-pattern="">
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col-12 col-lg-7">
<div class="mt-1">
<!-- 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-etternavn">Etternavn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" name="input-field" data-val="true" id="text-etternavn" required data-search-algorithm="show-and-highlight" data-search-target="employee-table" data-val-regex="Personnummer må bestå av 11 siffer." data-val-regex-pattern="">
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="submit" class="a-btn a-btn-success mb-0">
<span>
Neste
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
</form>
</div>
<div class="tab-pane " id="enterprise" role="tabpanel">
<form data-toggle="validator" data-disable="true">
<div class="row">
<div class="col-12 col-lg-7">
<h3 class="a-h4">Hvem vil du legge til?</h3>
<!-- 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-orgno">Org.nr.:</label>
<div class="a-form-group-items input-group ">
<input class="form-control a-js-orgNr
" type="text" name="input-field" data-val="true" id="text-orgno" required data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col-12 col-lg-7">
<div class="mt-1">
<!-- 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-bedriftnavn">Navn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" placeholder="Min. 4 første tegn" name="input-field" data-val="true" id="text-bedriftnavn" required data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="submit" class="a-btn a-btn-success mb-0">
<span>
Neste
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
</form>
</div>
<div class="tab-pane " id="enterpriseuser" role="tabpanel">
<form data-toggle="validator" data-disable="true">
<div class="row">
<div class="col-12 col-lg-7">
<h3 class="a-h4">Hvem vil du legge til?</h3>
<!-- 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-enterprise-brukernavn">Brukernavn:</label>
<div class="a-form-group-items input-group ">
<input class="form-control
" type="text" name="input-field" data-val="true" id="text-enterprise-brukernavn" required data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col-12 col-lg-7">
<div class="mt-1">
<!-- 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-enterpriseuser-orgno">Org.nr.:</label>
<div class="a-form-group-items input-group ">
<input class="form-control a-js-orgNr
" type="text" name="input-field" data-val="true" id="text-enterpriseuser-orgno" required data-search-algorithm="show-and-highlight" data-search-target="employee-table">
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="mt-3">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="submit" class="a-btn a-btn-success mb-0">
<span>
Neste
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_92-delegering-legg-til -->
<!-- START: 02-organismer-70-Modal-innhold-_99-klientdelegering-pa-fil -->
<div class="modal-body a-modal-body">
<div class="py-2">
<form data-toggle="validator">
<div class="mb-3">
</div>
<div class="mb-1">
</div>
<div class="mb-3">
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button type="button" class="a-btn a-btn-action">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-download " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Last ned fil</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
<div class="mb-1">
</div>
<!-- START: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst JS doc: toggleFilter.js -->
<a data-toggle="collapse" href="#" data-target="#file-delegation-ID" aria-expanded="true" aria-controls="file-delegation-ID" class="a-collapse-title a-collapse-title--flexstart a-fontBold no-decoration collapsed">
<span class="a-dropdownArrow"></span>
<span class="primary-collapse-text">
Denne teksten kan man trykke på for å se utvidet informasjon om et tema
</span>
</a>
<!-- END: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst -->
<div class="mt-1 mb-4">
<div id="file-delegation-ID" class="a-collapseContent collapse" aria-expanded="false" role="group">
<img src="../../images/klientdelegeringfil.jpg" class="mb-2" alt="Illustrasjon av Excel-fil for filopplastning." />
<!-- START: 00-atomer-08-lister-07-♺-liste-nummerert-sirkel-gul -->
<!-- START: 00-atomer-08-lister-06-liste-nummerert-sirkel -->
<ol class="a-circle-list a-circle-list-yellow">
<li><b>Første punkt i listen</b>(med ekstra informasjon) </li>
<li><b>Andre punkt i listen har</b>en særdeles lang tekst som går over flere linjer med lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla suscipit purus eu vehicula bibendum. Duis luctus magna ac dui convallis iaculis. Donec aliquam
dolor quis convallis finibus. Vivamus commodo semper volutpat. Nullam iaculis, nisl in elementum viverra, ligula leo tristique mauris, ut laoreet justo massa ut nisi. Duis lacinia nulla justo, vitae vehicula arcu suscipit sed. Vivamus
ac odio quis turpis rutrum lacinia a eu dui. Nullam imperdiet, nibh sit amet venenatis auctor, libero massa placerat ipsum, fermentum dignissim nibh mauris sit amet ex. </li>
<li><b>Tredje punkt</b>har kun litt tekst. </li>
<li><b>Fjerde punkt i listen har lenke!</b>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="http://www.skatteetaten.no" class=" ">
Finn ut mer
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</li>
</ol>
<!-- END: 00-atomer-08-lister-06-liste-nummerert-sirkel -->
<!-- END: 00-atomer-08-lister-07-♺-liste-nummerert-sirkel-gul -->
</div>
</div>
<div class="mb-1">
</div>
<div class="mb-4">
<!-- START: 00-atomer-01-forms-_71-fileupload-klientdelegering JS doc: fileInputHandler.js -->
<label class="a-btn a-btn-action a-custom-fileupload mb-0">
<input required class="a-js-fileInputChangeHandler sr-only" type="file" id="customFileuploadId">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-upload " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
Last opp fil
</label>
<div style="display: none" class="a-js-fileListContainer">
<!-- START: 00-atomer-08-lister-_20-liste-opplasting JS doc: fileInputHandler.js -->
<ul class="a-item-list-icon a-list a-list-borderTop">
<li class="a-dotted a-selectable" tabindex="0" role="button" onclick="onFileListDeleteClick(this)" aria-label="Fjern fil:">
<div class="row">
<div class="col">
<span class="a-js-listItemText">
klientrolle_delegeringer_30_05_16.csv
</span>
</div>
<div class="col-auto text-right">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-exit "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
</div>
</li>
</ul>
<!-- END: 00-atomer-08-lister-_20-liste-opplasting -->
</div>
<!-- END: 00-atomer-01-forms-_71-fileupload-klientdelegering -->
</div>
<div class="mb-1">
</div>
<div class="row">
<div class="col-12 col-md-8 col-xl-6 mb-2">
<!-- 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 sr-only " for="text-input-klientdelegering-fil">Epost</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-closedmessage " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="email" placeholder="f.eks post@karinordmann.no" name="input-field" data-val="true" id="text-input-klientdelegering-fil" required data-search-algorithm="show-and-highlight" data-search-target="employee-table" data-val-regex="Feil epost verdier"
data-val-regex-pattern="(('[^']+')|(([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+(.([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+)*))@((((([a-zA-Z0-9æøåÆØÅ]([a-zA-Z0-9-æøåÆØÅ]{0,61})[a-zA-Z0-9æøåÆØÅ].)|[a-zA-Z0-9æøåÆØÅ].){1,9})([a-zA-Z]{2,14}))|((d{1,3}).(d{1,3}).(d{1,3}).(d{1,3})))">
</div>
<div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="submit" onclick="location.href='/patterns/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html'" class="a-btn a-btn-success mb-0 a-js-enableWhenValid">
<span>
Ferdig
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</form>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_99-klientdelegering-pa-fil -->
<!-- END: 02-organismer-_71-modal-gruppering-01-modal-klientdelegering -->
<!-- DO NOT REMOVE -->
<script type="text/json" id="sg-pattern-data-footer" class="sg-pattern-data">
{
"cssEnabled": false,
"patternLineageExists": true,
"patternLineages": [{
"lineagePattern": "organismer-klientdelegering-fjern-rettigheter",
"lineagePath": "../../patterns/02-organismer-70-Modal-innhold-_98-klientdelegering-fjern-rettigheter\\02-organismer-70-Modal-innhold-_98-klientdelegering-fjern-rettigheter.html",
"lineageState": "inprogress"
}, {
"lineagePattern": "organismer-klientdelegering-ferdig",
"lineagePath": "../../patterns/02-organismer-70-Modal-innhold-_97-klientdelegering-ferdig\\02-organismer-70-Modal-innhold-_97-klientdelegering-ferdig.html",
"lineageState": "inprogress"
}, {
"lineagePattern": "organismer-delegering-legg-til",
"lineagePath": "../../patterns/02-organismer-70-Modal-innhold-_92-delegering-legg-til\\02-organismer-70-Modal-innhold-_92-delegering-legg-til.html",
"lineageState": "indesignreview"
}, {
"lineagePattern": "organismer-klientdelegering-gi-rettigheter",
"lineagePath": "../../patterns/02-organismer-70-Modal-innhold-_96-klientdelegering-gi-rettigheter\\02-organismer-70-Modal-innhold-_96-klientdelegering-gi-rettigheter.html",
"lineageState": "inprogress"
}, {
"lineagePattern": "organismer-klientdelegering-pa-fil",
"lineagePath": "../../patterns/02-organismer-70-Modal-innhold-_99-klientdelegering-pa-fil\\02-organismer-70-Modal-innhold-_99-klientdelegering-pa-fil.html",
"lineageState": "indesignreview"
}],
"lineage": [{
"lineagePattern": "organismer-klientdelegering-fjern-rettigheter",
"lineagePath": "../../patterns/02-organismer-70-Modal-innhold-_98-klientdelegering-fjern-rettigheter\\02-organismer-70-Modal-innhold-_98-klientdelegering-fjern-rettigheter.html",
"lineageState": "inprogress"
}, {
"lineagePattern": "organismer-klientdelegering-ferdig",
"lineagePath": "../../patterns/02-organismer-70-Modal-innhold-_97-klientdelegering-ferdig\\02-organismer-70-Modal-innhold-_97-klientdelegering-ferdig.html",
"lineageState": "inprogress"
}, {
"lineagePattern": "organismer-delegering-legg-til",
"lineagePath": "../../patterns/02-organismer-70-Modal-innhold-_92-delegering-legg-til\\02-organismer-70-Modal-innhold-_92-delegering-legg-til.html",
"lineageState": "indesignreview"
}, {
"lineagePattern": "organismer-klientdelegering-gi-rettigheter",
"lineagePath": "../../patterns/02-organismer-70-Modal-innhold-_96-klientdelegering-gi-rettigheter\\02-organismer-70-Modal-innhold-_96-klientdelegering-gi-rettigheter.html",
"lineageState": "inprogress"
}, {
"lineagePattern": "organismer-klientdelegering-pa-fil",
"lineagePath": "../../patterns/02-organismer-70-Modal-innhold-_99-klientdelegering-pa-fil\\02-organismer-70-Modal-innhold-_99-klientdelegering-pa-fil.html",
"lineageState": "indesignreview"
}],
"patternLineageRExists": true,
"patternLineagesR": [{
"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"
}],
"lineageR": [{
"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"
}],
"patternLineageEExists": true,
"patternDesc": "<p>Modal innhold for klientdelegering</p>\n",
"patternBreadcrumb": {
"patternType": "organismer",
"patternSubtype": "modal-gruppering"
},
"patternExtension": "mustache",
"patternName": "Modal Klientdelegering",
"patternPartial": "organismer-modal-klientdelegering",
"patternState": "indesignreview altinn",
"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&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>