altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
1,473 lines • 43.8 kB
JSON
{
"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,
"lead-text-id": "leadText",
"lead-text-content": "Ingress er et kort innledende avsnitt som vanligvis plasseres mellom overskriften og brødteksten. Ingressen brukes ofte til å \"gripe\" fatt i leseren, for at personen skal bli interessert i å lese resten av teksten. Den fungerer også som et visuelt skille mellom resten av teksten. Ingressen bør være lettlest og fri for vanskelige faguttrykk.",
"modal-launch-title": "Åpne onboarding",
"modalClass": "a-onboarding",
"modal-id": "onboarding-innboks-starteenk",
"onboarding-steps": [
{
"step-counter": "1 av 1",
"lead-text-content": "Tekst!",
"buttons": [
{
"button-text": "Knapp!",
"button-class": "a-btn a-btn-success",
"onclick": false
},
{
"button-text": "Hopp over introen",
"button-class": "a-btn-link a-textWhite",
"display-as-link": true,
"data-dismiss": "data-dismiss=\"modal\"",
"onclick": 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": "I dag",
"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": "Pettersen Foto",
"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",
"globalNav-active-inbox": "globalNav-active",
"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"
}
]
}
},
"login-represent": "for Pettersen Foto",
"buttonTab-first": {
"button-class": "a-btn a-btn-icon a-btn-transparentWhite a-js-onboardingTarget-3"
},
"buttonTab-second": {
"button-class": "a-btn a-btn-icon a-btn-transparentWhite a-js-onboardingTarget-4"
},
"buttonTab-third": {
"button-class": "a-btn a-btn-icon a-btn-transparentWhite a-js-onboardingTarget-5"
},
"messages": {
"accordion-large-id": "accordion",
"accordion-large-items": [
{
"collapseID": "accordionItem1",
"isVisibleFromStart": "in",
"isExpanded": "expanded",
"isLarge": false,
"dataParent": "#accordion",
"collapseHeader": {
"variation-class": "a-iconText-shadow a-collapseBtn collapsed",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-openmessage",
"icon-extra-class": "a-icon a-icon-circle a-bgBlue"
},
"hasTextSmall": {
"textSmall": "Altinn"
},
"icontext": "Gratulerer! Du har fått deg et enkeltpersonforetak"
},
"collapse-panel-content": "<p class=\"a-fontBold\">Du er nå registrert som “Pettersen Foto” med organisasjonsummeret 321.431.123.</p> <p>Her er noen nyttige tips for veien videre for deg og ditt enkeltpersonsforetak.</p><p class=\"a-fontBold\">1. Skal du sende din første faktura?</p><p>Skal du fakturere kunder fremover så er det viktig å gjøre seg opp et regnestykke for om det er nødvendig å anskaffe seg en regnskapsfører eller revisor. Det er absolutt ikke et krav til bruk av regnskapsfører eller revisor, men du må vurdere det ut i fra hvor mye du skal fakturere for og hvor mye tid det tar fra deg til å gjøre jobben din. Det finnes flere gratisprogrammer man kan bruke. Uansett hva du ender opp med, husk bare at det er noen krav til hvordan en faktura skal se ut og hva den skal inneholde.Hva skal stå på salgsdokumentene?</p><p class=\"a-fontBold\">2. Trenger du støtte i oppstarten?</p><p>Vurder å søke tilskudd eller let etter passende støtteordninger. Vi har satt sammen en oversikt over alle offentlige støtteordninger rettet mot næringsdrivende i Norge.Finn støtteordninger</p><p class=\"a-fontBold\">3. Skal du ta ut lønn?</p><p>Når inntektene dine er større enn utgiftene/kostnadene, blir det et overskudd. Det er dette du bruker som grunnlaget for beregning av skatt. Dette anses ikke som lønn. Det gjelder forøvrig hvis du har en ektefelle som gjør et stykke arbeid for deg også, utbetaling til ektefelle er heller ikke lønn.Lønn og skatt for enkeltpersonforetak</p>"
},
{
"collapseID": "accordionItem2",
"isVisibleFromStart": "",
"isExpanded": "",
"isLarge": false,
"dataParent": "#accordion",
"collapseHeader": {
"variation-class": "a-iconText-shadow a-collapseBtn collapsed",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-closedmessage",
"icon-extra-class": "a-icon a-icon-circle a-bgBlue"
},
"hasTextSmall": {
"textSmall": "Altinn"
},
"icontext": "Ti ting du må huske på når du har enkeltpersonforetak."
},
"collapse-panel-content": "Meldingen kommer her.."
}
]
},
"inbox-starteenk-onboarding": {
"modal-launch-title": "Vis introen",
"bodyClass": "a-onboarding",
"modal-id": "modalOnboarding",
"onboarding-steps": [
{
"step-counter": "1 av 7",
"lead-text-content": "Gratulerer, du har fått deg et enkeltpersonforetak! Her er det nye organisasjonsnummeret ditt.",
"viewOrgnr": {
"orgnr": "321 431 312"
},
"buttons": [
{
"button-text": "Ok!",
"button-class": "a-btn",
"onclick": false
},
{
"button-text": "Hopp over introen",
"button-class": "a-btn-link a-textWhite",
"display-as-link": true,
"data-dismiss": "data-dismiss=\"modal\"",
"onclick": false
}
]
},
{
"step-counter": "2 av 7",
"lead-text-content": "Dette betyr også at du har fått en ny «aktør» i altinn. Når du skal skifte mellom deg som privatperson og foretaket ditt klikker du her.",
"buttons": [
{
"button-text": "Den er grei!",
"button-class": "a-btn",
"onclick": false
}
]
},
{
"step-counter": "3 av 7",
"lead-text-content": "Skal du ha regnskapsfører, revisor eller en annen daglig leder enn deg selv legger du dem til under profil. Her kan du også endre din kontaktinformasjon og gi andre tilgang til dine skjema og meldinger.",
"buttons": [
{
"button-text": "Ok!",
"button-class": "a-btn",
"onclick": false
}
]
},
{
"step-counter": "4 av 7",
"lead-text-content": "Når du passerer 50.000 i omsetning i løpet av en 12 måneders periode må du registrere deg i mva registeret. Dette og skattepliktene dine finner du en oversikt over her.",
"buttons": [
{
"button-text": "Skjønner!",
"button-class": "a-btn",
"onclick": false
}
]
},
{
"step-counter": "5 av 7",
"lead-text-content": "Hvis du skal ansette folk registrerer du dem her. Her ser du også hvilke plikter du har som arbeidsgiver.",
"buttons": [
{
"button-text": "Ok!",
"button-class": "a-btn",
"onclick": false
}
]
},
{
"step-counter": "6 av 7",
"lead-text-content": "Det neste det offentlige forventer av deg nå er at du betaler skatt på inntekten din. Dette gjør du 4 ganger i året. Denne fristen og andre kommende oppgaver finner du her.",
"buttons": [
{
"button-text": "Skjønner",
"button-class": "a-btn",
"onclick": false
}
]
},
{
"step-counter": "7 av 7",
"lead-text-content": "Da er du klar! Vi sender deg en velkomsmelding med en del ressurser og tips. Sjekk den, der finner du mye god hjelp til deg som er nyoppstartet. Lykke til!",
"buttons": [
{
"button-text": "Jeg er klar!",
"button-class": "a-btn a-btn-success",
"onclick": false
},
{
"button-text": "Ta det en gang til",
"button-class": "a-btn-link a-textWhite",
"display-as-link": true,
"onclick": false
}
]
}
]
}
}