UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

1,150 lines (1,149 loc) 35.5 kB
{ "sortable-action-text": "Velg roller den ansatte skal ha:", "sortable-action-items": { "checkbuttons": [ { "checkbuttons-title": "Begrenset signeringsrett" }, { "checkbuttons-title": "Lønn og personalmedarbeider" }, { "checkbuttons-title": "Primærnæring og næringsmidler" }, { "checkbuttons-title": "Regnskapsfører med signeringsrett" }, { "checkbuttons-title": "Regnskapsfører lønn" }, { "checkbuttons-title": "Basisrolle" }, { "checkbuttons-title": "Regnskapsfører uten signeringsrett" }, { "checkbuttons-title": "Revisorattester - MVA kompensasjon" }, { "checkbuttons-title": "Utfyller/Innsender" }, { "checkbuttons-title": "Ansvarlig revisor" }, { "checkbuttons-title": "Revisormedarbeider" }, { "checkbuttons-title": "Revisorrettighet" }, { "checkbuttons-title": "Regnskapsmedarbeider" } ] }, "rows": [ { "additional-classes": "a-dotted a-selectable", "id": "firstRow", "onclick": false, "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-private", "icon-extra-class": "" }, "column-text": { "text": "" } } ] }, { "additional-classes": "col-9 col-sm-5 col-md-3", "onclick": false, "column-items": [ { "column-text": { "classes": "a-fontBold", "text": "Navn Navnesenku" } } ] }, { "additional-classes": "col-3 d-none d-sm-block", "onclick": false, "column-items": [ { "column-text": { "text": "2 roller" } } ] }, { "additional-classes": "a-hiddenWhenSelected", "onclick": false, "column-items": [ { "column-link": { "link-class": "a-btn-blue-noUnderline text-right a-fontBold a-fullWidthLink collapsed a-hiddenWhenExpanded pr-0 pr-md-5", "link-url": "#", "link-text": "<span class='d-none d-sm-block'>Gi rettigheter</span>", "data-target": "collapseIdSample" } }, { "classes": "a-fontBold a-visibleWhenSelected d-none d-sm-block", "column-text": { "text": "Lagt til" } } ] }, { "additional-classes": "col pr-0 pr-md-5 text-right a-visibleWhenSelected", "onclick": false, "column-items": [ { "classes": "a-fontBold", "column-text": { "text": "Lagt til" } } ] } ], "expandable-section": { "additional-classes": "col-12 collapse", "id": "collapseIdSample", "content-id": "collapseIdSampleContent", "column-items": [ { "column-switches-with-text": { "ferdigsegment-done": { "button-text": "Ferdig", "button-class": "a-btn a-btn-success collapsed", "data-toggle": "collapse", "data-target": "#collapseIdSample", "aria-expanded": false, "data-set-selected-target": "#firstRow", "onclick": "$(this).closest('li').addClass('a-success a-disabled');" }, "ferdigsegment-cancel": { "button-text": "Avbryt", "button-class": "a-btn-link collapsed", "margin-right-multiplier": 3, "data-toggle": "collapse", "data-target": "#collapseIdSample", "aria-expanded": false, "display-as-link": true } } } ] } }, { "additional-classes": "a-dotted a-disabled a-success a-selectable a-selected", "id": "secondRow", "onclick": false, "focusable": true, "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-private", "icon-extra-class": "" }, "column-text": { "text": "" } } ] }, { "additional-classes": "col-12 col-sm-5 col-md-3", "onclick": false, "column-items": [ { "column-text": { "classes": "a-fontBold", "text": "Navn Navnesen" } } ] }, { "additional-classes": "col-3 d-none d-sm-block", "onclick": false, "column-items": [ { "column-text": { "text": "2 roller" } } ] }, { "additional-classes": false, "onclick": false, "column-items": [ { "column-link": { "link-class": "a-btn-blue-noUnderline text-right a-fullWidthLink a-fontBold a-hiddenWhenSelected pr-0 pr-md-5", "link-url": "#collapseIdSample2", "link-text": "<span class='d-none d-sm-block'>Gi rettigheter</span>", "data-target": "#collapseIdSample2", "data-set-selected-target": "#secondRow" } } ] }, { "additional-classes": "col d-none d-sm-block a-visibleWhenSelected text-right pr-0 pr-md-5", "onclick": false, "column-items": [ { "classes": "a-fontBold a-visibleWhenSelected", "column-text": { "text": "Lagt til" } } ] } ], "expandable-section": { "additional-classes": "col-12 collapse", "id": "collapseIdSample2", "content-id": "collapseIdSample2Content", "column-items": [ { "column-switches-with-text": { "ferdigsegment-done": { "button-text": "Ferdig", "button-class": "a-btn a-btn-success", "data-toggle": "collapse", "data-target": "#collapseIdSample2", "aria-expanded": false, "data-set-selected-target": "#secondRow" }, "ferdigsegment-cancel": { "button-text": "Avbryt", "button-class": "a-btn-link", "display-as-link": true, "margin-right-multiplier": 3, "data-toggle": "collapse", "data-target": "#collapseIdSample2", "aria-expanded": false, "data-set-selected-target": "#secondRow" } } } ] } }, { "additional-classes": "a-dotted a-selectable a-disabled a-danger a-selected", "id": "thirdRow", "onclick": false, "focusable": true, "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-private", "icon-extra-class": "" } } ] }, { "additional-classes": "col-12 col-sm-5 col-md-3", "onclick": false, "column-items": [ { "column-text": { "classes": "a-fontBold", "text": "Navn Navnesen" } } ] }, { "additional-classes": "col-3 d-none d-sm-block", "onclick": false, "column-items": [ { "column-text": { "text": "2 roller" } } ] }, { "additional-classes": false, "onclick": false, "column-items": [ { "column-link": { "link-class": "a-btn-blue-noUnderline text-right a-fullWidthLink a-hiddenWhenSelected pr-0 pr-md-5", "link-url": "#collapseIdSample3", "link-text": "<b class='d-none d-sm-block'>Gi rettigheter</b>", "data-target": "#collapseIdSample3", "data-set-selected-target": "#thirdRow" } } ] }, { "additional-classes": "col d-none d-sm-block text-right a-visibleWhenSelected pr-0 pr-md-5", "onclick": false, "column-items": [ { "column-text": { "classes": "a-fontBold", "text": "Slettet" } } ] } ], "expandable-section": { "additional-classes": "col-12 collapse", "id": "collapseIdSample3", "content-id": "collapseIdSample3Content", "column-items": [ { "column-switches-with-text": { "ferdigsegment-done": { "button-text": "Ferdig", "button-class": "a-btn a-btn-success", "data-toggle": "collapse", "data-target": "#collapseIdSample3", "aria-expanded": false, "data-set-selected-target": "#thirdRow" }, "ferdigsegment-cancel": { "button-text": "Avbryt", "button-class": "a-btn-link", "display-as-link": true, "margin-right-multiplier": 3, "data-toggle": "collapse", "data-target": "#collapseIdSample3", "aria-expanded": false, "data-set-selected-target": "#thirdRow" } } } ] } }, { "additional-classes": "a-dotted", "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Vanlig rad, ikke klikkbar" } } ] } ] }, { "additional-classes": "a-dotted", "columns": [ { "additional-classes": "col-4 pr-1", "column-items": [ { "column-text": { "text": "Vanlig rad med flere kolonner" } } ] }, { "additional-classes": "col-4 pr-1 d-none d-md-block", "column-items": [ { "column-text": { "text": "Denne kolonnen skjules på liten skjerm, neste kolonne tar plassen som frigjøres" } } ] }, { "additional-classes": "col", "column-items": [ { "column-text": { "text": "En særdeles lang tekst som går over flere linjer med lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla suscipit purus eu vehicula bibendum. Duis luctus magna ac dui convallis iaculis." } } ] } ] }, { "additional-classes": "a-dotted a-danger a-selectable a-selected", "columns": [ { "additional-classes": "col a-lineThrough-selected", "column-items": [ { "column-text": { "text": "Eksempel på valgt rad som gir rød bakgrunn og strikethrough på tekst" } } ] } ] }, { "additional-classes": "a-dotted a-clickable", "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Blå bakgrunn ved hover, klikkbar rad" } } ] } ] }, { "additional-classes": "a-dotted a-disabled", "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Disablet bakgrunn - ikke klikkbar" } } ] } ] }, { "additional-classes": "a-dotted a-disabled a-danger", "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Rød disablet bakgrunn - ikke klikkbar" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-deadline" } } ] } ] }, { "additional-classes": "a-dotted a-disabled a-success", "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Grønn disablet bakgrunn - ikke klikkbar" } } ] } ] }, { "additional-classes": "a-dotted", "columns": [ { "additional-classes": "col-12 col-md-2", "column-items": [ { "column-text": { "text": "06.01.2017" } } ] }, { "additional-classes": "col-12 col-md-2", "column-items": [ { "column-text": { "classes": "a-fontBold", "text": " Rolle tildelt " } } ] }, { "additional-classes": "col-12 col-md-8", "column-items": [ { "column-text": { "classes": "a-blueText a-fontBold text-uppercase", "text": " Pelle Hansen " } }, { "column-text": { "text": " fikk rollen " } }, { "column-text": { "classes": "a-fontBold", "text": " Begrenset signeringsrettighet " } }, { "column-text": { "text": ". Det var " } }, { "column-text": { "classes": "a-blueText a-fontBold text-uppercase", "text": "David Karlsson" } }, { "column-text": { "text": "som tildelte rollen." } }, { "column-popover": { "popover-link-text": "Klikk for å se mer informasjon", "popover-link-text-class": "sr-only", "open-popover-class": "a-helpIconButton a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons", "popover-class": "popover-big", "popover-content-id": "popoverSamtykke1", "popover-content": false, "popover-title": false, "popover-description-content": { "header-text": "Samtykke til medlertidig innsyn er git til Altinn1 ANS", "intro-text": "Velkommen til samtykkeløsningen", "secondary-title": "Følgende informasjon er omfattet av samtykket: ", "third-title": "Summert skattegrunnlag fra Skattetaten", "paragraf-text": "Innsyn i ditt skattegrunnlag.", "additional-classes": false }, "popover-link-icon": [ { "icon-prefix": "ai", "icon-class": "ai-help-popicon", "stacked-background": { "stacked-container-class": "a-js-popoverIconInitial", "icon-prefix": "ai", "icon-class": "ai-plain-circle" } }, { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "stacked-background": { "stacked-container-class": "a-js-popoverIconExpanded", "icon-prefix": "ai", "icon-class": "ai-plain-circle" } } ] } } ] } ] }, { "additional-classes": "a-dotted a-clickable a-fontSizeM a-fontBold a-list-item-loadMore", "list-item-role": "button", "columns": [ { "additional-classes": "a-w-7 text-center d-none d-md-block", "column-items": [ { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-plus" } } ] }, { "additional-classes": "col", "column-items": [ { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-plus", "icon-extra-class": "d-md-none" } }, { "column-text": { "classes": "", "text": "Klikkbar rad med tekst og ikon" } } ] } ] }, { "additional-classes": "a-clickable", "columns": [ { "additional-classes": "a-w-7 text-center d-none d-md-block", "column-items": [ { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-plus" } } ] }, { "additional-classes": "col a-fontBold", "column-items": [ { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-plus", "icon-extra-class": "d-md-none mx-1" } }, { "column-text": { "classes": "a-fontBold", "text": "Klikkbar rad med tekst og ikon med mye luft" } } ] } ] }, { "additional-classes": "a-dotted a-selectable a-success", "columns": [ { "additional-classes": "col", "column-items": [ { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-plus", "icon-extra-class": "a-blueText" } }, { "column-text": { "text": "Rollenavn" } } ] }, { "additional-classes": "col-auto text-right", "column-items": [ { "column-popover": { "popover-link-text": "Klikk for å se mer informasjon", "popover-link-text-class": "sr-only", "open-popover-class": "a-helpIconButton a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons", "popover-class": "popover-big", "popover-content": "Innholdet i popover fra spørsmålstegn-ikonet kommer her..", "popover-content-id": "popoverSampleContent", "popover-link-icon": [ { "icon-prefix": "ai", "icon-class": "ai-help-popicon", "icon-extra-class": "", "stacked-background": { "stacked-container-class": "a-js-popoverIconInitial", "icon-prefix": "ai", "icon-class": "ai-plain-circle", "icon-extra-class": "" } }, { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "icon-extra-class": "", "stacked-background": { "stacked-container-class": "a-js-popoverIconExpanded", "icon-prefix": "ai", "icon-class": "ai-plain-circle", "icon-extra-class": "" } } ] } } ] } ] }, { "additional-classes": "a-dotted a-selectable a-success", "columns": [ { "additional-classes": "col", "column-items": [ { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-plus", "icon-extra-class": "a-blueText a-hiddenWhenSelected" } }, { "column-text": { "text": "Rollenavn" } } ] }, { "additional-classes": "col-auto text-right align-items-center d-flex", "column-items": [ { "column-icon-link": { "linkIcon-url": "#", "linkIcon-text": "Rediger", "icon-prefix": "ai ai-sm", "icon-class": "ai-edit", "link-icon-class": "a-btn-blue-noUnderline pr-0", "text-class": "d-none d-lg-inline a-fontSizeXS pr-1" } }, { "column-popover": { "popover-link-text": "Klikk for å se mer informasjon", "popover-link-text-class": "sr-only", "open-popover-class": "a-helpIconButton a-js-persistPopover a-js-popoverBig a-js-togglePopoverIcons", "popover-class": "popover-big a-hiddenWhenSelected", "popover-content": "Innholdet i popover fra spørsmålstegn-ikonet kommer her..", "popover-content-id": "popoverSampleContent", "popover-link-icon": [ { "icon-prefix": "ai", "icon-class": "ai-help-popicon", "icon-extra-class": "", "stacked-background": { "stacked-container-class": "a-js-popoverIconInitial", "icon-prefix": "ai", "icon-class": "ai-plain-circle", "icon-extra-class": "" } }, { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "icon-extra-class": "", "stacked-background": { "stacked-container-class": "a-js-popoverIconExpanded", "icon-prefix": "ai", "icon-class": "ai-plain-circle", "icon-extra-class": "" } } ] } }, { "column-link": { "link-class": "no-decoration a-visibleWhenSelected", "link-url": "#", "link-text": "Angre" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-undo", "icon-extra-class": "a-visibleWhenSelected" } } ] } ] }, { "additional-classes": "a-dotted a-selectable a-success a-selected", "columns": [ { "additional-classes": "col", "column-items": [ { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-plus", "icon-extra-class": "a-blueText a-hiddenWhenSelected" } }, { "column-text": { "text": "Rollenavn" } } ] }, { "additional-classes": "col-auto text-right align-items-center d-flex", "column-items": [ { "column-icon-link": { "linkIcon-url": "#", "linkIcon-text": "Rediger", "icon-prefix": "ai ai-sm", "icon-class": "ai-edit", "link-icon-class": "a-btn-blue-noUnderline a-hiddenWhenSelected pr-0", "text-class": "d-none d-lg-inline a-fontSizeXS pr-1" } }, { "column-popover": { "popover-link-text": "Klikk for å se mer informasjon", "popover-link-text-class": "sr-only", "open-popover-class": "a-helpIconButton a-js-persistPopover a-hiddenWhenSelected a-js-popoverBig a-js-togglePopoverIcons", "popover-class": "popover-big", "popover-content": "Innholdet i popover fra spørsmålstegn-ikonet kommer her..", "popover-content-id": "popoverSampleContent", "popover-link-icon": [ { "icon-prefix": "ai", "icon-class": "ai-help-popicon", "icon-extra-class": "", "stacked-background": { "stacked-container-class": "a-js-popoverIconInitial", "icon-prefix": "ai", "icon-class": "ai-plain-circle", "icon-extra-class": "" } }, { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "icon-extra-class": "", "stacked-background": { "stacked-container-class": "a-js-popoverIconExpanded", "icon-prefix": "ai", "icon-class": "ai-plain-circle", "icon-extra-class": "" } } ] } }, { "column-text": { "text": "Angre", "classes": "d-none d-sm-block a-visibleWhenSelected" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-undo", "icon-extra-class": "a-visibleWhenSelected a-danger" } } ] } ] }, { "additional-classes": "a-dotted a-selectable a-danger", "onclick": false, "columns": [ { "additional-classes": "col", "onclick": false, "searchable": true, "column-items": [ { "column-text": { "classes": "a-js-sortValue a-lineThrough-selected", "text": "Patent, varemerke og design" } } ] }, { "additional-classes": "col-auto text-right align-items-center d-flex", "onclick": false, "column-items": [ { "column-text": { "text": "Fjern", "classes": "d-none d-sm-block a-hiddenWhenSelected a-hiddenWhenDeleted" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "icon-extra-class": "a-danger a-hiddenWhenSelected a-hiddenWhenDeleted" } }, { "column-text": { "text": "Angre", "classes": "d-none d-sm-block a-visibleWhenSelected a-hiddenWhenDeleted" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-undo", "icon-extra-class": "a-danger a-visibleWhenSelected a-hiddenWhenDeleted" } }, { "column-text": { "text": "Slettet", "classes": "d-none d-sm-block a-visibleWhenDeleted" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-fw", "icon-extra-class": "a-danger a-visibleWhenDeleted" } } ] } ], "expandable-section": false }, { "additional-classes": "a-dotted a-selectable a-selected a-danger", "onclick": false, "columns": [ { "additional-classes": "col", "onclick": false, "searchable": true, "column-items": [ { "column-text": { "classes": "a-js-sortValue a-lineThrough-selected", "text": "Privatperson begrensede rettigheter, med litt ekstra tekst slik at denne går over to linjer" } } ] }, { "additional-classes": "col-auto text-right align-items-center d-flex", "onclick": false, "column-items": [ { "column-text": { "text": "Fjern", "classes": "d-none d-sm-block a-hiddenWhenSelected a-hiddenWhenDeleted" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "icon-extra-class": "a-danger a-hiddenWhenSelected a-hiddenWhenDeleted" } }, { "column-text": { "text": "Angre", "classes": "d-none d-sm-block a-visibleWhenSelected a-hiddenWhenDeleted" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-undo", "icon-extra-class": "a-danger a-visibleWhenSelected a-hiddenWhenDeleted" } }, { "column-text": { "text": "Slettet", "classes": "d-none d-sm-block a-visibleWhenDeleted" } }, { "column-icon": { "icon-prefix": "ai", "icon-class": "ai-fw", "icon-extra-class": "a-danger a-visibleWhenDeleted" } } ] } ], "expandable-section": false }, { "additional-classes": "a-dotted a-selectable", "onclick": false, "columns": [ { "additional-classes": "col-auto pr-2 pb-1 pb-md-0", "onclick": false, "searchable": false, "column-items": [ { "column-text": { "classes": "", "text": "ReceiverUser2" } } ] }, { "additional-classes": "col-12 d-md-none pb-1", "onclick": false, "column-items": [ { "column-link": { "link-icon-left": { "icon-prefix": "ai", "icon-class": "ai-edit", "icon-extra-class": "a-hiddenWhenExpanded ai-left a-blueText" }, "link-icon": false, "link-class": "collapsed a-hiddenWhenExpanded a-noUnderline a-pr-half", "link-url": "#", "link-text": "<span>Rediger</span>", "data-target": "collapseIdSampleSertificate" } }, { "column-link": { "link-class": "a-visibleWhenExpanded", "link-url": "#", "link-text": "<span>Avbryt</span>", "data-target": "collapseIdSampleSertificate" } } ] }, { "additional-classes": "col-12 col-md-auto a-visibleWhenExpanded pr-2 pb-1 pb-md-0", "onclick": false, "column-items": [ { "column-button": { "button-text": "Slett", "button-class": "a-btn a-btn-icon", "link-url": false, "button-shadow-label": false, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "icon-extra-class": "a-danger a-blueText ai-left" } } } ] }, { "additional-classes": "col-12 col-md-auto a-visibleWhenExpanded pb-1 pb-md-0", "onclick": false, "column-items": [ { "column-button": { "button-text": "Endre", "button-class": "a-btn a-btn-icon", "link-url": false, "button-shadow-label": false, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-edit", "icon-extra-class": "a-blueText ai-left" } } } ] }, { "additional-classes": "col a-visibleWhenExpanded", "onclick": false, "column-items": false }, { "additional-classes": "col-auto text-right d-none d-md-block", "onclick": false, "column-items": [ { "column-link": { "link-icon-left": { "icon-prefix": "ai", "icon-class": "ai-edit", "icon-extra-class": "a-hiddenWhenExpanded a-blueText" }, "link-icon": false, "link-class": "collapsed a-fullWidthLink a-hiddenWhenExpanded a-noUnderline a-pr-half", "link-url": "#", "link-text": "<span>Rediger</span>", "data-target": "collapseIdSampleSertificate" } }, { "column-link": { "link-class": "a-fullWidthLink a-fullWidthLink--underline a-visibleWhenExpanded a-pr-half", "link-url": "#", "link-text": "<span>Avbryt</span>", "data-target": "collapseIdSampleSertificate" } } ] } ], "expandable-section": { "additional-classes": "col-12 collapse", "id": "collapseIdSampleSertificate", "content-id": "collapseIdSampleContentSertificate", "column-items": [ { "column-info-delete-add": true } ] } } ] }