altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
1,561 lines • 43.2 kB
JSON
{
"button-text": "En knapp med ikon",
"button-class": "a-btn a-btn-action",
"button-disabled": false,
"button-type": "button",
"onclick": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-deadline"
},
"display-as-link": false,
"themeCss": "../../css/style.prototype.altinn.css",
"themeJs": "./../../js/altinnPrototyping.js",
"themeJsVendor": "../../js/altinnPrototyping.vendor.js",
"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,
"aria-label": "Tilbake",
"button-list": [
{
"button-class": "a-modal-back",
"aria-label": "Gå tilbake",
"onclick": false,
"enable-popover": false,
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"icon-prefix": "ai",
"icon-class": "ai-back",
"icon-extra-class": ""
},
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"onclick": false,
"enable-popover": false,
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon"
}
],
"login-name": "JAN PETTERSEN",
"display-as-dropdown": false,
"personlogin-isDropdown": "dropdown",
"variation": "",
"login-icon": {
"icon-prefix": "ai",
"icon-class": "ai-private-circle-big",
"icon-extra-class": "a-personSwitcher-icon a-js-onboardingTarget-1",
"icon-sr-only-text": "Min profil"
},
"logo": {
"logo": "../../images/a-logo-black.svg"
},
"logo-class": "a-modal-top-logo",
"show-login": false,
"login-show": {
"login-name": "Kari Nordmann",
"login-icon": {
"icon-prefix": "ai",
"icon-class": "ai-private-circle-big",
"icon-extra-class": "a-personSwitcher-icon"
}
},
"modal-id": "modal",
"icon": "group_add",
"hasTextSmall": false,
"modal-navbar-override": {
"button-list": [
{
"button-class": "a-modal-back",
"aria-label": "Tilbake",
"icon-prefix": "ai",
"icon-class": "ai-back",
"icon-extra-class": "",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-back": {
"data-target": "#modal"
}
},
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-close": {
"data-target": "#modal"
}
}
]
},
"page-url": "https://altinn.github.io/DesignSystem/public/patterns/03-maler-portal-99-modal-js-02-page-one/03-maler-portal-99-modal-js-02-page-one.markup-only.html",
"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-colorClass": "",
"link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html",
"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
},
"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": "a-collapsePanel--large",
"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-header-class": "",
"area-expanded-header": false,
"collapsed": true,
"collapse-header-contentID": "",
"collapse-header-title": "Dette er en utvidbar tittel med merkelapp <span class='badge badge-primary a-label badge-pill'>1</span> og lang tekst for å teste hvordan det ser ut",
"action-button-text": "En knapp for å legge til",
"dateDay": "20",
"dateMonth": "feb",
"hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-server",
"icon-extra-class": "a-icon a-icon-circle"
},
"icontext": "Stor tekst",
"collapseID": "varslinger",
"collapse-panel-header-id": "alertListHeader",
"dataParent": "#accordion",
"collapseHeader": {
"variation-class": "a-iconText-shadow a-iconText-large a-collapseBtn collapsed",
"hasIcon": {
"icon-prefix": "reg",
"icon-class": "reg-server",
"icon-extra-class": "a-icon"
},
"hasTextSmall": false,
"icontext": "Varslinger"
},
"addAlertLink": {
"button-class": "a-btn a-btn-action a-fullWidthBtn",
"action-button-text": "Legg til nytt varsel",
"icon-prefix": "ai",
"icon-class": "ai-plus",
"icon-extra-class": "",
"sr-text": false,
"data-toggle": "altinn-modal",
"data-action": "load",
"data-url": {
"data-url": "../../patterns/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger.markup-only.html"
},
"data-target": "add-employee-modal"
},
"addAlertModal": {
"modal-id": "add-alert-modal",
"modal-isSingel": true,
"show-login": false,
"display-as-dropdown": false,
"logo": {
"logo": "../../images/altinnett-logo-black.svg"
},
"logo-class": "a-modal-top-logo",
"login-show": false,
"icon": "group_add",
"hasTextSmall": false,
"modal-navbar-override": {
"button-list": [
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-close": {
"data-target": "#add-alert-modal"
},
"onclick": "goBack()"
}
]
}
},
"editAlertModal": {
"modal-id": "edit-alert-modal",
"modal-isSingel": true,
"show-login": false,
"display-as-dropdown": false,
"logo": {
"logo": "../../images/altinnett-logo-black.svg"
},
"logo-class": "a-modal-top-logo",
"login-show": false,
"icon": "group_add",
"hasTextSmall": false,
"modal-navbar-override": {
"button-list": [
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-close": {
"data-target": "#edit-alert-modal"
},
"onclick": "goBack()"
}
]
}
},
"scheduledAlerts": {
"title": {
"extraClass": "an-collapse-minusmarginPanel",
"collapse-header-title": "Kommende varslinger <span class='badge badge-primary a-label badge-pill'>3</span>",
"collapse-header-contentID": "exp-tab-table-scheduled-alerts",
"collapsed": false,
"aria-expanded-header": "true"
},
"table": {
"collapse-header-contentID": "exp-tab-table-scheduled-alerts",
"collapsed": false,
"aria-expanded": true,
"list-id": "scheduledAlerts",
"show": "show",
"header": {
"additional-classes": "a-list-header",
"columns": [
{
"additional-classes": "a-w-7 d-none d-md-block",
"column-items": []
},
{
"additional-classes": "col-9 col-sm-5 col-md-3 a-list-sortHeader",
"column-items": [
{
"column-text": {
"classes": "a-dropdownArrow"
}
},
{
"column-text": {
"text": "Tittel"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block a-list-sortHeader",
"column-items": [
{
"column-text": {
"classes": "a-dropdownArrow"
}
},
{
"column-text": {
"text": "Kategori"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block a-list-sortHeader",
"column-items": [
{
"column-text": {
"classes": "a-dropdownArrow"
}
},
{
"column-text": {
"text": "Tidspunkt"
}
}
]
}
]
},
"is-large": true,
"rows": [
{
"additional-classes": "a-selectable card",
"onclick": false,
"id": "existing1",
"row-extra-class": "a-selectableExpanded",
"columns": [
{
"additional-classes": "a-w-7 text-center d-none d-md-block",
"onclick": false,
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-server"
}
}
]
},
{
"additional-classes": "col-9 col-sm-5 col-md-3",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-fontBold a-js-sortValue",
"text": "En varsling om noe annet"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "Applikasjonsdrift"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "01.01.18 - 10:00"
}
}
]
},
{
"additional-classes": "",
"onclick": false,
"column-items": [
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed a-visibleWhenInitial a-hiddenWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Utvid</span>",
"data-target": "existingCollapse1",
"data-parent": "scheduledAlerts",
"aria-expanded": "false"
}
},
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink a-visibleWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Lukk</span>",
"data-target": "existingCollapse1",
"data-parent": "scheduledAlerts",
"aria-expanded": "false"
}
}
]
}
],
"expandable-section": {
"additional-classes": "col-12 collapse",
"id": "existingCollapse1",
"content-id": "existingCollapse1Content",
"segment-fixed": "",
"column-items": [
{
"column-info-delete-edit": {
"column-text": "Grunnet vedlikehold vil Altinn portalbrukere bli møtt med nedetidsplakat i perioden 13.10.17 kl. 23:00 til 14.10.17 kl. 02:00.",
"action-buttons": {
"button-group-items": [
{
"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"
}
},
{
"button-text": "Endre",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"data-toggle": "altinn-modal",
"data-action": "load",
"data-url": {
"data-url": "../../patterns/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende.markup-only.html"
},
"data-target": "edit-alert-modal",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-edit",
"icon-extra-class": "ai-left"
}
},
{
"button-text": "Kontakt oss om dette varselet",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-send",
"icon-extra-class": "ai-left"
}
}
]
}
}
}
]
}
},
{
"additional-classes": "a-selectable card",
"onclick": false,
"id": "existing2",
"row-extra-class": "a-selectableExpanded",
"columns": [
{
"additional-classes": "a-w-7 text-center d-none d-md-block",
"onclick": false,
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-server"
}
}
]
},
{
"additional-classes": "col-9 col-sm-5 col-md-3",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-fontBold a-js-sortValue",
"text": "En annen varsling om nedetid"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "Serverdrift"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "02.01.18 - 10:00"
}
}
]
},
{
"additional-classes": "",
"onclick": false,
"column-items": [
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed a-visibleWhenInitial a-hiddenWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Utvid</span>",
"data-target": "existingCollapse2",
"data-parent": "scheduledAlerts",
"aria-expanded": "false"
}
},
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink a-visibleWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Lukk</span>",
"data-target": "existingCollapse2",
"data-parent": "scheduledAlerts",
"aria-expanded": "false"
}
}
]
}
],
"expandable-section": {
"additional-classes": "col-12 collapse",
"id": "existingCollapse2",
"content-id": "existingCollapse2Content",
"segment-fixed": "",
"column-items": [
{
"column-info-delete-edit": {
"column-text": "Grunnet vedlikehold vil Altinn portalbrukere bli møtt med nedetidsplakat i perioden 13.10.17 kl. 23:00 til 14.10.17 kl. 02:00.",
"action-buttons": {
"button-group-items": [
{
"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"
}
},
{
"button-text": "Endre",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"data-toggle": "altinn-modal",
"data-action": "load",
"data-url": {
"data-url": "../../patterns/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende.markup-only.html"
},
"data-target": "edit-alert-modal",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-edit",
"icon-extra-class": "ai-left"
}
},
{
"button-text": "Kontakt oss om dette varselet",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-send",
"icon-extra-class": "ai-left"
}
}
]
}
}
}
]
}
},
{
"additional-classes": "a-selectable card",
"onclick": false,
"id": "existing3",
"row-extra-class": "a-selectableExpanded",
"columns": [
{
"additional-classes": "a-w-7 text-center d-none d-md-block",
"onclick": false,
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-server"
}
}
]
},
{
"additional-classes": "col-9 col-sm-5 col-md-3",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-fontBold a-js-sortValue",
"text": "En varsling om nedetid"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "Applikasjonsdrift"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "05.02.18 - 18:00"
}
}
]
},
{
"additional-classes": "",
"onclick": false,
"column-items": [
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed a-visibleWhenInitial a-hiddenWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Utvid</span>",
"data-target": "existingCollapse3",
"data-parent": "scheduledAlerts",
"aria-expanded": "false"
}
},
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink a-visibleWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Lukk</span>",
"data-target": "existingCollapse3",
"data-parent": "scheduledAlerts",
"aria-expanded": "false"
}
}
]
}
],
"expandable-section": {
"additional-classes": "col-12 collapse",
"id": "existingCollapse3",
"content-id": "existingCollapse3Content",
"segment-fixed": "",
"column-items": [
{
"column-info-delete-edit": {
"column-text": "Grunnet vedlikehold vil Altinn portalbrukere bli møtt med nedetidsplakat i perioden 13.10.17 kl. 23:00 til 14.10.17 kl. 02:00.",
"action-buttons": {
"button-group-items": [
{
"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"
}
},
{
"button-text": "Endre",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"data-toggle": "altinn-modal",
"data-action": "load",
"data-url": {
"data-url": "../../patterns/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende.markup-only.html"
},
"data-target": "edit-alert-modal",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-edit",
"icon-extra-class": "ai-left"
}
},
{
"button-text": "Kontakt oss om dette varselet",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-send",
"icon-extra-class": "ai-left"
}
}
]
}
}
}
]
}
}
]
}
},
"previousAlerts": {
"title": {
"extraClass": "an-collapse-minusmarginPanel",
"collapse-header-title": "Varslinger sendt siste 30 dager <span class='badge badge-primary a-label badge-pill'>3</span>",
"collapse-header-contentID": "exp-tab-table-previous-alerts",
"collapsed": true,
"aria-expanded-header": "false"
},
"table": {
"collapse-header-contentID": "exp-tab-table-previous-alerts",
"collapsed": true,
"aria-expanded": false,
"list-id": "previousAlerts",
"header": {
"additional-classes": "a-list-header",
"columns": [
{
"additional-classes": "a-w-7 d-none d-md-block",
"column-items": []
},
{
"additional-classes": "col-9 col-sm-5 col-md-3 a-list-sortHeader",
"column-items": [
{
"column-text": {
"classes": "a-dropdownArrow"
}
},
{
"column-text": {
"text": "Tittel"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block a-list-sortHeader",
"column-items": [
{
"column-text": {
"classes": "a-dropdownArrow"
}
},
{
"column-text": {
"text": "Kategori"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block a-list-sortHeader",
"column-items": [
{
"column-text": {
"classes": "a-dropdownArrow"
}
},
{
"column-text": {
"text": "Tidspunkt"
}
}
]
}
]
},
"is-large": true,
"rows": [
{
"additional-classes": "a-selectable card",
"onclick": false,
"id": "existing10",
"row-extra-class": "a-selectableExpanded",
"columns": [
{
"additional-classes": "a-w-7 text-center d-none d-md-block",
"onclick": false,
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-server"
}
}
]
},
{
"additional-classes": "col-9 col-sm-5 col-md-3",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-fontBold a-js-sortValue",
"text": "En tidligere varsling"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "Applikasjonsdrift"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "01.01.18 - 10:00"
}
}
]
},
{
"additional-classes": "",
"onclick": false,
"column-items": [
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed a-visibleWhenInitial a-hiddenWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Utvid</span>",
"data-target": "existingCollapse10",
"data-parent": "previousAlerts",
"aria-expanded": "false"
}
},
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink a-visibleWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Lukk</span>",
"data-target": "existingCollapse10",
"data-parent": "previousAlerts",
"aria-expanded": "false"
}
}
]
}
],
"expandable-section": {
"additional-classes": "col-12 collapse",
"id": "existingCollapse10",
"content-id": "existingCollapse10Content",
"segment-fixed": "",
"column-items": [
{
"column-info-delete-edit": {
"column-text": "Grunnet vedlikehold vil Altinn portalbrukere bli møtt med nedetidsplakat i perioden 13.10.17 kl. 23:00 til 14.10.17 kl. 02:00.",
"action-buttons": {
"button-group-items": [
{
"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"
}
},
{
"button-text": "Endre",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"data-toggle": "altinn-modal",
"data-action": "load",
"data-url": {
"data-url": "../../patterns/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende.markup-only.html"
},
"data-target": "edit-alert-modal",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-edit",
"icon-extra-class": "ai-left"
}
},
{
"button-text": "Kontakt oss om dette varselet",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-send",
"icon-extra-class": "ai-left"
}
}
]
}
}
}
]
}
},
{
"additional-classes": "a-selectable card",
"onclick": false,
"id": "existing11",
"row-extra-class": "a-selectableExpanded",
"columns": [
{
"additional-classes": "a-w-7 text-center d-none d-md-block",
"onclick": false,
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-server"
}
}
]
},
{
"additional-classes": "col-9 col-sm-5 col-md-3",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-fontBold a-js-sortValue",
"text": "En annen varsling om nedetid"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "Serverdrift"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "02.01.18 - 10:00"
}
}
]
},
{
"additional-classes": "",
"onclick": false,
"column-items": [
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed a-visibleWhenInitial a-hiddenWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Utvid</span>",
"data-target": "existingCollapse11",
"data-parent": "previousAlerts",
"aria-expanded": "false"
}
},
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink a-visibleWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Lukk</span>",
"data-target": "existingCollapse11",
"data-parent": "previousAlerts",
"aria-expanded": "false"
}
}
]
}
],
"expandable-section": {
"additional-classes": "col-12 collapse",
"id": "existingCollapse11",
"content-id": "existingCollapse11Content",
"segment-fixed": "",
"column-items": [
{
"column-info-delete-edit": {
"column-text": "Grunnet vedlikehold vil Altinn portalbrukere bli møtt med nedetidsplakat i perioden 13.10.17 kl. 23:00 til 14.10.17 kl. 02:00.",
"action-buttons": {
"button-group-items": [
{
"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"
}
},
{
"button-text": "Endre",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"data-toggle": "altinn-modal",
"data-action": "load",
"data-url": {
"data-url": "../../patterns/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende.markup-only.html"
},
"data-target": "edit-alert-modal",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-edit",
"icon-extra-class": "ai-left"
}
},
{
"button-text": "Kontakt oss om dette varselet",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-send",
"icon-extra-class": "ai-left"
}
}
]
}
}
}
]
}
},
{
"additional-classes": "a-selectable card",
"onclick": false,
"id": "existing12",
"row-extra-class": "a-selectableExpanded",
"columns": [
{
"additional-classes": "a-w-7 text-center d-none d-md-block",
"onclick": false,
"column-items": [
{
"column-icon": {
"icon-prefix": "ai",
"icon-class": "ai-server"
}
}
]
},
{
"additional-classes": "col-9 col-sm-5 col-md-3",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-fontBold a-js-sortValue",
"text": "En varsling om nedetid"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "Applikasjonsdrift"
}
}
]
},
{
"additional-classes": "col-3 d-none d-sm-block",
"onclick": false,
"column-items": [
{
"column-text": {
"classes": "a-js-sortValue",
"text": "05.02.18 - 18:00"
}
}
]
},
{
"additional-classes": "",
"onclick": false,
"column-items": [
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed a-visibleWhenInitial a-hiddenWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Utvid</span>",
"data-target": "existingCollapse12",
"data-parent": "previousAlerts",
"aria-expanded": "false"
}
},
{
"column-link": {
"link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink a-visibleWhenExpanded pr-0 pr-md-5",
"link-url": "#",
"link-text": "<span class='d-none d-sm-block'>Lukk</span>",
"data-target": "existingCollapse12",
"data-parent": "previousAlerts",
"aria-expanded": "false"
}
}
]
}
],
"expandable-section": {
"additional-classes": "col-12 collapse",
"id": "existingCollapse12",
"content-id": "existingCollapse12Content",
"segment-fixed": "",
"column-items": [
{
"column-info-delete-edit": {
"column-text": "Grunnet vedlikehold vil Altinn portalbrukere bli møtt med nedetidsplakat i perioden 13.10.17 kl. 23:00 til 14.10.17 kl. 02:00.",
"action-buttons": {
"button-group-items": [
{
"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"
}
},
{
"button-text": "Endre",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"data-toggle": "altinn-modal",
"data-action": "load",
"data-url": {
"data-url": "../../patterns/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende/02-organismer-80-Modal-js-innhold-90-altinnett-varslinger-eksisterende.markup-only.html"
},
"data-target": "edit-alert-modal",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-edit",
"icon-extra-class": "ai-left"
}
},
{
"button-text": "Kontakt oss om dette varselet",
"button-class": "a-btn a-btn-icon",
"button-colorClass": "",
"link-url": "",
"button-shadow-label": false,
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-send",
"icon-extra-class": "ai-left"
}
}
]
}
}
}
]
}
}
]
}
}
}