feat(components): creado CorfirmModal para los modales para activar/desactivar usuarios

parent bc6dd610
Showing with 41 additions and 0 deletions
<template>
<div class="modal" :id="modalId" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Confirmar Acción</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>{{ message }}</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
<button type="button" class="btn btn-danger" data-bs-dismiss="modal" @click="confirmAndClose">Aceptar</button>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { defineProps, defineEmits } from 'vue';
const props = defineProps({
modalId: {
type: String,
required: true,
},
message: {
type: String,
default: '¿Estás seguro de que deseas realizar esta acción?',
}
});
const emits = defineEmits(['confirmed']);
const confirmAndClose = () => {
emits('confirmed');
};
</script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment