altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
430 lines • 12.1 kB
JSON
{
"icon-prefix": "ai",
"icon-class": "ai-deadline",
"icon-size": "",
"icon-extra-class": "",
"icon-text": "",
"icon-id": false,
"sr-only": false,
"aria-hidden": false,
"stacked-background": false,
"icon-post-text": false,
"icon-title": false,
"icon-sr-only-text": false,
"themeCss": "../../css/style.prototype.altinn.css",
"themeJs": "./../../js/altinnPrototyping.js",
"themeJsVendor": "../../js/altinnPrototyping.vendor.js",
"dropdown-link-class": "a-borderBottom",
"dropdown-top-item": {
"dropdown-top-item-content": "Lagrede søk",
"overflow-extraclass": "pt-1 pb-1"
},
"dropdown-item": [
{
"dropdown-icon": {
"icon-prefix": "ai",
"icon-class": "ai-letter-r",
"icon-size": "",
"icon-extra-class": "a-blue"
},
"dropdown-item-content": "Lagre søk",
"dropdown-item-content-class": "a-fontBold"
},
{
"dropdown-icon": {
"icon-prefix": "ai",
"icon-class": "ai-letter-r",
"icon-size": "",
"icon-extra-class": "a-blue"
},
"dropdown-item-content": "Annet lagret søk",
"dropdown-item-content-class": "a-fontBold"
},
{
"dropdown-icon": {
"icon-prefix": "ai",
"icon-class": "ai-settings",
"icon-size": "",
"icon-extra-class": "a-blue"
},
"dropdown-item-content": "tilpass",
"dropdown-item-content-class": "a-fontBold"
}
],
"label-class": "badge-primary",
"label-id": false,
"label-content": "9",
"button-text": "En knapp med ikon",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-deadline"
},
"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": 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": "",
"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,
"link-text": "En lenke ser slik ut",
"sr-text": 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-filter-id": "",
"collapse-primary-text": "Denne teksten kan man trykke på for å se utvidet informasjon om et tema",
"show-arrow": true,
"no-decoration": true,
"isCollapsed": true,
"data-parent": "accordionSmall",
"accordion-small-items": [
{
"collapseTitle-id": "collapseTitle1",
"collapse-header-id": "collapseHeader1",
"collapse-filter-id": "accordionSmallItem1",
"collapse-primary-text": "Første ekspandérbare tekst er veldig veldig veldig veldig lang for å se hvordan det ser ut",
"collapse-filter-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."
},
{
"collapseTitle-id": "collapseTitle2",
"collapse-header-id": "collapseHeader2",
"collapse-filter-id": "accordionSmallItem2",
"collapse-primary-text": "Andre ekspandérbare tekst",
"collapse-filter-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."
},
{
"collapseTitle-id": "collapseTitle3",
"collapse-header-id": "collapseHeader3",
"collapse-filter-id": "accordionSmallItem3",
"collapse-primary-text": "Tredje ekspandérbare tekst",
"collapse-filter-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."
}
],
"modal-title": "eGuide for utelivsbransjen - Resultat",
"pagination": "Side 1 av 6",
"category": [
{
"main-category": "Hovedkategori nr. 1",
"intro-text": "Evt. generell informasjon om denne kategorien.",
"sub-categories": {
"data-parent": "accordionSmall0",
"accordion-small-id": "accordion-small0",
"accordion-small-items": [
{
"show-arrow": true,
"no-decoration": true,
"a-text": "a-text",
"collapseTitle-id": "collapseTitle10",
"collapse-header-id": "collapseHeader10",
"collapse-filter-id": "accordionSmallItem10",
"collapse-primary-text": "Kort om skjemaet",
"collapse-filter-content": "<p>I skjemaet rapporterer du informasjon om arbeidsforhold, lønn, ytelser og forskuddstrekk til dine ansatte, i tillegg til arbeidsgiveravgift. </p><p>Har du lønnssystem, skal du ikke bruke dette skjemaet, heller ikke til korrigeringer. Skjemaet har følgende begrensninger: </p> <ul><li>Kun ett arbeidsforhold per ansatt per virksomhet</li><li>Kun ett skjema per virksomhet</li><li>ett skjema per virksomhet </li><li>Kan ikke brukes av offentlige etater</li></ul><p>Slik fyller du ut skjemaet (lenke til PDF).</p>"
}
]
}
}
]
}