altinn-designsystem

{ "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 standard knapp", "button-class": "a-btn", "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": 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": "", "button-disabled": false, "button-type": "button", "onclick": false, "display-as-link": 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 a-list a-list-noIcon", "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Første rad" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "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" }, "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.", "section-title": "Tittel på seksjon", "extra-class": false, "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", "collapseID": "fellesvarslingsadresse", "dataParent": "#accordion", "collapse-panel-header-id": "sharedAlertInfoHeader", "collapseHeader": { "variation-class": "a-iconText-shadow a-iconText-large a-collapseBtn collapsed", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-others", "icon-extra-class": "a-icon a-icon-circle" }, "hasTextSmall": false, "icontext": "Felles varslingsadresse for virksomheten" }, "show-felles-varslingsadresse": { "isModal": false, "section-title": false, "lead-text-content": "Denne adressen er ikke personlig. Den brukes til å varsle om <b>alle</b> nye meldinger til foretaket.", "varslingsadresse-information-popover": { "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-gray", "popover-link-text": "", "popover-various-content": { "alert-items": [ { "alert-text": { "text": "For å sikre at alle meldinger som kommer til foretaket blir mottatt må det oppgis minst en varslingsaddresse. Hvis dere har et postmottak el.er det naturlig å legge inn dette her" } }, { "alert-link": { "link-text": "Les mer", "link-url": "http://www.altinn.no" } } ] }, "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" } }, "hasAddEmailLink": { "button-id": "link-email", "button-text": "Legge til epost-varsling", "button-class": "a-btn-link d-none", "display-as-link": true }, "email-section-title-id": "emailTitle", "email-sectiontitle": "Epost", "shared-notificationinfo-email-input": [ { "email-input-row-id": "emailInput-1", "template-id": "notificationInfoEmailTemplate", "text-input-id": "text-input-notification-epost", "top-label": "Epost", "text-input-value": "trine@tester.no", "text-input-placeholder": "f.eks. post@firma.no", "input-type": "email", "isRequired": false, "extra-help": false, "isHidden": true, "isDisabled": false, "isLarge": false, "delete-shared-contactinfo-email-icon": { "button-id": "emailDelete-1", "button-type": "button", "button-text": false, "link-url": "", "button-textClass": "a-fontBold", "button-colorClass": "", "button-class": "a-btn a-btn-icon-transparent a-delete px-0", "onclick": false, "button-shadow-label": false, "aria-label": "fjern", "button-icon": { "icon-prefix": "reg", "icon-class": "reg-delete" } } }, { "email-input-row-id": "emailInput-2", "text-input-id": "text-input-notification-epost-1", "top-label": "Epost", "text-input-placeholder": "f.eks. post@firma.no", "text-input-value": "thord@tester.no", "input-type": "email", "isRequired": false, "extra-help": false, "isHidden": true, "isDisabled": false, "isLarge": false, "delete-shared-contactinfo-email-icon": { "button-id": "emailDelete-2", "button-type": "button", "button-text": false, "button-textClass": "a-fontBold", "button-class": "a-btn a-btn-icon-transparent a-delete px-0", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "aria-label": "fjern", "button-icon": { "icon-prefix": "reg", "icon-class": "reg-delete" } } }, { "email-input-row-id": "emailInput-3", "text-input-id": "text-input-notification-epost-3", "top-label": "Epost", "text-input-placeholder": "f.eks. post@firma.no", "text-input-value": "timmy@tester.no", "input-type": "email", "isRequired": false, "extra-help": false, "isHidden": true, "isDisabled": true, "isLarge": false, "delete-shared-contactinfo-email-icon": { "button-id": "emailDelete-3", "button-type": "button", "button-text": false, "button-textClass": "a-fontBold", "button-class": "a-btn a-btn-icon-transparent a-delete px-0", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "aria-label": "fjern", "button-icon": { "icon-prefix": "reg", "icon-class": "reg-delete" } } }, { "email-input-row-id": "emailInput-4", "text-input-id": "text-input-notification-epost-4", "top-label": "Epost", "text-input-placeholder": "f.eks. post@firma.no", "text-input-value": "timmy(at)tester.no", "input-type": "email", "isRequired": false, "extra-help": false, "isHidden": true, "isDisabled": false, "isLarge": false, "error-message-popover": true, "input-regex-validation": { "error-message": "Feil epost verdier", "validation-pattern": "(('[^']+')|(([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+(.([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+)*))@((((([a-zA-Z0-9æøåÆØÅ]([a-zA-Z0-9-æøåÆØÅ]{0,61})[a-zA-Z0-9æøåÆØÅ].)|[a-zA-Z0-9æøåÆØÅ].){1,9})([a-zA-Z]{2,14}))|((d{1,3}).(d{1,3}).(d{1,3}).(d{1,3})))" }, "delete-shared-contactinfo-email-icon": { "button-id": "emailDelete-4", "button-type": "button", "button-text": false, "button-textClass": "a-fontBold", "button-class": "a-btn a-btn-icon-transparent a-delete px-0", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "aria-label": "fjern", "button-icon": { "icon-prefix": "reg", "icon-class": "reg-delete" } } } ], "shared-notification-add-links": { "hasAddMoreEmailLink": { "addmore-email-id": "addmore-email", "button-id": "link-addmore-email", "button-text": "Legge til flere e-post addresser", "button-class": "a-btn-link", "display-as-link": true }, "hasAddSMSLink": { "button-id": "link-sms", "button-text": "Legge til sms-varsling", "button-class": "a-btn-link d-none", "display-as-link": true } }, "additionalinfo-sharednotification": [ { "sms-input-row-id": "smsInput-1", "sms-sectiontitle": "SMS", "sms-section-title-id": "phoneTitle", "template-id": "notificationInfoSMSTemplate", "additional-class": "", "shared-notificationinfo-phone-input": { "text-input-id": "", "form-control-class": "a-input-phonenumber", "top-label": "Label:", "text-input-value": "97837462", "text-input-placeholder": false, "input-type": "tel", "isRequired": true, "error-message-popover": true, "extra-help": false, "isHidden": true, "isLarge": false, "visible": false, "has-feedback": { "icon-prefix": "ai", "icon-class": "ai-plus", "icon-extra-class": "form-control-feedback" }, "input-regex-validation": { "error-message": "Telefonnummer må bestå av 8 siffer", "validation-pattern": "\"[0-9]{8}\"" }, "form-label-isPhoneNumber": { "text-input-id": "", "text-input-value": "+47", "form-control-class": "a-input-countryCode a-js-countryCode", "input-type": "tel", "isRequired": true, "maxlength": 6, "minlength": 2, "input-regex-validation": { "error-message": "Landskode må bestå av '+' og 2 eller 3 siffer", "validation-pattern": "" } } }, "delete-shared-contactinfo-phone-icon": { "button-id": "smsDelete-1", "button-type": "button", "button-text": false, "button-textClass": "a-fontBold", "button-class": "a-btn a-btn-icon-transparent a-delete px-0", "button-colorClass": "", "button-shadow-label": false, "link-url": "", "aria-label": "fjern", "button-icon": { "icon-prefix": "reg", "icon-class": "reg-delete" } } } ], "hasAddMoreSMSLink": { "addmore-sms-id": "addmore-sms", "additional-class": "", "button-id": "link-sms-addmore", "button-text": "Legge til flere mobilnummer", "button-class": "a-btn-link", "display-as-link": true }, "save-notificationaddress-button": { "id": "btn-save-notificationaddress", "button-type": "button", "button-text": "Lagre", "button-class": "a-btn a-btn-success", "onclick": false, "button-disabled": "disabled" }, "cancel-notificationaddress-button": { "button-id": "btn-askmelater", "button-text": "Avbryt", "button-class": "a-btn-link", "display-as-link": true } } }