@nfy-npm/stimulus-button-action

Ein Stimulus-Controller zum Verarbeiten von Button-Aktionen mit Erfolg- und Fehlermeldungen.

Installation

npm install @nfy-npm/stimulus-button-action

Verwendung

Importieren Sie den Stimulus-Controller und verwenden Sie ihn in Ihrem HTML:

JavaScript

import {Application} from '@hotwired/stimulus';
import ButtonActionController from '@nfy-npm/stimulus-async-action';

const application = Application.start();
application.register('button-action', ButtonActionController);

HTML

<button
        data-controller="button-action"
        data-button-action-route-value="/api/route" <!-- optional -->
data-button-action-success-message-value="Erfolg!" <!-- optional -->
data-button-action-error-message-value="Fehler!"> <!-- optional -->
Start Action
</button>

<!-- oder -->

<a href="/api/route"
   data-controller="button-action"
   data-button-action-success-message-value="Erfolg!" <!-- optional -->
data-button-action-error-message-value="Fehler!"> <!-- optional -->
Start Action
</a>

Attribute

• data-button-action-route-value (optional): Die API-Route, die aufgerufen werden soll. Falls nicht gesetzt, wird das href-Attribut genutzt (falls vorhanden).
• data-button-action-success-message-value (optional): Die Erfolgsmeldung.
• data-button-action-error-message-value (optional): Die Fehlermeldung.