forked from nathalie/pedi2
30 lines
729 B
Vue
30 lines
729 B
Vue
|
<template>
|
||
|
|
<button class="button" :class="subpedido.aprobado ? 'is-danger' : 'is-success'" @click="toggleAprobacion">
|
||
|
|
<span class="icon is-small">
|
||
|
|
<i class="fas" :class="subpedido.aprobado ? 'fa-times' : 'fa-check'"></i>
|
||
|
|
</span>
|
||
|
|
<span>{{ mensaje }}</span>
|
||
|
|
</button>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "BotonAdminSubpedidoRow",
|
||
|
|
props: {'subpedido': Object},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
mensaje: this.aprobado ? "Desaprobar pedido" : "Aprobar pedido"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
toggleAprobacion() {
|
||
|
|
alert("Hay que implementarlo con axios o algo de eso")
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
|
||
|
|
</style>
|