altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
748 lines • 31.7 kB
JSON
{
"variation-class": "a-iconText-background a-iconText-large",
"icontext": "Rettighetsforespørsel",
"hasIcon": {
"icon-prefix": "reg",
"iconClass": "reg-forward",
"iconExtraClass": "a-icon"
},
"modal-navbar-override": {
"button-list": [
{
"buttonClass": "a-modal-back",
"aria-label": "Tilbake",
"icon-prefix": "ai",
"iconClass": "ai-back",
"iconExtraClass": "",
"stacked-background": {
"icon-prefix": "ai",
"iconClass": "ai-plain-circle-big"
},
"onclick": "location.href='link.sider-portal-profil-roller-rettigheter'",
"enable-popover": false
},
{
"buttonClass": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"iconClass": "ai-exit",
"iconExtraClass": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"iconClass": "ai-plain-circle-big"
},
"onclick": "location.href='link.sider-portal-profil-roller-rettigheter'",
"enable-popover": false
}
]
},
"show-be-om-tilgang": false,
"others-with-rights": {
"show-gi-fjerne-roller": {
"person-rolle": {
"person-role-role": false,
"person-role-name": "Pernille Hall",
"iconClass": "ai-private"
},
"showButton": false,
"search-header": false,
"service-search": false,
"search-result": false,
"alert-alone" : {
"alert-id": "alert-no-arrow",
"alert-class": "a-message-info a-message--arrow-off a-message--fullwidth",
"alert-items": [
{
"use-row": true,
"row-extra-class": "col",
"alert-header": {
"classes": "a-fontSizeXXXS",
"text": "forespørsel sendt mandag 13. februar 2019"
}
},
{
"use-row": true,
"row-extra-class": "col mt-1 mb-1",
"alert-text": {
"text": "Pernille Hall har spurt om tilgang til <b>A01 A-melding</b>. Forespørselen omfatter rett til:"
}
},
{
"use-row": true,
"row-extra-class": "col mt-1 mb-1",
"alert-checkbuttons": {
"checkbuttons": [
{
"checkbuttons-title": " Kun lese",
"checkbuttons-id": "checkbutton-lese",
"checkbuttons-class": "disabled",
"checkbuttons-container-class": "a-noPointer",
"isChecked": true,
"isDisabled": true,
"hasIcon": {
"icon-prefix": "ai",
"iconClass": "ai-read"
},
"stacked-background": false,
"enable-popover": false,
"data-trigger": "onchange"
},
{
"checkbuttons-title": " Fylle ut",
"checkbuttons-id": "checkbutton-utfylling",
"checkbuttons-class": "disabled",
"checkbuttons-container-class": "a-noPointer",
"isChecked": true,
"isDisabled": true,
"hasIcon": {
"icon-prefix": "ai",
"iconClass": "ai-write"
},
"stacked-background": false,
"enable-popover": false
},
{
"checkbuttons-title": " Signere",
"checkbuttons-id": "checkbutton-sign",
"checkbuttons-class": "disabled",
"checkbuttons-container-class": "a-noPointer",
"isChecked": true,
"isDisabled": true,
"hasIcon": {
"icon-prefix": "ai",
"iconClass": "ai-sign"
},
"stacked-background": false,
"enable-popover": false,
"data-trigger": "onchange"
}
]
}
},
{
"use-row": true,
"row-extra-class": "col mt-1 mb-1",
"alert-bottom-button-row": {
"buttons": [
{
"aria-label": false,
"button-text": "Godta forespørsel",
"buttonClass": "a-btn a-btn-success mr-1",
"onclick": "location.href='link.sider-portal-tilgangsforesporsel-gitt-tilgang-kvittering'",
"icon-prefix": false,
"iconClass": false,
"display-as-link": true,
"enable-popover": false
},
{
"aria-label": false,
"display-as-link": true,
"button-text": "Avslå forespørsel",
"buttonClass": "a-btn-link a-linkDanger a-js-popover-forceFocus",
"icon-prefix": false,
"iconClass": false,
"enable-popover": true,
"popover-placement": "bottom",
"popover-content-id": "sampleIdPopoverButtoinLink",
"popover-class": "popover-warning",
"popover-text": "Rettighetsforespørselen blir slettet",
"popover-buttons": [
{
"button-text": "Ok",
"buttonClass": "a-btn a-btn-danger",
"onclick": "location.href='link.sider-portal-profil-roller-rettigheter'"
},
{
"button-text": "Avbryt",
"buttonClass": "a-btn-link a-linkDanger",
"display-as-link": true,
"onclick": "$('button[aria-describedby=' + $(this).parent().parent().attr('id') + ']').click();"
}
]
}
]
}
}
]
},
"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,
"aria-expanded-header": false,
"role": "list",
"has-link": {
"link-text": "Disse rollene gir tilgang til disse tjenestene",
"link-url": "link.sider-portal-andre-med-rettigheter-roller-gir-tilgang-til-tjenester"
},
"rows": [
{
"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 d-flex align-items-center",
"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": "popoverSampleContentSigneringsrett1",
"popover-title": false,
"popover-list-content": {
"header-text": "Hva inneholder rollen?",
"intro-text": "Denne rollen gir rettighet til lønns- og personalrelaterte tjenester.",
"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",
"iconClass": "ai-help-popicon",
"popovericon-container": {
"popovericon-container-class": "a-js-popoverIconInitial",
"icon-prefix": "",
"iconClass": ""
}
},
{
"icon-prefix": "ai",
"iconClass": "ai-circle-exit",
"popovericon-container": {
"popovericon-container-class": "a-js-popoverIconExpanded",
"icon-prefix": "",
"iconClass": ""
}
}
]
}
}
]
}
]
},
{
"additional-classes": "a-dotted a-inactive",
"id": "signering",
"onclick": false,
"columns": [
{
"additional-classes": "col",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "",
"text": "Begrenset signeringsrettighet for brukere som trenger en ekstra lang tittel her for å se hvordan det ser ut når det går over to linjer."
}
}
]
},
{
"additional-classes": "col-auto text-right d-flex align-items-center",
"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": "popoverSampleContentSigneringsrett23",
"popover-title": false,
"popover-list-content": {
"header-text": "Hva inneholder rollen?",
"intro-text": "Denne rollen gir rettighet til lønns- og personalrelaterte tjenester.",
"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",
"iconClass": "ai-help-popicon",
"popovericon-container": {
"popovericon-container-class": "a-js-popoverIconInitial",
"icon-prefix": "",
"iconClass": ""
}
},
{
"icon-prefix": "ai",
"iconClass": "ai-circle-exit",
"popovericon-container": {
"popovericon-container-class": "a-js-popoverIconExpanded",
"icon-prefix": "",
"iconClass": ""
}
}
]
}
}
]
}
]
}
]
},
{
"collapse-header-title": "Har også tilgang til disse <span class='badge badge-primary a-label badge-pill'>1</span> enkelttjenestene",
"collapse-header-contentID": "exp-list-2",
"collapse-header-class": "a-dotted",
"aria-expanded": false,
"heading-action": false,
"has-link": false,
"aria-expanded-header": false,
"role": "list",
"rows": [
{
"additional-classes": "a-dotted a-inactive",
"id": "firstRow",
"onclick": false,
"columns": [
{
"additional-classes": "col-12 col-md",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "",
"text": "Arbeidsgivers oppfølgingsplan for sykmeldte - uten sluttbrukersystem"
}
}
]
},
{
"additional-classes": "col-auto",
"onclick": false,
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"iconClass": "ai-read",
"iconExtraClass": "a-dimmed",
"icon-title": "Les",
"icon-size": "ai-sm"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"iconClass": "ai-write",
"iconExtraClass": "a-dimmed",
"icon-title": "Skriv",
"icon-size": "ai-sm"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"iconClass": "ai-sign",
"iconExtraClass": "a-dimmed",
"icon-title": "Signer",
"icon-size": "ai-sm"
}
}
]
}
]
}
]
},
{
"collapse-header-title": "Har også tilgang til disse <span class='badge badge-primary a-label badge-pill'>2</span> skjemaene",
"collapse-header-contentID": "exp-list-3",
"collapse-header-class": "a-dotted",
"aria-expanded": false,
"heading-action": false,
"has-link": false,
"aria-expanded-header": false,
"role": "list",
"rows": [
{
"additional-classes": "a-dotted a-inactive",
"id": "firstRow",
"onclick": false,
"columns": [
{
"additional-classes": "col-12 col-md",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "",
"text": "Til utfylling: RF-1117 Klage på likninga, HALL RANDI"
}
}
]
},
{
"additional-classes": "col-auto",
"onclick": false,
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"iconClass": "ai-read",
"iconExtraClass": "a-dimmed",
"icon-title": "Les",
"icon-size": "ai-sm"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"iconClass": "ai-write",
"iconExtraClass": "a-dimmed",
"icon-title": "Skriv",
"icon-size": "ai-sm"
}
},
{
"column-icon": {
"icon-prefix": "ai",
"iconClass": "ai-sign",
"iconExtraClass": "a-dimmed",
"icon-title": "Signer",
"icon-size": "ai-sm"
}
}
]
}
]
},
{
"additional-classes":"a-dotted a-disabled",
"id": "secondRow",
"onclick": false,
"columns": [
{
"additional-classes":"col-12 col-md",
"onclick":false,
"column-items": [
{
"column-text": {
"classes": "",
"text": "RF-1117 Klage på likninga"
}
}
]
}
]
}
]
}
]
}
}
}