ModalView

Źródło: views/ModalView.js

ModalView

Widok okna modalnego (domyślnie ukryte).

Schema

type: modal
id: myModal
title: Tytuł modala
size: md
closable: true
closeOnBackdrop: true
content: {}
footer: {}

Parametry

type - Typ widoku: "modal"
id - Identyfikator widoku (wymagane do otwierania/zamykania)
title - Tytuł modala (string lub obiekt widoku)
size - Rozmiar modala: sm, md, lg, xl, full (domyślnie: md)
closable - Czy pokazać przycisk zamykania X (domyślnie: true)
closeOnBackdrop - Czy zamknąć po kliknięciu w tło (domyślnie: true)
content - Zawartość modala (widok lub string)
footer - Stopka modala (widok lub string, opcjonalne)

Sterowanie modalem

Modal można otwierać i zamykać akcjami openModal / closeModal lub bezpośrednio przez eventy:

Event	Opis
`modal:open:{id}`	Otwiera modal
`modal:close:{id}`	Zamyka modal
`modal:opened:{id}`	Emitowany po otwarciu modala
`modal:closed:{id}`	Emitowany po zamknięciu modala

Przykład użycia

type: modal
id: addProductModal
title: Dodaj nowy produkt
size: lg
content:
  type: card
  content:
    - type: input
      name: productName
      label: Nazwa produktu
      placeholder: Wprowadź nazwę
footer:
  type: row
  cols:
    - childs:
        - type: button
          label: Anuluj
          variant: secondary
          onClick:
            action: closeModal
            target: addProductModal
        - type: button
          label: Zapisz
          variant: primary
          onClick:
            action: callMethod
            module: core/products
            method: create
            withData:
              - "#productForm"