Modal de confirmation d'action

Utilisation

Valider l'action d'un utilisateur.

Type de composant : Modal

Params

Name	Type	Default	Required	Description
callback	function	{}	yes	Fonction a appler à la confirmation. Doit une méthode VueJS sans paranthèses. Si la méthode retourne un object Promise l'appelle sera asynchrone, une animation de loading sera visible sur le bouton de confirmation.
message	String	Do you confirm this action ?	no	Message principal dans la fenêtre de confirmation
title	String	Confirmation	no	Tite de la fenêtre
titleClasses	String	headline	no	Classes CSSde la zone titre
width	String	500px	no	Largeur de la fenêtre
cancelButtonLabel	String	Cancel	no	Label du bouton d'annulation
confirmButtonLabel	String	Confirm	no	Label du bouton de confirmation

Synthax

<template>
    <v-app>
        ...
        <unidoo-confirm-dialog />
        ...
    </v-app>
</template>

<script>
export default {
    methods: {
        showConfirmDialog: function () {
            this.$unidooConfirmDialog.show(this.callback);
        },

        callback: function() {
            console.log('Callback has been called')
        }
    },
};
</script>

Exemple synthax multilangue + customisation

    this.$unidooConfirmDialog.show(this.callback, 
        this.$t('report.screen.return.confirmation.message'), 
        this.$t('report.screen.return.confirmation.title'),
        'headline grey lighten-2',
        this.$store.getters.getDialogWidth,
        this.$t('button.cancel'),
        this.$t('button.confirm'));

Exemple de méthode callback pour animation loading

    export default {
        methods: {
            showConfirmDialog: function () {
                this.$unidooConfirmDialog.show(this.callback);
            },

            callback: function() {
                return this.axios.delete(this.service+'/delete/'+this.Id)
                    .then( () => console.log('The item has been deleted'))
                    .catch((error) => console.log(error))
            }
        },
    };

Exemple