altinn-designsystem

{ "icon-prefix": "ai", "icon-class": "ai-deadline", "icon-size": "", "icon-extra-class": "", "icon-text": "", "icon-id": false, "sr-only": false, "aria-hidden": false, "stacked-background": false, "icon-post-text": false, "icon-title": false, "icon-sr-only-text": false, "themeCss": "../../css/style.prototype.altinn.css", "themeJs": "./../../js/altinnPrototyping.js", "themeJsVendor": "../../js/altinnPrototyping.vendor.js", "link-text": "En lenke ser slik ut", "link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html", "sr-text": false, "dropdown-link-class": "a-borderBottom", "dropdown-top-item": { "dropdown-top-item-content": "Lagrede søk", "overflow-extraclass": "pt-1 pb-1" }, "dropdown-item": [ { "dropdown-icon": { "icon-prefix": "ai", "icon-class": "ai-letter-r", "icon-size": "", "icon-extra-class": "a-blue" }, "dropdown-item-content": "Lagre søk", "dropdown-item-content-class": "a-fontBold" }, { "dropdown-icon": { "icon-prefix": "ai", "icon-class": "ai-letter-r", "icon-size": "", "icon-extra-class": "a-blue" }, "dropdown-item-content": "Annet lagret søk", "dropdown-item-content-class": "a-fontBold" }, { "dropdown-icon": { "icon-prefix": "ai", "icon-class": "ai-settings", "icon-size": "", "icon-extra-class": "a-blue" }, "dropdown-item-content": "tilpass", "dropdown-item-content-class": "a-fontBold" } ], "label-class": "badge-primary", "label-id": false, "label-content": "9", "button-text": "En knapp stylet som en link som antyder fare", "button-class": "a-btn-link a-linkDanger float-right", "button-colorClass": "", "button-shadow-label": false, "button-icon": false, "info-delete-add": { "added-content": [ { "title": "Tittel på elementet", "delete-btn": { "button-text": "Slett", "button-class": "a-btn a-btn-icon", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "icon-extra-class": "a-danger ai-left" } }, "description": "Dette er en beskrivelse av elementet som er blitt lagt til" } ], "add-btn": { "button-text": "Legg til", "button-class": "a-btn a-btn-icon a-btn-add a-add-certificate", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-plus", "icon-extra-class": "a-blueText" } } }, "button-disabled": false, "button-type": "button", "onclick": false, "display-as-link": true, "ferdigsegment-done": { "button-text": "Ferdig", "button-class": "a-btn a-btn-success a-js-confirmAddRightBtn", "button-id": "confirm-deletion", "data-toggle": "collapse", "data-target": "#eksempelID2", "aria-expanded": false }, "ferdigsegment-cancel": { "button-text": "Avbryt", "button-class": "a-btn-link", "display-as-link": true, "button-id": "cancel-deletion", "margin-right-multiplier": 3, "data-toggle": "collapse", "data-target": "#eksempelID2", "aria-expanded": false }, "print-form-tag": false, "text-input-id": "text-input-generic", "isHidden": true, "top-label": "Søk", "isDisabled": false, "isInactive": false, "text-input-placeholder": "f.eks placeholder", "input-type": "text", "isRequired": false, "extra-help": false, "isLarge": false, "form-label-hasIcon": false, "input-name": "input-field", "form-control-class": "", "checkbuttons": [ { "checkbuttons-title": " Kun lese", "checkbuttons-id": "checkbutton-read", "checkbuttons-class": "", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-read" } }, { "checkbuttons-title": " Fylle ut", "checkbuttons-id": "checkbutton-edit", "checkbuttons-class": "", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-write" } }, { "checkbuttons-title": " Signere", "checkbuttons-id": "checkbutton-sign", "checkbuttons-class": "", "role": "button", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-sign" }, "stacked-background": false, "enable-popover": true, "popover-placement": "bottom", "popover-content-id": "conditionalPopover", "popover-class": "popover-warning", "popover-text": "Dette er en popover tekst", "data-trigger": "onchange", "popover-buttons": [ { "button-text": "knapp", "button-class": "a-btn a-btn-danger" } ] }, { "checkbuttons-title": " Toggle state icon", "checkbuttons-id": "checkbutton-toggle", "checkbuttons-class": "a-toggle-icon", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-plus" }, "checkbuttons-toggle-icon": { "checkbuttons-class": "a-toggle-icon", "icon-prefix": "ai", "icon-class": "ai-check" } }, { "checkbuttons-title": "Eksempel uten ikon", "checkbuttons-id": "checkbutton-example", "checkbuttons-class": "", "hasIcon": false }, { "checkbuttons-title": "Eksempel på deaktivert", "checkbuttons-id": "checkbutton-deactivated", "checkbuttons-class": "disabled", "isDisabled": true, "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-sign" } }, { "checkbuttons-title": "Eksempel med veldig veldig veldig lang tekst som blir kuttet av på mobilvisning", "checkbuttons-id": "checkbutton-longtext", "checkbuttons-class": "", "hasIcon": false } ], "sortable-action-text": "Velg roller den ansatte skal ha:", "sortable-action-link": { "button-text": "Fjern alle", "button-textClass": "a-btn-black-noUnderline a-fontBold", "button-class": "a-btn-link", "button-colorClass": "", "link-url": "", "aria-label": "Fjern alle roller", "button-shadow-label": false, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-exit ai-nw", "icon-extra-class": "a-danger" } }, "sortable-action-items": { "checkbuttons": [ { "checkbuttons-id": "filterID14", "checkbuttons-title": "Begrenset signeringsrett" }, { "checkbuttons-id": "filterID15", "checkbuttons-title": "Lønn og personalmedarbeider" }, { "checkbuttons-id": "filterID16", "checkbuttons-title": "Primærnæring og næringsmidler" }, { "checkbuttons-id": "filterID17", "checkbuttons-title": "Regnskapsfører med signeringsrett" }, { "checkbuttons-id": "filterID18", "checkbuttons-title": "Regnskapsfører lønn" }, { "checkbuttons-id": "filterID19", "checkbuttons-title": "Basisrolle" }, { "checkbuttons-id": "filterID20", "checkbuttons-title": "Regnskapsfører uten signeringsrett" }, { "checkbuttons-id": "filterID21", "checkbuttons-title": "Revisorattester - MVA kompensasjon" }, { "checkbuttons-id": "filterID22", "checkbuttons-title": "Utfyller/Innsender" }, { "checkbuttons-id": "filterID23", "checkbuttons-title": "Ansvarlig revisor" }, { "checkbuttons-id": "filterID24", "checkbuttons-title": "Revisormedarbeider" }, { "checkbuttons-id": "filterID25", "checkbuttons-title": "Revisorrettighet" }, { "checkbuttons-id": "filterID26", "checkbuttons-title": "Regnskapsmedarbeider" } ] }, "column-info-delete-edit": false, "column-switches-with-text": false, "column-info-delete-add": false, "header-text": "Forklarende tittel", "intro-text": "Beskrivelse av innholdet i listen:", "rows": [ { "additional-classes": "a-dotted", "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Første rad" } } ] } ] }, { "additional-classes": "a-dotted", "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Andre rad" } } ] } ] } ], "popover-aria-label": "valid", "open-popover-class": "a-helpIconButton a-helpIconButton--blue a-js-togglePopoverIcons", "popover-data-target": "myPopup", "popover-title": false, "popover-content": false, "popover-class": "", "popover-link-text": "", "popover-various-content": { "alert-items": [ { "alert-text": { "text": "Dette er en tekst " } }, { "alert-link": { "link-text": "med en lenke som står i løpende tekst", "link-url": "http://www.altinn.no" } }, { "alert-text": { "text": "og man kan ha mer tekst etter." } } ] }, "popover-link-icon": [ { "icon-prefix": "ai", "icon-class": "ai-circle-plus", "icon-extra-class": "a-js-popoverIconInitial" }, { "icon-prefix": "ai", "icon-class": "ai-circle-minus", "icon-extra-class": "a-js-popoverIconExpanded" } ], "popover-content-id": "popoverWithIconToggle", "altText": { "altText": "Vis mer info" }, "linkIcon-url": "#", "linkIcon-text": "En lenke", "column-items": [ { "column-text": false, "column-icon": false, "column-link": false, "column-button": false, "column-popover": false } ], "collapse-header-class": "a-dotted", "area-expanded-header": false, "collapsed": true, "collapse-header-contentID": "exp-list", "collapse-header-title": "Denne utvidbare tittelen har blå underlinje.", "aria-expanded": false, "heading-action": false, "has-link": true, "person-role-role": "Styremedlem", "person-role-name": "William Mjelde", "person-role-name-meta": false, "user-icon": { "icon-prefix": "ai", "icon-class": "ai-private", "icon-extra-class": "ai-lg" }, "isTransparent": true, "search-title": "Søk:", "person-rolle": { "person-role-role": "Styremedlem", "person-role-name": "Kari Nordmann", "user-icon": { "icon-prefix": "ai", "icon-class": "ai-private ai-lg", "icon-extra-class": "" } }, "search-rights": false, "isModal": false, "expandable-list": { "popover-various-content": false, "collapse-header-title": "Dette er en utvidbar tittel med merkelapp 1 og lang tekst for å teste hvordan det ser ut", "collapse-header-contentID": "exp-list-1", "aria-expanded": false, "has-link": true, "heading-action": { "heading-text": "Høyrejustert tekst", "icon-prefix": "ai", "icon-class": "ai-circle-minus", "icon-extra-class": "a-danger" } }, "dateDay": "20", "dateMonth": "feb", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-server", "icon-extra-class": "a-icon a-icon-circle" }, "hasTextSmall": false, "icontext": "Stor tekst", "collapseID": "dineRettigheter", "dataParent": "#accordion", "collapse-panel-header-id": "yourRights", "link-done": false, "collapseHeader": { "variation-class": "a-iconText-shadow a-iconText-large a-collapseBtn collapsed", "hasIcon": { "icon-prefix": "reg", "icon-class": "reg-document", "icon-extra-class": "a-icon" }, "hasTextSmall": false, "icontext": "Skjema og tjenester du har rettighet til" }, "showButton": { "button-text": "Fjern en eller flere rettigheter", "onclick": "location.href='/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-fjerne/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-fjerne.html'", "button-class": "a-btn-link a-linkDanger float-left float-md-right", "display-as-link": true, "button-type": false }, "yourRolesAndRights": { "expandable-list": [ { "collapse-header-title": "Har disse 2 rollene:", "collapse-header-class": "a-dotted mt-3", "collapse-header-contentID": "exp-list-1", "isVisible": true, "aria-expanded-header": true, "role": "tabpanel", "collapsed": false, "header": false, "heading-action": false, "aria-expanded": true, "has-link": { "link-text": "Disse rollene gir tilgang til disse tjenestene", "link-url": "/patterns/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene/04-sider-portal-92-andre-med-rettigheter-00-andre-med-rettigheter-roller-gir-tilgang-til-disse-tjenestene.html" }, "rows": [ { "additional-classes": "a-dotted a-disabled", "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": "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", "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-inactive", "onclick": false, "columns": [ { "additional-classes": "col", "onclick": false, "column-items": [ { "column-text": { "classes": "", "text": "Begrenset signeringsrettighet" } } ] }, { "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": "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", "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": "" } } ] } } ] } ] } ] }, { "collapse-header-title": "Har også tilgang til disse 1 enkelttjenestene", "collapse-header-contentID": "exp-list-2", "aria-expanded-header": true, "collapse-header-class": "a-dotted mt-2", "collapsed": false, "header": false, "isVisible": true, "role": "tabpanel", "aria-expanded": true, "heading-action": false, "has-link": false, "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", "icon-class": "ai-read", "icon-extra-class": "a-dimmed", "icon-title": "Les", "icon-size": "ai-sm" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-write", "icon-extra-class": "a-dimmed", "icon-title": "Skriv", "icon-size": "ai-sm" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-sign", "icon-extra-class": "a-dimmed", "icon-title": "Signer", "icon-size": "ai-sm" } } ] } ] } ] }, { "collapse-header-title": "Har også tilgang til disse 2 skjemaene", "collapse-header-contentID": "exp-list-3", "aria-expanded-header": true, "collapse-header-class": "a-dotted mt-2", "collapsed": false, "header": false, "isVisible": true, "role": "tabpanel", "aria-expanded": true, "heading-action": false, "has-link": false, "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", "icon-class": "ai-read", "icon-extra-class": "a-dimmed", "icon-title": "Les", "icon-size": "ai-sm" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-write", "icon-extra-class": "a-dimmed", "icon-title": "Skriv", "icon-size": "ai-sm" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-sign", "icon-extra-class": "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" } } ] } ] } ] } ] } }