UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

1,441 lines 42.1 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", "print-form-tag": false, "text-input-id": "text-input-generic", "isHidden": false, "top-label": "Label: ", "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": "", "footer-toTop": { "button-text": "til toppen", "button-link": "#top", "button-class": "a-btn" }, "footer-search": { "text-input-id": "text-input-search-11", "top-label": "Søk etter innhold", "text-input-placeholder": "Søk etter innhold", "input-type": "search", "isHidden": true, "isInput-group": "input-group", "form-input-hasButton": { "button-icon": { "icon-prefix": "ai", "icon-class": "ai-search" }, "button-text": [ { "button-text-value": "Søk", "button-text-class": "sr-only" } ], "form-input-button-action": "Utfør søk", "onclick": "location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-sok-forside.html';" } }, "footerBedriftIkon": { "icon-prefix": "ai ai-nw", "icon-class": "ai-corp" }, "footerHjelpIkon": { "icon-prefix": "ai ai-nw", "icon-class": "ai-phone" }, "telNumber": "75006000", "telNumberVisible": "75 00 60 00", "telText": "Telefonnummer til Altinn kundestøtte", "button-text": "En standard knapp", "button-class": "a-btn a-btn-icon a-btn-shadow", "button-disabled": false, "button-type": "button", "onclick": false, "button-icon": false, "display-as-link": false, "action-button-text": "En knapp for å legge til", "expandable-content": { "button-class": "a-btn a-btn-action a-fullWidthBtn", "icon-prefix": "ai", "icon-class": "ai-plus", "icon-extra-class": "", "data-target": "expandableExample", "data-toggle": "altinn-expand", "action-button-text": "Les hele", "expandable-content-id": "expandableExample", "aria-hidden": true, "untabbable": true, "expandable-content": { "button-class": "a-btn a-btn-action a-fullWidthBtn", "icon-prefix": "ai", "icon-class": "ai-plus", "icon-extra-class": "", "data-target": "expandableExample", "data-toggle": "altinn-expand", "action-button-text": "Les hele", "expandable-content-id": "expandableExample", "aria-hidden": true } }, "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-colorClass": "", "link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html", "button-shadow-label": false, "icon-list-items": [ { "list-item-name": "Forretningsplan.ods", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment-ods ai-md ai-nw pr-1" }, { "list-item-name": "Oppdragsavtale.doc", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment ai-md ai-nw pr-1" }, { "list-item-name": "Driftsbudsjett.pdf", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment-pdf ai-md ai-nw pr-1" } ], "link-text": "En lenke ser slik ut", "sr-text": false, "alert-id": "alert", "alert-class": "a-message-info", "alert-items": { "alert-text": { "text": "Dette er en driftsmelding eller endringsinformasjon" } }, "linkIcon-url": "#", "linkIcon-text": "En lenke", "message-info": { "message-status-class": "a-fontBold", "message-status": "mottatt: ", "message-date": "05.03.2016" }, "activitylog": { "linkIcon-url": "/patterns/04-sider-portal-50-innboks-04-innboks-aktivitetslogg/04-sider-portal-50-innboks-04-innboks-aktivitetslogg.html", "linkIcon-text": "Aktivitetslogg", "icon-prefix": "reg ai-nw ai-nw-pr", "icon-class": "reg-log" }, "message-text-block": { "extra-class": "mt-3", "text-paragraph": { "text-paragraph-class": "d-inline", "message-text": "Mva-meldingen skal leveres av de som er registrert i Merverdiavgiftsregisteret. Den viser hvor mye merverdiavgift du som avgiftspliktig skal innbetale til staten, eller staten skal tilbakebetale til deg." }, "text-link": false }, "archive-reference": false, "actions-row": { "button-icons-wrapper-class": "col-lg-auto col-12", "button-wrapper-class": "col", "action-button": { "button-text": "Ok", "button-class": "a-btn", "button-disabled": false, "button-type": "button", "onclick": false, "button-icon": false, "display-as-link": false, "data-target": false, "data-toggle": false }, "action-button-icon": [ { "button-text": "Hjelp", "button-class": "a-btn-link a-btn-md-block mr-2", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "reg", "icon-class": "reg-help ai-left" } }, { "button-text": "Arkiver", "button-class": "a-btn-link a-btn-md-block mr-2", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "reg", "icon-class": "reg-archive ai-left" } }, { "button-text": "Slett", "button-class": "a-btn-link a-btn-md-block mr-2", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "reg", "icon-class": "reg-trash ai-left" } }, { "button-text": "Videresend", "button-class": "a-btn-link a-btn-md-block", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "reg", "icon-class": "reg-forward" } } ] }, "attachments": { "icon-list-items": [ { "list-item-name": "Forretningsplan.ods", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment-ods ai-md ai-nw pr-1" }, { "list-item-name": "Oppdragsavtale.doc", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment ai-md ai-nw pr-1" }, { "list-item-name": "Driftsbudsjett.pdf", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment-pdf ai-md ai-nw pr-1" } ], "download-all": { "button-text": "Last ned alle", "button-class": "a-btn-link", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "reg", "icon-class": "reg-download" } } }, "info-notice": { "alert-id": false, "alert-class": "a-message-info a-message--arrow-off a-message--extendLeft a-message--no-dropshadow pb-4 pt-2", "alert-items": [ { "alert-header": { "classes": "", "text": "<span class='a-fontBold'>fra:</span> Avsender" } }, { "alert-text": { "text": "Dette er en beskjed uten pil og med full bredde" } } ] }, "extra-class-headingContent": false, "heading-icon": { "icon-prefix": "reg", "icon-class": "reg-openmessage", "icon-size": "reg-md-lg", "icon-extra-class": "reg-nw", "aria-hidden": true, "icon-sr-only-text": "Melding lest" }, "heading-tekst": { "textSmall": "Liten tekst", "textMain": "Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.", "textDescription": "Melding: " }, "due-date-content": { "past-due-date": { "icon-prefix": "reg", "icon-class": "reg-circle-exclamation", "icon-size": "reg-sm", "icon-sr-only-text": "Frist utløpt" }, "due-date": "24.06.2017", "due-date-label": "frist: " }, "shortcuts": { "shortcut-icons": [ { "button-class": "a-btn a-btn-icon", "aria-label": "Arkiv", "tooltip-title": "Arkiv", "button-icon": { "icon-prefix": "reg", "icon-class": "reg-archive", "icon-size": "reg-sm" } }, { "button-class": "a-btn a-btn-icon", "aria-label": "Slett", "tooltip-title": "Slett", "button-icon": { "icon-prefix": "reg", "icon-class": "reg-trash", "icon-size": "reg-sm" } } ] }, "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", "section-title": "Tittel på seksjon", "extra-class": false, "top-notification": false, "collapseID": "collapseEx1", "dataParent": "#accordion", "collapseHeader": { "variation-class": "a-iconText-shadow a-collapseBtn collapsed", "hasTextSmall": { "textSmall": "Liten tekst" }, "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-private", "icon-extra-class": "a-icon a-icon-circle" }, "icontext": "Stor tekst" }, "pre-header": false, "pre-header-classes": "col-sm-12 col-lg-12 mt-1", "messageBody": false, "extraPanelBodyClass": false, "direct-link-url": false, "collapse-panel-content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam excepturi sit natus pariatur consequuntur labore magnam aperiam non iusto itaque cumque iste ipsum, sed molestias! Placeat quia velit dolor doloremque?", "accordion-large-id": "panelAccordion", "accordion-large-items": [ { "collapseID": "myPanel1", "dataParent": "#panelAccordion", "collapse-panel-header-id": "myPanel1Header", "collapseHeader": { "variation-class": "a-iconText-shadow a-iconText-large a-collapseBtn collapsed", "hasIcon": { "icon-prefix": "reg", "icon-class": "reg-lock", "icon-extra-class": "a-icon" }, "hasTextSmall": { "textSmall": "Liten tekst" }, "icontext": "Stor tekst" }, "collapse-panel-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." }, { "collapseID": "myPanel2", "dataParent": "#panelAccordion", "collapse-panel-header-id": "myPanel2Header", "collapseHeader": { "variation-class": "a-iconText-shadow a-iconText-large a-collapseBtn collapsed", "hasIcon": { "icon-prefix": "reg", "icon-class": "reg-other", "icon-extra-class": "a-icon" }, "hasTextSmall": false, "icontext": "Bare stor tekst" }, "collapse-panel-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." }, { "collapseID": "myPanel3", "dataParent": "#panelAccordion", "collapse-panel-header-id": "myPanel3Header", "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, "isHeader": { "isH2": true }, "icontext": "Tittel (h2)" }, "collapse-panel-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." } ], "page-title": "Tittel på siden", "topTaskButtons": [ { "dropdown-overflow": false, "button-class": "a-btn a-active a-btn-icon a-btn-transparentWhite", "button-colorClass": "", "link-url": "/patterns/04-sider-portal-50-innboks-_11-innboks-mva-og-skatt-nyoppstartet/04-sider-portal-50-innboks-_11-innboks-mva-og-skatt-nyoppstartet.html", "button-text": "alle", "responsive-br": true, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-closedmessage", "icon-extra-class": "a-btn-icon-symbol" }, "button-shadow-label": false }, { "dropdown-overflow": false, "button-class": "a-btn a-btn-icon a-btn-transparentWhite", "button-colorClass": "", "link-url": "/patterns/04-sider-portal-50-innboks-05-innboks-arkiv/04-sider-portal-50-innboks-05-innboks-arkiv.html", "button-text": "arkiv", "responsive-br": true, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-archive", "icon-extra-class": "a-btn-icon-symbol" }, "button-shadow-label": false }, { "dropdown-overflow": false, "button-class": "a-btn a-btn-icon a-btn-transparentWhite", "button-colorClass": "", "link-url": "/patterns/04-sider-portal-50-innboks-08-innboks-slettede-meldinger/04-sider-portal-50-innboks-08-innboks-slettede-meldinger.html", "button-text": "slettede", "responsive-br": true, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-trash", "icon-extra-class": "a-btn-icon-symbol" }, "button-shadow-label": false }, { "dropdown-overflow": true, "wrapper-class": "d-lg-none", "button-class": "a-btn a-btn-icon a-btn-transparentWhite", "button-colorClass": "", "link-url": false, "button-text": "mer", "responsive-br": true, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-more", "icon-extra-class": "a-btn-icon-symbol" }, "button-shadow-label": false }, { "dropdown-overflow": false, "wrapper-class": "d-lg-none", "button-class": "a-btn a-btn-icon a-btn-transparentWhite", "button-colorClass": "", "link-url": "/patterns/04-sider-portal-50-innboks-_10-innboks-mva-og-skatt/04-sider-portal-50-innboks-_10-innboks-mva-og-skatt.html", "button-text": "nytt", "responsive-br": true, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-plus", "icon-extra-class": "a-btn-icon-symbol a-button-icon-symbol--secondary" }, "button-shadow-label": 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" } } }, "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 }, "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" }, "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": {}, "myself-name": "Johansen Regnskap AS", "myself-represent-number": "", "myself-personal-number": "Org.nr. 321.431.123", "user-icon": { "icon-prefix": "ai", "icon-class": "ai-private", "icon-extra-class": "ai-lg" }, "dropdown-class": "a-dropdown-languages", "personswitch-current": { "myself-name": "Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov", "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": "/patterns/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html" } }, "profile-text": "Alle dine profiler: ", "profile-text-class": "a-h2", "personswitch-button": false, "personswitch-overview": true, "personswitch-search": { "text-input-id": "person-switch-input-field", "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." }, "login-name": "JAN PETTERSEN", "display-as-dropdown": true, "personlogin-isDropdown": "dropdown", "variation": "", "login-icon": { "icon-prefix": "ai", "icon-class": "ai-corp", "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", "header-color": "", "dropdown-personswitch": true, "hide-header": true, "dropdown-languages": { "dropdown-class": "a-dropdown-languages", "dropdown-item": [ { "dropdown-item-image": "../../images/norsk.svg", "dropdown-item-image-class": "a-iconLeft a-flag", "dropdown-item-title": "Bokmål", "dropdown-item-content": "Alt innhold er tilgjengelig på bokmål." }, { "dropdown-item-image": "../../images/english.svg", "dropdown-item-image-class": "a-iconLeft a-flag", "language": "lang=\"en\"", "dropdown-item-title": "English", "dropdown-item-content": "All content is available in english." }, { "dropdown-item-image": "../../images/norsk.svg", "dropdown-item-image-class": "a-iconLeft a-flag", "dropdown-item-title": "Nynorsk", "dropdown-item-content": "Det er førebels berre skjema som er tilgjengelig på nynorsk. Andre sider vil vises med bokmål." }, { "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." } ] }, "header-mobilesearch": { "text-input-id": "dropdown-input-search", "top-label": "Søk etter innhold", "text-input-placeholder": "Søk etter innhold", "input-type": "search", "isHidden": true, "isInput-group": "input-group", "form-input-hasButton": { "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';" } }, "tel-icon": { "icon-prefix": "ai ai-nw ai-nw-pr", "icon-class": "ai-phone" }, "title": "Altinn", "bodyClass": "a-bgBlueLight", "article-search": { "isLarge": true, "isHidden": true, "top-label": "Søk i meldinger og annet innhold", "text-input-placeholder": "Søk i meldinger og annet innhold", "isInput-group": "input-group", "form-input-hasButton": { "form-input-button-action": "Utfør søk", "button-icon": { "icon-prefix": "ai", "icon-class": "ai-search" }, "button-text": [ { "button-text-value": "Søk", "button-text-class": "sr-only" } ] } }, "modal-id": "onboarding-innboks-starteenk", "globalNav-active-inbox": "globalNav-active", "login-represent": "for Johansen Regnskap AS", "buttonTab-first": { "link-url": "/patterns/04-sider-portal-50-innboks-_10-innboks-mva-og-skatt/04-sider-portal-50-innboks-_10-innboks-mva-og-skatt.html" }, "buttonTab-second": { "link-url": "/patterns/04-sider-portal-50-innboks-_20-innboks-ansatte/04-sider-portal-50-innboks-_20-innboks-ansatte.html" }, "buttonTab-third": { "link-url": "/patterns/04-sider-portal-50-innboks-_30-innboks-frister/04-sider-portal-50-innboks-_30-innboks-frister.html", "button-class": "a-btn a-btn-icon a-btn-transparentWhite a-btn-transparentWhite-active" }, "first-page-title": { "page-title": "Frister" }, "second-page-title": { "page-title": "Haster!" }, "third-page-title": { "page-title": "November" }, "fourth-page-title": { "page-title": "Desember" }, "messages": { "accordion-large-id": "accordion", "accordion-large-items": [ { "collapseID": "accordionItem1", "isLarge": false, "dataParent": "#accordion", "collapseHeader": { "variation-class": "a-iconText-shadow a-collapseBtn collapsed", "hasIcon": false, "hasDate": { "dateClass": "a-bgRed", "dateDay": "5", "dateMonth": "sept" }, "hasTextSmall": { "textSmall": "A-ordningen" }, "icontext": "Det var en feil på A-meldingen for september 2016 (A03)" }, "collapse-panel-content": "Meldingen kommer her 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." } ] }, "messages2": { "accordion-large-id": "accordion2", "accordion-large-items": [ { "collapseID": "accordionItem2", "isLarge": false, "dataParent": "#accordion", "collapseHeader": { "variation-class": "a-iconText-shadow a-collapseBtn collapsed", "hasIcon": false, "hasDate": { "dateDay": "5", "dateMonth": "nov" }, "hasTextSmall": { "textSmall": "A-ordningen" }, "icontext": "A-meldingen for oktober 2016 (A03) " }, "collapse-panel-content": "Meldingen kommer her 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." }, { "collapseID": "accordionItem3", "isLarge": false, "dataParent": "#accordion", "collapseHeader": { "variation-class": "a-iconText-shadow a-collapseBtn collapsed", "hasIcon": false, "hasDate": { "dateDay": "15", "dateMonth": "nov" }, "hasTextSmall": { "textSmall": "Skatteetaten" }, "icontext": "Forskuddsskatt for personlige skattytere – frist for betaling" }, "collapse-panel-content": "Meldingen kommer her 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." }, { "collapseID": "accordionItem4", "isLarge": false, "dataParent": "#accordion", "collapseHeader": { "variation-class": "a-iconText-shadow a-collapseBtn collapsed", "hasIcon": false, "hasDate": { "dateDay": "15", "dateMonth": "nov" }, "hasTextSmall": { "textSmall": "Skatteetaten" }, "icontext": "Arbeidsgiveravgift og skattetrekk - frist for betaling" }, "collapse-panel-content": "Meldingen kommer her 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." } ] }, "messages3": { "accordion-large-id": "accordion3", "accordion-large-items": [ { "collapseID": "accordionItem5", "isLarge": false, "dataParent": "#accordion", "collapseHeader": { "variation-class": "a-iconText-shadow a-collapseBtn collapsed", "hasIcon": false, "hasDate": { "dateDay": "5", "dateMonth": "des" }, "hasTextSmall": { "textSmall": "A-ordningen" }, "icontext": "A-meldingen for november 2016 — Mangelfull rapportering (A03) " }, "collapse-panel-content": "Meldingen kommer her 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." }, { "collapseID": "accordionItem6", "isLarge": false, "dataParent": "#accordion", "collapseHeader": { "variation-class": "a-iconText-shadow a-collapseBtn collapsed", "hasIcon": false, "hasDate": { "dateDay": "12", "dateMonth": "des" }, "hasTextSmall": { "textSmall": "Skatteetaten" }, "icontext": "Merverdiavgiftsoppgaven – frist for levering og betaling" }, "collapse-panel-content": "Meldingen kommer her 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." } ] } }