UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

1,839 lines 60.5 kB
{ "icon-prefix": "ai", "icon-class": "ai-private", "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, "myself-name": "JAN PETTERSEN", "myself-represent-number": "9", "myself-personal-number": "Personnr. 123456 12345", "user-icon": { "icon-prefix": "ai", "icon-class": "ai-private", "icon-extra-class": "ai-lg" }, "button-class": "a-btn a-btn-icon a-btn-shadow", "action-button-text": "En knapp for å legge til", "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": "Alt innhold er tilgjengelig på bokmål.", "dropdown-item-content-class": "a-fontBold", "dropdown-item-image": "../../images/norsk.svg", "dropdown-item-image-class": "a-iconLeft a-flag", "dropdown-item-title": "Bokmål" }, { "dropdown-icon": { "icon-prefix": "ai", "icon-class": "ai-letter-r", "icon-size": "", "icon-extra-class": "a-blue" }, "dropdown-item-content": "All content is available in english.", "dropdown-item-content-class": "a-fontBold", "dropdown-item-image": "../../images/english.svg", "dropdown-item-image-class": "a-iconLeft a-flag", "language": "lang=\"en\"", "dropdown-item-title": "English" }, { "dropdown-icon": { "icon-prefix": "ai", "icon-class": "ai-settings", "icon-size": "", "icon-extra-class": "a-blue" }, "dropdown-item-content": "Det er førebels berre skjema som er tilgjengelig på nynorsk. Andre sider vil vises med bokmål.", "dropdown-item-content-class": "a-fontBold", "dropdown-item-image": "../../images/norsk.svg", "dropdown-item-image-class": "a-iconLeft a-flag", "dropdown-item-title": "Nynorsk" }, { "dropdown-item-image": "../../images/globe.svg", "dropdown-item-image-class": "a-iconLeft a-flag a-globe", "language": "lang=\"en\"", "dropdown-item-title": "Other languages", "dropdown-item-content": "Information about other languages." } ], "label-class": "badge-primary", "label-id": false, "label-content": "9", "button-text": "En standard knapp", "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": false, "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 etter aktør", "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-contentID": "listsublevels", "aria-expanded": false, "heading-action": false, "has-link": true, "button-main": { "button-class": "a-btn-shadow disabled a-btn a-btn-icon a-btn-shadow-large", "button-colorClass": "", "button-dot": false, "button-text": "Pettersen Regnskap", "button-textClass": "a-fontBold", "button-text-second": { "button-text-second": "org.nr. 893 234 789", "button-text-second-class": "a-fontReg a-fontSizeXS" }, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-corp", "icon-extra-class": "ai-left" }, "link-url": "/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html" }, "button-sub": { "collapse-header-contentID": "listsublevels2", "button-class": "a-btn a-btn-shadow a-btn-shadow-expand a-offset-border-top a-btn-icon collapsed", "collapse-header-title": "6 underenheter", "additional-classes": "a-list-large", "rows": [ { "additional-classes": "a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "http://altinn.no", "rowLink-class": "a-fontSizeXS" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "<b>Pettersen Regnskap – Stavanger AS</b> org. nr. 908 987 519" } } ] } ] }, { "additional-classes": "a-clickable a-offset-border-top a-list-hasRowLink", "isRowLink": { "rowLink": "http://altinn.no", "rowLink-class": "a-fontSizeXS" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "<b>Pettersen Regnskap – Arendal AS</b> org. nr. 908 987 519" } } ] } ] }, { "additional-classes": "a-clickable a-offset-border-top a-list-hasRowLink", "isRowLink": { "rowLink": "http://altinn.no", "rowLink-class": "a-fontSizeXS" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "<b>Pettersen Regnskap – Kristiansand AS</b> org. nr. 908 987 519" } } ] } ] } ] }, "check-legend": { "check-legendText": "Velg ett eller flere alternativer" }, "checkboxes": [ { "isInline": true, "isChecked": false, "checkboxID": "check1", "checkboxes-title": "Kryss av i den første avkrysningsboksen", "isRequired": false }, { "isInline": true, "isChecked": false, "checkboxID": "check2", "checkboxes-title": "Kryss av i den andre avkrysningsboksen", "isRequired": false }, { "isInline": true, "isChecked": false, "checkboxID": "check3", "checkboxes-title": "En avkrysningsboks som er required", "isRequired": true }, { "inactive": true, "isChecked": false, "checkboxID": "check4", "checkboxes-title": "En deaktivert avkrysningsboks", "isRequired": false } ], "personswitch-persons": [ { "button-main": { "button-class": "a-btn-shadow-large a-btn a-btn-shadow a-btn-icon", "button-colorClass": "", "button-dot": false, "button-text": "Pettersen foto", "button-textClass": "a-fontBold", "button-text-second": { "button-text-second": "org.nr. 893 234 789", "button-text-second-class": "a-fontReg a-fontSizeXS" }, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-corp ai-left", "icon-extra-class": "" }, "link-url": "/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html" }, "button-sub": false }, { "button-main": { "button-class": "a-btn disabled a-btn-shadow-large a-btn-shadow a-btn-icon", "button-colorClass": "", "button-dot": false, "disabled": true, "button-text": "Pettersen Regnskap", "button-textClass": "a-fontBold", "button-text-second": { "button-text-second": "org.nr. 893 234 789", "button-text-second-class": "a-fontReg a-fontSizeXS" }, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-corp ai-left", "icon-extra-class": "" }, "link-url": "/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html" }, "button-sub": { "collapse-header-contentID": "listsublevels2", "button-class": "a-btn a-offset-border-top a-btn-shadow a-btn-shadow-expand a-btn-icon collapsed", "role": "list", "collapse-header-title": "6 underenheter", "additional-classes": "a-list-large", "rows": [ { "additional-classes": "a-clickable a-list-hasRowLink", "isRowLink": { "rowLink": "http://altinn.no", "rowLink-class": "a-fontSizeXS" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "<b>Pettersen Regnskap – Stavanger AS</b> org. nr. 908 987 519" } } ] } ] }, { "additional-classes": "a-clickable a-offset-border-top a-list-hasRowLink", "isRowLink": { "rowLink": "http://altinn.no", "rowLink-class": "a-fontSizeXS" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "<b>Pettersen Regnskap – Arendal AS</b> org. nr. 908 987 519" } } ] } ] }, { "additional-classes": "a-clickable a-offset-border-top a-list-hasRowLink", "isRowLink": { "rowLink": "http://altinn.no", "rowLink-class": "a-fontSizeXS" }, "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "<b>Pettersen Regnskap – Kristiansand AS</b> org. nr. 908 987 519" } } ] } ] } ] } }, { "button-main": { "button-class": "a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight", "button-colorClass": "", "button-dot": false, "button-text": "Anne Pettersen", "button-textClass": "a-fontBold", "button-text-second": { "button-text-second": "Personnr. 123456 12345", "button-text-second-class": "a-fontReg a-fontSizeXS" }, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-private ai-left", "icon-extra-class": "" }, "link-url": "/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html" }, "button-sub": false }, { "button-main": { "button-class": "a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight", "button-colorClass": "", "button-dot": false, "button-text": "Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov", "button-textClass": "a-fontBold a-btn-icon-text-ellipsis", "button-text-second": { "button-text-second": "Personnr. 123456 12344", "button-text-second-class": "a-fontReg a-fontSizeXS" }, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-private ai-left", "icon-extra-class": "" }, "title": "Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov", "link-url": "/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html" }, "button-sub": false }, { "button-main": { "button-class": " a-btn-shadow-large a-btn a-btn-shadow a-btn-icon", "button-colorClass": "", "button-dot": false, "button-text": "Pettersen Tallknuser (slettet)", "button-textClass": "a-fontBold", "button-text-second": { "button-text-second": "org.nr. 893 234 789", "button-text-second-class": "a-fontReg a-fontSizeXS" }, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-corp ai-left", "icon-extra-class": "" }, "link-url": "/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html" }, "button-sub": false }, { "button-main": { "button-class": "a-btn a-btn-shadow a-btn-shadow-large a-btn-icon", "button-colorClass": "", "button-dot": false, "button-text": "Pettersen Bygg", "button-textClass": "a-fontBold", "button-text-second": { "button-text-second": "org.nr. 893 234 789", "button-text-second-class": "a-fontReg a-fontSizeXS" }, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-corp ai-left", "icon-extra-class": "" }, "link-url": "/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html" }, "button-sub": false } ], "loadmore": { "action-button-text": "Vis alle aktører", "button-class": "a-btn a-btn-action a-fullWidthBtn", "icon-prefix": "ai", "icon-class": "ai-plus", "icon-extra-class": "", "onclick": "location.href='/patterns/04-sider-portal-01-aktorvalg-10-aktorvalg/04-sider-portal-01-aktorvalg-10-aktorvalg.html'" }, "personswitch-options": { "isDiscreet": "a-form-checkboxes--discret", "isCenter": "d-flex justify-content-center", "check-legend": false, "checkboxes": [ { "isInline": true, "isChecked": false, "checkboxID": "check21", "checkboxes-title": "Se alle underenheter" }, { "isInline": true, "isChecked": false, "checkboxID": "check22", "checkboxes-title": "Se slettede enheter" } ] }, "personswitch-footer": {}, "circle-variation": "", "circle-list-items": [ { "circle-list-title": "Første punkt i listen", "circle-list-info": "(med ekstra informasjon)" }, { "circle-list-title": "Andre punkt i listen har", "circle-list-info": "en særdeles lang tekst som går over flere linjer med lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla suscipit purus eu vehicula bibendum. Duis luctus magna ac dui convallis iaculis. Donec aliquam dolor quis convallis finibus. Vivamus commodo semper volutpat. Nullam iaculis, nisl in elementum viverra, ligula leo tristique mauris, ut laoreet justo massa ut nisi. Duis lacinia nulla justo, vitae vehicula arcu suscipit sed. Vivamus ac odio quis turpis rutrum lacinia a eu dui. Nullam imperdiet, nibh sit amet venenatis auctor, libero massa placerat ipsum, fermentum dignissim nibh mauris sit amet ex." }, { "circle-list-title": "Tredje punkt", "circle-list-info": "har kun litt tekst." }, { "circle-list-title": "Fjerde punkt i listen har lenke!", "circle-list-link": { "link-text": "Finn ut mer", "link-url": "http://www.skatteetaten.no", "link-icon": false } } ], "imageurl": "../../images/illustrasjon_starte_og_drive_sirkel.svg", "firstLevelColClass": "col-12", "secondLevelColClass": "col-12 col-md-3", "hrExtraClass": "a-hrLight", "loadmoreSearch": false, "firstLevelCheckboxes": [ { "hasSecondLevel": true, "isStacked": "custom-controls-stacked", "secondLevelId": "firstNestedLevel", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Main", "data-toggle": "nestedCheckbox", "data-target": "#firstNestedLevel" } ], "secondLevelCheckboxes": [ { "isDiscreet": "a-form-checkboxes--discret", "isStacked": "custom-controls-stacked", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Nested" } ] }, { "isDiscreet": "a-form-checkboxes--discret", "isStacked": "custom-controls-stacked", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Nested" } ] } ] }, { "isStacked": "custom-controls-stacked", "firstLevelColClass": "col-12 col-md-3", "hrExtraClass": "d-md-none a-hrLight", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Secondexample" } ], "hasSecondLevel": false }, { "isStacked": "custom-controls-stacked", "firstLevelColClass": "col-12 col-md-3", "hrExtraClass": "d-md-none a-hrLight", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Secondexample" } ], "hasSecondLevel": false } ], "profile-sok": { "text-input-id": "search-for-profiles-1", "text-input-placeholder": "Søk etter profil", "input-type": "search", "isRequired": false, "extra-help": false, "isHidden": false, "isLarge": false, "top-label": false, "form-control-class": "", "form-input-hasButton": false, "form-input-isPassword": false, "form-label-hasIcon": { "icon-prefix": "ai", "icon-class": "ai-others" } }, "select-all": { "check-legend": false, "checkboxes": [ { "checkboxes-title-class": "a-fontBold ml-1", "checkboxes-title": "Velg alle" } ] }, "selected-items": { "label-class": "badge-primary a-bgBlueLighter", "label-id": "profiles-selected", "label-content": "2 profiler valgt" }, "checkbox-list": [ { "checkbox-list-id": "forSelectionList", "loadmoreSearch": { "icon-prefix": "ai ai-nw ai-nw-pr", "icon-class": "ai-plus", "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, "linkIcon-url": "#", "linkIcon-text": "Last flere", "text-class": "a-fontBold" }, "firstLevelCheckboxes": [ { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "checkboxes": [ { "checkboxes-title": "<b>Organisasjon 1 AS</b> org. nr. 123 456 001" } ] }, { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "checkboxes": [ { "checkboxes-title": "<b>Organisasjon 2 AS</b> org. nr. 123 456 002" } ] }, { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "checkboxes": [ { "checkboxes-title": "<b>Organisasjon 3 AS</b> org. nr. 123 456 003" } ] }, { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "checkboxes": [ { "checkboxes-title": "<b>Organisasjon 4 AS</b> org. nr. 123 456 004" } ] } ] }, { "checkbox-list-id": "selectedProfiles", "firstLevelCheckboxes": [ { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "checkboxes": [ { "isChecked": true, "checkboxes-title": "<b>Organisasjon 5 AS</b> org. nr. 123 456 005" } ] }, { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "checkboxes": [ { "isChecked": true, "checkboxes-title": "<b>Organisasjon 6 AS</b> org. nr. 123 456 006" } ] } ] } ], "date-input-label": "Dato:", "hasFieldset": true, "switch-legend": "Velg et alternativ", "radiobuttons": [ { "radiobuttons-title": "Du kan velge denne", "radiobuttons-id": "radiobutton-read", "radiobuttons-name": "addRights", "radiobuttons-class": "", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-read" } }, { "radiobuttons-title": "eller denne", "radiobuttons-id": "radiobutton-edit", "radiobuttons-name": "addRights", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "eller denne", "radiobuttons-id": "radiobutton-sign", "radiobuttons-name": "addRights", "radiobuttons-class": "", "hasIcon": false } ], "topRadioButtons": { "radiobuttons": [ { "radiobuttons-title": "Siste måned", "radiobuttons-id": "checkbutton-1", "radiobuttons-class": "", "radiobuttons-name": "period", "hasIcon": false }, { "radiobuttons-title": "Siste 6 måneder", "radiobuttons-id": "checkbutton-2", "radiobuttons-class": "", "radiobuttons-name": "period", "hasIcon": false }, { "radiobuttons-title": "Siste 12 måneder", "radiobuttons-id": "checkbutton-3", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2017", "radiobuttons-id": "checkbutton-4", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2016", "radiobuttons-id": "checkbutton-5", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2015", "radiobuttons-id": "checkbutton-6", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2014", "radiobuttons-id": "checkbutton-7", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2013", "radiobuttons-id": "checkbutton-8", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2012", "radiobuttons-id": "checkbutton-9", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2011", "radiobuttons-id": "checkbutton-10", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2010", "radiobuttons-id": "checkbutton-11", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2009", "radiobuttons-id": "checkbutton-12", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2008", "radiobuttons-id": "checkbutton-13", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2007", "radiobuttons-id": "checkbutton-14", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false } ] }, "bottomRadioButtons": { "radiobuttons": [ { "radiobuttons-title": "Velg periode", "radiobuttons-id": "checkbutton-15", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false } ] }, "firstDateField": { "date-input-label": "Fra:", "icon-prefix": "ai", "icon-class": "ai-date", "icon-extra-class": "", "form-control-class": "", "inputId": "dateField1" }, "secondDateField": { "date-input-label": "Til:", "icon-prefix": "ai", "icon-class": "ai-date", "icon-extra-class": "", "form-control-class": "", "inputId": "dateField2" }, "collapse-header-id": "", "collapse-header-text": "Ekspandérbar Overskrift har mange ord for å teste hvordan det brekker", "data-parent": "accordion", "extra-link-class": false, "collapseContent-inside-extraclass": false, "accordion-header-items": [ { "collapse-header-id": "accordionHeaderItem1", "collapse-header-text": "Første ekspandérbare overskrift har veldig veldig veldig veldig veldig mange ord for å teste hvordan det vil se ut", "collapse-header-content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque.", "isSmall": false }, { "collapse-header-id": "accordionHeaderItem2", "collapse-header-text": "Andre ekspandérbare overskrift", "collapse-header-content": false, "isSmall": false }, { "collapse-header-id": "accordionHeaderItem3", "collapse-header-text": "Tredje ekspandérbare overskrift", "collapse-header-content": false, "isSmall": false } ], "dropdown-class": "a-dropdown-languages", "personswitch-current": { "myself-name": "Jan Pettersen", "myself-personal-number": "Personnr. 123456 12345", "user-icon": { "icon-prefix": "ai", "icon-class": "ai-private ai-lg", "icon-extra-class": "" }, "button-dot": false, "personrole-link": { "link-text": "Innstillinger", "link-url": "link.sider-profil-roller-rettigheter" } }, "profile-text": "Alle dine profiler: ", "profile-text-class": "a-h2", "personswitch-button": false, "personswitch-overview": true, "personswitch-search": { "text-input-id": "text-input-find-113", "top-label": "Søk etter aktør", "isHidden": true, "text-input-placeholder": "Søk etter aktør", "input-type": "search", "isInput-group": "input-group", "form-label-hasIcon": { "icon-prefix": "ai", "icon-class": "ai-others" }, "form-input-hasButton": false, "no-results-text": "Ingen treff, prøv et annet søkeord.", "form-control-class": "" }, "login-name": "JAN PETTERSEN", "display-as-dropdown": { "buttonDisabled": "disabled" }, "personlogin-isDropdown": false, "variation": "", "login-icon": { "icon-prefix": "ai", "icon-class": "ai-private-circle-big", "icon-extra-class": "a-personSwitcher-icon a-js-onboardingTarget-1", "icon-sr-only-text": "Min profil" }, "logo": "../../images/a-logo-blue.svg", "logo-class": "a-modal-top-logo", "NAMESPACED-OUT-AS-AN-EXAMPLE--NOT-USED-BY-PATTERN--TECHNICAL-DEBT": { "subheader-color": "a-bgBlueDarker a-compact", "logo": "../../images/a-logo-white.svg", "display-as-dropdown": true, "dropdown-personswitch": true, "variation": "search-header", "linkFeatured": { "link-text": "Tilbake til innboks", "link-class": "a-linkFeatured a-textBlue a-textBlue-hover ml-1", "link-url": "/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html", "link-icon-left": { "icon-prefix": "ai ", "icon-class": "ai-back", "icon-extra-class": "ai-sm ai-nw" } } }, "search-filter-organism": { "sub-header": { "header-color": "", "subheader-extraclass": false, "logo": "../../images/a-logo-blue.svg", "display-as-dropdown": false }, "filter-sok": { "text-input-id": "inbox_search_filter", "top-label": "Søk etter innhold", "text-input-placeholder": "Søk på tittel", "input-type": "search", "isRequired": false, "extra-help": false, "isHidden": true, "isLarge": true, "form-label-hasIcon": false, "form-input-hasButton": [ { "formBtnExtraclass": "a-btn-black-text a-js-searchFilterToggle d-none d-md-block", "no-border": true, "button-icon": false, "button-text": [ { "button-text-value": "avansert", "button-text-class": "a-js-filterFocus" }, { "button-text-class": "a-dropdownArrow a-expanded" } ], "onclick": false }, { "button-icon": { "icon-prefix": "ai", "icon-class": "ai-search" }, "button-text": [ { "button-text-value": "Søk", "button-text-class": "sr-only" } ], "onclick": "location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-sok-forside.html';" } ] }, "limit-hits-filter-overview": { "limit-hits-filter-text": "Begrens treffene: ", "icon-prefix": "ai", "icon-class": "ai-circle-plus", "icon-size": "", "icon-extra-class": "ai-nw a-blue", "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, "active-filter-numbers": [ { "label-class": "badge-primary a-bgBlueLighter", "label-id": "4", "label-content": "4" } ], "active-filters": [ { "label-class": "badge-primary a-bgBlueLighter", "label-id": "2014", "label-content": "2014" }, { "label-class": "badge-primary a-bgBlueLighter", "label-id": "ulest", "label-content": "Ulest" }, { "label-class": "badge-primary a-bgBlueLighter", "label-id": "haster", "label-content": "Haster" } ], "filter-close-button": { "button-text": "Lukk", "button-class": "d-inline a-btn a-btn-icon text-right mb-0 py-0 a-js-searchFilterToggle", "link-url": false, "button-shadow-label": false, "button-textClass": "a-fontBold", "button-icon": { "icon-prefix": "reg", "icon-class": "reg-circle-exit" } } }, "filter-options": { "pick-area": { "pick-area-text": "Søker i: ", "check-legend": false, "checkboxes": [ { "isInline": true, "isChecked": true, "isBold": true, "checkboxID": "check-i-1", "checkboxes-title-class": "a-fontBold", "checkboxes-title": "Innboks" }, { "isInline": true, "isChecked": true, "isBold": true, "checkboxID": "check-i-2", "checkboxes-title-class": "a-fontBold", "checkboxes-title": "Arkiv" }, { "isInline": true, "isChecked": false, "isBold": true, "checkboxID": "check-i-3", "checkboxes-title-class": "a-fontBold", "checkboxes-title": "Slettet" } ] }, "collapseContent-inside-extraclass": "pl-0", "data-parent": "accordionFilter", "id": "Filter", "accordion-header-items": [ { "collapse-header-id": "accordionHeaderItem3", "collapse-header-text": "Status", "collapse-header-content": false, "isSmall": true, "hasCheckboxes": false, "hrExtraClass": "a-hrLight", "hasRadiogroup-date": { "topRadioButtons": [ { "radiobuttons": { "radiobuttons-title": "Alle statuser", "radiobuttons-id": "Alle-statuser-checkbutton-1", "radiobuttons-class": "d-block mb-2", "radiobuttons-name": "Status", "isChecked": true, "hasIcon": false } }, { "radiobuttons": [ { "radiobuttons-title": "Ulset melding", "radiobuttons-id": "checkbutton-1", "radiobuttons-class": "", "radiobuttons-name": "Status", "hasIcon": false }, { "radiobuttons-title": "Skjema Utfylling", "radiobuttons-id": "checkbutton-2", "radiobuttons-class": "", "radiobuttons-name": "Status", "hasIcon": false }, { "radiobuttons-title": "Skjema til signering", "radiobuttons-id": "checkbutton-3", "radiobuttons-name": "Status", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "Skjema venter på andre", "radiobuttons-id": "checkbutton-4", "radiobuttons-name": "Status", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "Innsendt skjema", "radiobuttons-id": "checkbutton-5", "radiobuttons-name": "Status", "radiobuttons-class": "", "hasIcon": false } ] } ] }, "bottomRadioButtons": false, "firstDateField": false, "secondDateField": false }, { "collapse-header-id": "accordionHeaderItem1", "collapse-header-text": "Periode", "collapse-header-content": "", "isSmall": true, "hasRadiogroup-date": { "topRadioButtons": [ { "radiobuttons": { "radiobuttons-title": "All tid", "radiobuttons-id": "All-tid-checkbutton-1", "radiobuttons-class": "d-block mb-2", "radiobuttons-name": "period", "isChecked": true, "hasIcon": false } }, { "radiobuttons": [ { "radiobuttons-title": "Siste måned", "radiobuttons-id": "checkbutton-11", "radiobuttons-class": "", "radiobuttons-name": "period", "hasIcon": false }, { "radiobuttons-title": "Siste 6 måneder", "radiobuttons-id": "checkbutton-12", "radiobuttons-class": "", "radiobuttons-name": "period", "hasIcon": false }, { "radiobuttons-title": "Siste 12 måneder", "radiobuttons-id": "checkbutton-13", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2017", "radiobuttons-id": "checkbutton-14", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2016", "radiobuttons-id": "checkbutton-15", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2015", "radiobuttons-id": "checkbutton-16", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2014", "radiobuttons-id": "checkbutton-17", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2013", "radiobuttons-id": "checkbutton-18", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2012", "radiobuttons-id": "checkbutton-19", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2011", "radiobuttons-id": "checkbutton-20", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2010", "radiobuttons-id": "checkbutton-21", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2009", "radiobuttons-id": "checkbutton-22", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2008", "radiobuttons-id": "checkbutton-23", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false }, { "radiobuttons-title": "2007", "radiobuttons-id": "checkbutton-24", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false } ] } ] }, "bottomRadioButtons": { "radiobuttons": [ { "radiobuttons-title": "Velg periode", "radiobuttons-id": "checkbutton-25", "radiobuttons-name": "period", "radiobuttons-class": "", "hasIcon": false } ] }, "firstDateField": { "date-input-label": "Fra:", "icon-prefix": "ai", "icon-class": "ai-date", "icon-extra-class": "", "form-control-class": "a-hasButton", "inputId": "dateField1" }, "secondDateField": { "date-input-label": "Til:", "icon-prefix": "ai", "icon-class": "ai-date", "icon-extra-class": "", "form-control-class": "a-hasButton", "inputId": "dateField2" } }, { "collapse-header-id": "accordionHeaderItem5", "collapse-header-text": "Aktør", "collapse-header-content": false, "isSmall": true, "hasCheckboxes": false, "firstLevelColClass": "col-12", "secondLevelColClass": "col-12 col-md-3", "hrExtraClass": "a-hrLight", "firstLevelCheckboxes": [ { "hasSecondLevel": true, "isStacked": "custom-controls-stacked", "secondLevelId": "firstNestedLevel", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Bransjespesifikt", "data-toggle": "nestedCheckbox", "data-target": "#firstNestedLevel" } ], "secondLevelCheckboxes": [ { "isDiscreet": "a-form-checkboxes--discret", "isStacked": "custom-controls-stacked", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Servering og overnatting" } ] }, { "isDiscreet": "a-form-checkboxes--discret", "isStacked": "custom-controls-stacked", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Telekommunikasjon" } ] }, { "isDiscreet": "a-form-checkboxes--discret", "isStacked": "custom-controls-stacked", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Legemiddel" } ] }, { "isDiscreet": "a-form-checkboxes--discret", "isStacked": "custom-controls-stacked", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Godstransport" } ] }, { "isDiscreet": "a-form-checkboxes--discret", "isStacked": "custom-controls-stacked", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Eksport og import" } ] }, { "isDiscreet": "a-form-checkboxes--discret", "isStacked": "custom-controls-stacked", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Forskning" } ] }, { "isDiscreet": "a-form-checkboxes--discret", "isStacked": "custom-controls-stacked", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Media" } ] }, { "isDiscreet": "a-form-checkboxes--discret", "isStacked": "custom-controls-stacked", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Landbruk" } ] }, { "isDiscreet": "a-form-checkboxes--discret", "isStacked": "custom-controls-stacked", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Sjøfart" } ] } ] }, { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Arbeid og lønn" } ] }, { "isStacked": "custom-controls-stacked", "hrExtraClass": "a-hrLight", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Miljø" } ], "hasSecondLevel": false }, { "isStacked": "custom-controls-stacked", "hrExtraClass": "a-hrLight", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Endring og opphør av foretak" } ], "hasSecondLevel": false }, { "isStacked": "custom-controls-stacked", "hrExtraClass": "a-hrLight", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Regnskap" } ], "hasSecondLevel": false }, { "isStacked": "custom-controls-stacked", "hrExtraClass": "a-hrLight", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Starte bedrift" } ], "hasSecondLevel": false }, { "isStacked": "custom-controls-stacked", "hrExtraClass": "a-hrLight", "check-legend": false, "checkboxes": [ { "checkboxes-title": "Privat" } ], "hasSecondLevel": false } ], "hasRadiogroup-date": { "topRadioButtons": [ { "radiobuttons": { "radiobuttons-title": "Alle personer og hovedenheter", "radiobuttons-id": "alle-jeg-kan-representere-checkbutton-1", "radiobuttons-class": "d-block mb-1", "radiobuttons-name": "selectProfile", "isChecked": true, "hasIcon": false } }, { "radiobuttons": [ { "radiobuttons-title": "Velg profiler", "radiobuttons-id": "select-profile-checkbutton-2", "radiobuttons-class": "d-block", "radiobuttons-name": "selectProfile", "hasIcon": false } ] } ] }, "profileSelection": { "profile-sok": { "text-input-id": "search-for-profiles-1", "text-input-placeholder": "Søk etter aktør", "input-type": "search", "isRequired": false, "extra-help": false, "isHidden": false, "isLarge": false, "top-label": false, "form-control-class": "", "form-input-hasButton": false, "form-input-isPassword": false, "form-label-hasIcon": { "icon-prefix": "ai", "icon-class": "ai-others" } }, "select-all": { "check-legend": false, "checkboxes": [ { "checkboxes-title": "<b>Velg alle</b>" } ] }, "selected-items": { "label-class": "badge-primary a-bgBlueLighter", "label-id": "profiles-selected", "label-content": "2 aktører valgt" }, "toggle-selected-items": { "check-legend": false, "styleModifier": "float-lg-right a-form-checkboxes--discret", "checkboxes": [ { "checkboxes-title": "Se valgte aktører" } ] }, "select-subunits": { "check-legend": false, "styleModifier": "float-lg-right a-form-checkboxes--discret", "checkboxes": [ { "checkboxes-title": "Se alle underenheter" } ] }, "select-inactive": { "check-legend": false, "styleModifier": "float-lg-right a-form-checkboxes--discret", "checkboxes": [ { "checkboxes-title": "Se slettede enheter" } ] }, "checkbox-list": [ { "checkbox-list-id": "forSelectionList", "loadmoreSearch": { "icon-prefix": "ai ai-nw ai-nw-pr", "icon-class": "ai-plus", "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, "linkIcon-url": "#", "linkIcon-text": "Last flere", "text-class": "a-fontBold" }, "secondLevelColClass": "col-12 js-listItem", "firstLevelCheckboxes": [ { "hasSecondLevel": false, "isStacked": "custom-controls-stacked", "secondLevelId": "secondNestedLevel", "check-legend": false, "styleModifier": "a-search-multiple-actor