altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
1,104 lines (1,103 loc) • 56.5 kB
JSON
{
"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": [
{