altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
708 lines (702 loc) • 25.4 kB
JSON
{
"bodyClass": "a-bgGreyLight a-login a-hide-menu",
"header": {
"dropdown-personswitch": false
},
"top-label": "Søk etter aktør",
"isHidden": true,
"is-first-time": true,
"is-simple": false,
"utvidet-sok": {
"linkIcon-url": "#",
"linkIcon-text": "Søk i flere aktør",
"icon-prefix": "ai",
"icon-class": "ai-search",
"link-icon-class": "pr-1 a-js-searchFilterToggle",
"text-class": "a-fontSizeXS a-link--underline"
},
"lagrede-sok": {
"linkIcon-url": "link.sider-portal-aktorvalg-rediger-lagrede-sok",
"linkIcon-text": "Lagrede søk på flere aktører",
"icon-prefix": "reg",
"icon-class": "reg-save",
"link-icon-class": "pr-1",
"text-class": "a-fontSizeXS a-link--underline"
},
"personswitch": {
"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": "link.sider-innboks"
},
"button-sub": false
},
{
"button-main": {
"button-class": "a-btn a-btn-shadow-large disabled 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": "link.sider-innboks"
},
"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-offset-border-top a-list-hasRowLink",
"isRowLink": {
"rowLink": "http://altinn.no",
"rowLink-class": "a-fontSizeM"
},
"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-fontSizeM"
},
"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-fontSizeM"
},
"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": "link.sider-innboks"
},
"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",
"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": "link.sider-portal-innboks"
},
"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": "link.sider-innboks"
},
"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": "link.sider-innboks"
},
"button-sub": false
}
],
"loadmore": {
"action-button-text": "Last flere",
"button-class": "a-btn a-btn-action a-fullWidthBtn",
"icon-prefix": "ai",
"icon-class": "ai-plus",
"icon-extra-class": "",
"onclick": "location.href='link.sider-aktorvalg'"
},
"personswitch-isCenter": "d-flex justify-content-center",
"personswitch-isLeft": "d-flex justify-content-left",
"personswitch-options": {
"isDiscreet": "a-form-checkboxes--discret",
"check-legend": false,
"checkboxes": [
{
"isInline" : true,
"isChecked": false,
"checkboxID" : "check2g",
"checkboxes-title": "Se alle underenheter"
},
{
"isInline" : true,
"isChecked": false,
"checkboxID" : "check2g1",
"checkboxes-title": "Se slettede enheter"
}
]
}
},
"search-filter-organism": {
"filter-options": {
"accordion-header-items": [
{
"collapse-header-id": "accordionHeaderItem3",
"collapse-header-text": "Status",
"collapse-header-content": false,
"isSmall": true,
"hasNestedCheckboxes": 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": "Ulest 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,
"hasNestedCheckboxes": false,
"hrExtraClass": "a-hrLight",
"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",
"firstLevelCheckboxes": [
{
"hasSecondLevel": false,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"styleModifier": "a-search-multiple-actor-select",
"checkboxes": [
{
"checkboxes-title": "<b>Organisasjon 1 AS</b> org. nr. 123 456 001"
}
]
},
{
"hasSecondLevel": true,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"styleModifier": "a-search-multiple-actor-select",
"checkboxes": [
{
"checkboxes-title": "<b>Organisasjon 2 AS</b> org. nr. 123 456 002"
}
],
"secondLevelCheckboxes": {
"styleModifier": "a-search-multiple-actor-select a-form-checkboxes--discret",
"checkboxes": [
{
"checkboxes-title": "<b>Velg alle</b>"
},
{
"checkboxes-title": "<b>Underorganisasjon 1 AS</b> org. nr. 123 456 002"
},
{
"checkboxes-title": "<b>Underorganisasjon 2 AS</b> org. nr. 123 456 002"
}
]
}
},
{
"hasSecondLevel": true,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"styleModifier": "a-search-multiple-actor-select",
"checkboxes": [
{
"inactive": true,
"checkboxes-title": "<b>Utilgjengelig organisasjon AS</b> org. nr. 123 456 003"
}
],
"secondLevelCheckboxes": {
"styleModifier": "a-search-multiple-actor-select a-form-checkboxes--discret",
"checkboxes": [
{
"checkboxes-title": "<b>Velg alle</b>",
"styleModifier": "a-js-multiple-actor-select"
},
{
"checkboxes-title": "<b>Underorganisasjon 1 AS</b> org. nr. 123 456 002"
},
{
"checkboxes-title": "<b>Underorganisasjon 2 AS</b> org. nr. 123 456 002"
}
]
}
},
{
"hasSecondLevel": false,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"styleModifier": "a-search-multiple-actor-select",
"checkboxes": [
{
"checkboxes-title": "<b>Organisasjon 4 AS</b> org. nr. 123 456 004"
}
]
},
{
"hasSecondLevel": true,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"styleModifier": "a-search-multiple-actor-select",
"checkboxes": [
{
"checkboxes-title": "<b>Organisasjon 5 AS</b> org. nr. 123 456 004"
}
],
"secondLevelCheckboxes": {
"styleModifier": "a-search-multiple-actor-select a-form-checkboxes--discret",
"checkboxes": [
{
"checkboxes-title": "<b>Eneste Underorganisasjon AS</b> org. nr. 123 456 002"
}
]
}
},
{
"hasSecondLevel": false,
"isStacked": "custom-controls-stacked",
"secondLevelId": "secondNestedLevel",
"check-legend": false,
"styleModifier": "a-search-multiple-actor-select",
"checkboxes": [
{
"checkboxes-title": "<b>Slettet organisasjon 6 AS (slettet)</b> org. nr. 123 456 004"
}
]
}
]
},
{
"checkbox-list-id": "selectedProfiles",
"firstLevelCheckboxes": [
]
}
]
},
"bottomRadioButtons": false,
"firstDateField": false,
"secondDateField": false
}
]
},
"filter-submit": {
"onclick": "location='link.sider-portal-innboks-soketreff-tvers'"
}
}
}