Popup

De popup is zo gemaakt dat deze vanuit elke plek aangeroepen kan worden met de gewenste input.
De data en de toggle worden namelijk in de globale VUEX state gemuteerd als je een popup wilt tonen.

  • Locatie: /components/default/common/Popup.vue

Settable properties:

  • visible (Boolean): Hiermee toon of verberg je de popup.
  • title (String): De titel die getoond wordt in een titel div in de popup.
  • id (Number): Unieke indentifier voor de popup.
  • contentHTML (String): Hier kun je je eigen popup body mee definieren incl. HTML tags.
  • footerHTML (String): Hier kun je je eigen popup footer body (2e body) mee definieren incl. HTML tags.
  • buttons (Array): Hier kun je een array met button objecten aan mee geven. Deze buttons worden dan in de popup uitgeschreven. Een button object bestaat uit:
    • class (String): style class die op de knop wordt gezet.
    • action (Method): Deze method wordt uitgevoerd als je op de knop klikt.
    • text (String): Deze tekst komt op de knop te staan.
    • onEnter (Boolean): Als deze op true gezet wordt en je toetst enter in op je toetsenbord wordt de action method uitgevoerd.