altinn-designsystem/source/_patterns/03-maler-portal/99-modal-js/01-modal-js.json

Altinn Design system based on Pattern Lab.

{
  "logo": {
    "logo": "../../images/a-logo-black.svg"
  },
  "logo-class": "a-modal-top-logo",
  "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"
        },
        "enable-popover": true,
        "popover-placement": "bottom",
        "popover-content-id": "backPopoverContent",
        "popover-class": "popover-warning",
        "popover-text": "Du har gjort endringer som ikke vil lagres",
        "data-trigger": "manual",
        "popover-buttons": [
          {
            "button-text": "Ok",
            "button-class": "a-btn a-btn-danger a-js-modal-dirtyBackBtn",
            "page-url": false
          },
          {
            "button-text": "Avbryt",
            "button-class": "a-btn-link a-linkDanger a-js-modal-dirtyCancelBtn",
            "display-as-link": true,
            "page-url": false
          }
        ]
      },
      {
        "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"
        },
        "enable-popover": true,
        "popover-placement": "bottom",
        "popover-content-id": "closePopoverContent",
        "popover-class": "popover-warning",
        "popover-text": "Du har gjort endringer som ikke vil lagres",
        "data-trigger": "manual",
        "popover-buttons": [
          {
            "button-text": "Ok",
            "button-class": "a-btn a-btn-danger a-js-modal-dirtyCloseBtn",
            "page-url": false
          },
          {
            "button-text": "Avbryt",
            "button-class": "a-btn-link a-linkDanger a-js-modal-dirtyCancelBtn",
            "display-as-link": true,
            "page-url": false
          }
        ]
      }
    ]
  },
  "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"
}