UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

1,104 lines (1,103 loc) 56.5 kB
{ "variation-class": "a-iconText-background a-iconText-large", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-corp" }, "popover-various-content": false, "modal-navbar-override": { "button-list": [ { "button-class": "a-modal-back", "aria-label": "Tilbake", "icon-prefix": "ai", "icon-class": "ai-back", "icon-extra-class": "", "stacked-background": { "icon-prefix": "ai", "icon-class": "ai-plain-circle-big" }, "onclick": "location.href='link.sider-portal-profil-roller-rettigheter'", "enable-popover": false }, { "button-class": "a-modal-close", "aria-label": "Lukk", "icon-prefix": "ai", "icon-class": "ai-exit", "icon-extra-class": "a-modal-close-icon", "stacked-background": { "icon-prefix": "ai", "icon-class": "ai-plain-circle-big" }, "onclick": "location.href='link.sider-portal-profil-roller-rettigheter'", "enable-popover": false } ] }, "others-with-rights": { "show-gi-fjerne-roller": { "has-links": true, "link-done": [ { "link-class": "a-btn a-btn-success mr-2", "link-text": "Ferdig", "link-url": "link.sider-portal-andre-med-rettigheter-delegering-ok" }, { "link-class": "a-btn-link", "display-as-link": true, "link-text": "Avbryt", "link-url": "link.sider-portal-andre-med-rettigheter-roller-oversikt" } ], "person-rolle": { "person-role-role": "Styremedlem", "person-role-name": "Jan Derek Sørensen", "icon-class": "ai-private", "icon-extra-class": "" }, "showButton": false, "search-title": "Gi nye rettigheter:", "text-input-placeholder": "Finn skjema eller tjeneste", "isInactive": true, "top-label": "Finn skjema eller tjeneste", "isHidden": true, "form-label-hasIcon": { "isInactive": true, "icon-prefix": "ai", "icon-class": "ai-document" }, "form-input-hasButton": { "button-icon": { "icon-prefix": "ai", "icon-class": "ai-search" }, "button-text": [ { "button-text-value": "Søk", "button-text-class": "sr-only" } ] }, "expandable-list": [ { "collapse-header-title": "Har disse <span class='badge badge-primary a-label badge-pill'>2</span> rollene:", "collapse-header-contentID": "exp-list-1", "collapse-header-class": "a-dotted", "aria-expanded": false, "heading-action": false, "has-link": false, "aria-expanded-header": false, "role": "list", "is-checkbox": true, "rows": [ { "is-checkbox": false, "additional-classes": "a-dotted a-disabled", "id": "basisrolle", "onclick": false, "columns": [ { "additional-classes": "col", "onclick": false, "column-items": [ { "column-text": { "classes": "", "text": "Basisrolle" } } ] }, { "additional-classes": "col-auto text-right align-items-center d-flex", "onclick": false, "column-items": [ { "column-popover": { "popover-link-text": "Klikk for å se hva rollen gir tilgang til", "popover-link-text-class": "sr-only", "open-popover-class": "a-helpIconButton a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons", "popover-class": "popover-big", "header-text": "Hva inneholder rollen?", "intro-text": "Rolle som følger automatisk med når en bruker får en annen Altinn-rolle", "popover-content": false, "popover-content-id": "popoverSampleContent", "popover-title": false, "id": false, "popover-description-content": false, "popover-various-content": false, "popover-list-content": { "header-text": "Hva inneholder rollen?", "intro-text": "Denne rollen gir rettighet til lønns- og personalrelaterte tjenester.", "additional-classes": false, "id": false, "rows": [ { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": "col-12", "column-items": [ { "column-text": { "text": "Lønn og personalmedarbeider", "classes": "a-fontBold" } }, { "column-text": { "text": "Gir rettighet til 59 tjenester", "classes": "float-right a-fontSizeXXXS" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— AFP arbeidsgiverskjema" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— AFP-avgjørelse" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Arbeidsgivers oppfølgingsplan for sykmeldte" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] } ] }, "popover-link-icon": [ { "icon-prefix": "ai", "icon-class": "ai-help-popicon", "popovericon-container": { "popovericon-container-class": "a-js-popoverIconInitial", "icon-prefix": "", "icon-class": "" } }, { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "popovericon-container": { "popovericon-container-class": "a-js-popoverIconExpanded", "icon-prefix": "", "icon-class": "" } } ] } } ] } ] }, { "additional-classes": "a-dotted a-selectable a-success", "id": "signering", "onclick": false, "tabable": false, "columns": [ { "additional-classes": "col", "onclick": false, "column-items": [ { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-plus", "icon-extra-class": "a-blueText a-hiddenWhenSelected" } }, { "column-text": { "text": "Begrenset signeringsrettighet" } } ] }, { "additional-classes": "col-auto text-right align-items-center d-flex", "onclick": false, "column-items": [ { "column-text": { "text": "Angre", "classes": "d-none d-md-block a-visibleWhenSelected" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-undo", "icon-extra-class": "a-danger a-visibleWhenSelected" } }, { "column-popover": { "popover-link-text": "Klikk for å se hva rollen gir tilgang til", "popover-link-text-class": "sr-only", "open-popover-class": "a-helpIconButton a-hiddenWhenSelected a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons", "popover-class": "popover-big", "header-text": "Hva inneholder rollen?", "intro-text": "Rolle som følger automatisk med når en bruker får en annen Altinn-rolle", "popover-content": false, "popover-content-id": "popoverSampleContentSigneringsrett", "popover-title": false, "id": false, "popover-description-content": false, "popover-various-content": false, "popover-list-content": { "header-text": "Hva inneholder rollen?", "intro-text": "Denne rollen gir rettighet til lønns- og personalrelaterte tjenester.", "id": false, "additional-classes": false, "rows": [ { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": "col-12", "column-items": [ { "column-text": { "text": "Lønn og personalmedarbeider", "classes": "a-fontBold" } }, { "column-text": { "text": "Gir rettighet til 59 tjenester", "classes": "float-right a-fontSizeXXXS" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— AFP arbeidsgiverskjema" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— AFP-avgjørelse" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Arbeidsgivers oppfølgingsplan for sykmeldte" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] } ] }, "popover-link-icon": [ { "icon-prefix": "ai", "icon-class": "ai-help-popicon", "popovericon-container": { "popovericon-container-class": "a-js-popoverIconInitial", "icon-prefix": "", "icon-class": "" } }, { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "popovericon-container": { "popovericon-container-class": "a-js-popoverIconExpanded", "icon-prefix": "", "icon-class": "" } } ] } } ] } ] }, { "additional-classes": "a-dotted a-selectable a-success", "tabable": false, "columns": [ { "additional-classes": "col", "column-items": [ { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-plus", "icon-extra-class": "a-blueText a-hiddenWhenSelected" } }, { "column-text": { "text": "Lønn og personalmedarbeider" } } ] }, { "additional-classes": "col-auto text-right align-items-center d-flex", "column-items": [ { "column-text": { "text": "Angre", "classes": "d-none d-md-block a-visibleWhenSelected" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-undo", "icon-extra-class": "a-danger a-visibleWhenSelected" } }, { "column-popover": { "popover-link-text": "Klikk for å se hva rollen gir tilgang til", "popover-link-text-class": "sr-only", "open-popover-class": "a-helpIconButton a-hiddenWhenSelected a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons", "popover-class": "popover-big", "popover-content": false, "popover-content-id": "popoverSampleContent2", "popover-title": false, "id": false, "popover-description-content": false, "popover-various-content": false, "popover-list-content": { "header-text": "Hva inneholder rollen?", "additional-classes": false, "intro-text": "Denne rollen gir rettighet til lønns- og personalrelaterte tjenester.", "rows": [ { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": "col-12", "column-items": [ { "column-text": { "text": "Lønn og personalmedarbeider", "classes": "a-fontBold" } }, { "column-text": { "text": "Gir rettighet til 59 tjenester", "classes": "float-right a-fontSizeXXXS" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— AFP arbeidsgiverskjema" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— AFP-avgjørelse" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Arbeidsgivers oppfølgingsplan for sykmeldte" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] } ] }, "popover-link-icon": [ { "icon-prefix": "ai", "icon-class": "ai-help-popicon", "popovericon-container": { "popovericon-container-class": "a-js-popoverIconInitial", "icon-prefix": "", "icon-class": "" } }, { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "popovericon-container": { "popovericon-container-class": "a-js-popoverIconExpanded", "icon-prefix": "", "icon-class": "" } } ] } } ] } ] }, { "additional-classes": "a-dotted a-selectable a-success", "tabable": false, "columns": [ { "additional-classes": "col", "column-items": [ { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-plus", "icon-extra-class": "a-blueText a-hiddenWhenSelected" } }, { "column-text": { "text": "Lønn og personalmedarbeider" } } ] }, { "additional-classes": "col-auto text-right align-items-center d-flex", "column-items": [ { "column-text": { "text": "Angre", "classes": "d-none d-md-block a-visibleWhenSelected" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-undo", "icon-extra-class": "a-danger a-visibleWhenSelected" } }, { "column-icon-link": { "linkIcon-url": "link.sider-portal-andre-med-rettigheter-egendefinert-rolle-rediger", "linkIcon-text": "Rediger", "icon-prefix": "ai ai-sm", "icon-class": "ai-edit", "link-icon-class": "a-btn-blue-noUnderline pr-0 a-hiddenWhenSelected", "text-class": "d-none d-lg-inline a-fontSizeXS pr-1" } }, { "column-popover": { "popover-link-text": "Klikk for å se hva rollen gir tilgang til", "popover-link-text-class": "sr-only", "open-popover-class": "a-helpIconButton a-js-persistPopover a-js-popoverBig a-hiddenWhenSelected a-js-togglePopoverIcons", "popover-class": "popover-big a-hiddenWhenSelected", "popover-content": false, "popover-content-id": "popoverSampleContent3", "popover-title": false, "id": false, "popover-description-content": false, "popover-various-content": false, "popover-list-content": { "additional-classes": false, "header-text": "Hva inneholder rollen?", "intro-text": "Denne rollen gir rettighet til lønns- og personalrelaterte tjenester.", "rows": [ { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": "col-12", "column-items": [ { "column-text": { "text": "Lønn og personalmedarbeider", "classes": "a-fontBold" } }, { "column-text": { "text": "Gir rettighet til 59 tjenester", "classes": "float-right a-fontSizeXXXS" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— AFP arbeidsgiverskjema" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— AFP-avgjørelse" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Arbeidsgivers oppfølgingsplan for sykmeldte" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— Eksempel" } } ] } ] } ] }, "popover-link-icon": [ { "icon-prefix": "ai", "icon-class": "ai-help-popicon", "popovericon-container": { "popovericon-container-class": "a-js-popoverIconInitial", "icon-prefix": "", "icon-class": "" } }, { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "popovericon-container": { "popovericon-container-class": "a-js-popoverIconExpanded", "icon-prefix": "", "icon-class": "" } } ] } } ] } ] }, { "additional-classes": "a-dotted a-selectable a-success", "tabable": false, "columns": [ { "additional-classes": "col", "column-items": [ { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-plus", "icon-extra-class": "a-blueText a-hiddenWhenSelected" } }, { "column-text": { "text": "Lønn og personalmedarbeider" } } ] }, { "additional-classes": "col-auto text-right align-items-center d-flex", "column-items": [ { "column-text": { "text": "Angre", "classes": "d-none d-md-block a-visibleWhenSelected" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-undo", "icon-extra-class": "a-danger a-visibleWhenSelected" } }, { "column-icon-link": { "linkIcon-url": "link.sider-portal-andre-med-rettigheter-egendefinert-rolle-rediger", "linkIcon-text": "Rediger", "icon-prefix": "ai ai-sm", "icon-class": "ai-edit", "link-icon-class": "a-btn-blue-noUnderline pr-0 a-hiddenWhenSelected", "text-class": "d-none d-lg-inline a-fontSizeXS pr-1" } }, { "column-popover": { "popover-link-text": "Klikk for å se hva rollen gir tilgang til", "popover-link-text-class": "sr-only", "open-popover-class": "a-helpIconButton a-js-persistPopover a-hiddenWhenSelected a-js-popoverBig a-js-togglePopoverIcons", "popover-class": "popover-big", "popover-content": false, "popover-content-id": "popoverSampleContent11", "popover-title": false, "id": false, "popover-description-content": false, "popover-various-content": false, "popover-list-content": { "additional-classes": false, "header-text": "Hva inneholder rollen?", "intro-text": "Denne rollen gir rettighet til lønns- og personalrelaterte tjenester.", "rows": [ { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": "col-12", "column-items": [ { "column-text": { "text": "Lønn og personalmedarbeider", "classes": "a-fontBold" } }, { "column-text": { "text": "Gir rettighet til 59 tjenester", "classes": "float-right a-fontSizeXXXS" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ { "column-text": { "text": "— AFP arbeidsgiverskjema" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": false, "column-items": [ {