UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

387 lines (216 loc) 12.2 kB
<!-- START: 02-organismer-30-seksjoner-30-meny-personbytte --> <!-- Begin #a-dropdown-personswitchList - --> <div class="dropdown-menu a-dropdown-personswitchList a-dropdownTriangle"> <div class="pt-5 pl-3 pr-3"> <!-- START: 00-atomer-02-lenker-00-link --> <a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class="a-link-logout "> Logg ut </a> <!-- END: 00-atomer-02-lenker-00-link --> <div class="row"> <div class="col-sm-12 mb-2"> <!-- START: 01-molekyler-00-tekst-01-person-privat --> <div class="a-personRole"> <!-- START: 00-atomer-09-bilder-og-media-15-ikon --> <i class="ai ai-private ai-lg "></i> <!-- END: 00-atomer-09-bilder-og-media-15-ikon --> <div class="a-personRole-text " title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov"> <span class="a-personRole-name">Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov</span> <span class="a-personRole-role"></span> <!-- START: 00-atomer-02-lenker-00-link --> <a 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=" "> Innstillinger </a> <!-- END: 00-atomer-02-lenker-00-link --> </div> </div> <!-- END: 01-molekyler-00-tekst-01-person-privat --> </div> </div> <p class="a-h2"> Alle dine profiler: </p> <!-- 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="person-switch-input-field">Søk etter aktør</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-others " ></i> <!-- END: 00-atomer-09-bilder-og-media-15-ikon --> </span> <input class="form-control a-hasIcon " type="search" placeholder="Søk etter aktør" name="input-field" data-val="true" id="person-switch-input-field"> </div> </div> <!-- END: 00-atomer-01-forms-10-tekst-input --> <p class="a-fontBold a-fontSizeXS"> Ingen treff, prøv et annet søkeord. <p> </div> <!-- START: 02-organismer-30-seksjoner-31-personbytte --> <div class="px-2 pt-3 "> <!-- START: 00-atomer-01-forms-00-avkrysningsboks --> <div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox a-form-checkboxes--discret "> <input type="checkbox" id="check21" class="custom-control-input"> <label class="custom-control-label " for="check21">Se alle underenheter</label> </div> <div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox a-form-checkboxes--discret "> <input type="checkbox" id="check22" class="custom-control-input"> <label class="custom-control-label " for="check22">Se slettede enheter</label> </div> <!-- END: 00-atomer-01-forms-00-avkrysningsboks --> </div> <div class="pt-1 px-1"> <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <div class="a-listWithSubLevels a-shadow"> <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst --> <button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';"> <!-- START: 00-atomer-09-bilder-og-media-15-ikon --> <i class="ai ai-corp ai-left " ></i> <!-- END: 00-atomer-09-bilder-og-media-15-ikon --> <span class="a-btn-icon-text a-fontBold"> Pettersen foto <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span> </span> </button> <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst --> </div> <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <div class="a-listWithSubLevels a-shadow"> <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst --> <button type="button" class="a-btn disabled a-btn-shadow-large a-btn-shadow a-btn-icon " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" disabled> <!-- START: 00-atomer-09-bilder-og-media-15-ikon --> <i class="ai ai-corp ai-left " ></i> <!-- END: 00-atomer-09-bilder-og-media-15-ikon --> <span class="a-btn-icon-text a-fontBold"> Pettersen Regnskap <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span> </span> </button> <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst --> <div class="a-list-heading"> <!-- START: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp --> <button class="a-btn a-offset-border-top a-btn-shadow a-btn-shadow-expand a-btn-icon collapsed " type="button" data-toggle="collapse" data-target="#listsublevels2" aria-expanded="false" aria-controls="listsublevels2"> <span class="a-dropdownCircleArrow"> <i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i> </span> 6 underenheter </button> <!-- END: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp --> </div> <div id="listsublevels2" class="a-collapseContent a-bgBlueLighter collapse "> <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js --> <div class="a-list-container "> <ul class="a-list a-list-large "> <li class="a-clickable a-list-hasRowLink"> <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS"> <div class="row "> <div class="col"> <!-- START: 01-molekyler-05-lister-_00-liste-innhold --> <b>Pettersen Regnskap – Stavanger AS</b> org. nr. 908 987 519 <!-- END: 01-molekyler-05-lister-_00-liste-innhold --> </div> </div> </a> </li> <li class="a-clickable a-offset-border-top a-list-hasRowLink"> <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS"> <div class="row "> <div class="col"> <!-- START: 01-molekyler-05-lister-_00-liste-innhold --> <b>Pettersen Regnskap – Arendal AS</b> org. nr. 908 987 519 <!-- END: 01-molekyler-05-lister-_00-liste-innhold --> </div> </div> </a> </li> <li class="a-clickable a-offset-border-top a-list-hasRowLink"> <a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS"> <div class="row "> <div class="col"> <!-- START: 01-molekyler-05-lister-_00-liste-innhold --> <b>Pettersen Regnskap – Kristiansand AS</b> org. nr. 908 987 519 <!-- END: 01-molekyler-05-lister-_00-liste-innhold --> </div> </div> </a> </li> </ul> </div> <!-- END: 01-molekyler-05-lister-00-liste-unummerert --> </div> </div> <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <div class="a-listWithSubLevels a-shadow"> <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst --> <button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';"> <!-- START: 00-atomer-09-bilder-og-media-15-ikon --> <i class="ai ai-private ai-left " ></i> <!-- END: 00-atomer-09-bilder-og-media-15-ikon --> <span class="a-btn-icon-text a-fontBold"> Anne Pettersen <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Personnr. 123456 12345</span> </span> </button> <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst --> </div> <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <div class="a-listWithSubLevels a-shadow"> <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst --> <button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov"> <!-- START: 00-atomer-09-bilder-og-media-15-ikon --> <i class="ai ai-private ai-left " ></i> <!-- END: 00-atomer-09-bilder-og-media-15-ikon --> <span class="a-btn-icon-text a-fontBold a-btn-icon-text-ellipsis"> Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Personnr. 123456 12344</span> </span> </button> <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst --> </div> <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <div class="a-listWithSubLevels a-shadow"> <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst --> <button type="button" class=" a-btn-shadow-large a-btn a-btn-shadow a-btn-icon " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';"> <!-- START: 00-atomer-09-bilder-og-media-15-ikon --> <i class="ai ai-corp ai-left " ></i> <!-- END: 00-atomer-09-bilder-og-media-15-ikon --> <span class="a-btn-icon-text a-fontBold"> Pettersen Tallknuser (slettet) <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span> </span> </button> <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst --> </div> <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <div class="a-listWithSubLevels a-shadow"> <!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst --> <button type="button" class="a-btn a-btn-shadow a-btn-shadow-large a-btn-icon " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';"> <!-- START: 00-atomer-09-bilder-og-media-15-ikon --> <i class="ai ai-corp ai-left " ></i> <!-- END: 00-atomer-09-bilder-og-media-15-ikon --> <span class="a-btn-icon-text a-fontBold"> Pettersen Bygg <span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span> </span> </button> <!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst --> </div> <!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status --> <!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp --> <button onclick="location.href='/patterns/04-sider-portal-01-aktorvalg-10-aktorvalg/04-sider-portal-01-aktorvalg-10-aktorvalg.html'" type="button" class="a-btn a-btn-action a-fullWidthBtn"> <!-- START: 00-atomer-09-bilder-og-media-15-ikon --> <i class="ai ai-plus " ></i> <!-- END: 00-atomer-09-bilder-og-media-15-ikon --> <span>Vis alle aktører</span> </button> <!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp --> </div> <!-- END: 02-organismer-30-seksjoner-31-personbytte --> </div> <!-- END: 02-organismer-30-seksjoner-30-meny-personbytte -->