Compare commits
No commits in common. "3ad9500f23a895495d8aba3acfe87ecce93f33c2" and "be945b0eee99e03274617ffa2041b5bf8e435356" have entirely different histories.
3ad9500f23
...
be945b0eee
|
@ -14,7 +14,7 @@
|
||||||
<i class="fa fa-solid fa-plus"></i>
|
<i class="fa fa-solid fa-plus"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<button :disabled="disableConfirm()" class="button is-small is-success ml-1" @click="confirmar()">
|
<button :disabled="!hayCambios()" class="button is-small is-success ml-1" @click="confirmar()">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="fas fa-check"></i>
|
<i class="fas fa-check"></i>
|
||||||
</span>
|
</span>
|
||||||
|
@ -25,20 +25,10 @@
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="producto.requiere_notas" v-bind:class="{'has-icons-right': notas_warning_visible}" class="control is-full-width has-icons-left">
|
<div v-if="producto.requiere_notas" class="field has-addons is-full-width">
|
||||||
<span class="icon is-small is-left">
|
<input v-model="notas" class="input" type="text" placeholder="Talle o color" />
|
||||||
<i class="fas fa-sticky-note"></i>
|
|
||||||
</span>
|
|
||||||
<input v-model="notas" v-bind:class="{'is-danger': notas_warning_visible}" id="notas" class="input" type="text" placeholder="Talle o color" />
|
|
||||||
<span v-if="notas_warning_visible" class="icon is-small is-right">
|
|
||||||
<i class="fas fa-exclamation-triangle"></i>
|
|
||||||
</span>
|
|
||||||
<article v-if="notas_warning_visible" class="message is-danger is-small">
|
|
||||||
<div class="message-body">
|
|
||||||
No se puede dejar este campo vacío
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -51,7 +41,6 @@
|
||||||
return {
|
return {
|
||||||
cantidad: this.cantidadEnChismosa(),
|
cantidad: this.cantidadEnChismosa(),
|
||||||
notas: this.notasEnChismosa(),
|
notas: this.notasEnChismosa(),
|
||||||
notas_warning_visible: false,
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
@ -74,10 +63,6 @@
|
||||||
this.cantidad += 1;
|
this.cantidad += 1;
|
||||||
},
|
},
|
||||||
confirmar() {
|
confirmar() {
|
||||||
if (this.warningNotas()) {
|
|
||||||
this.notas_warning_visible = true;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
console.log("Emit sync " + this.cantidad + " " + this.notas);
|
console.log("Emit sync " + this.cantidad + " " + this.notas);
|
||||||
Event.$emit('sync-subpedido', this.cantidad, this.producto.id, this.notas);
|
Event.$emit('sync-subpedido', this.cantidad, this.producto.id, this.notas);
|
||||||
},
|
},
|
||||||
|
@ -86,7 +71,6 @@
|
||||||
this.confirmar();
|
this.confirmar();
|
||||||
},
|
},
|
||||||
sincronizar(cantidad, notas) {
|
sincronizar(cantidad, notas) {
|
||||||
this.notas_warning_visible = false;
|
|
||||||
this.notas = notas;
|
this.notas = notas;
|
||||||
this.cantidad = cantidad;
|
this.cantidad = cantidad;
|
||||||
if (this.producto.pivot !== undefined) {
|
if (this.producto.pivot !== undefined) {
|
||||||
|
@ -102,12 +86,6 @@
|
||||||
puedeBorrar() {
|
puedeBorrar() {
|
||||||
return this.cantidadEnChismosa() > 0;
|
return this.cantidadEnChismosa() > 0;
|
||||||
},
|
},
|
||||||
warningNotas() {
|
|
||||||
return this.producto.requiere_notas && this.cantidad > 0 && !this.notas;
|
|
||||||
},
|
|
||||||
disableConfirm() {
|
|
||||||
return !this.hayCambios();
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
@ -129,12 +107,4 @@
|
||||||
.contador {
|
.contador {
|
||||||
min-width: 178px;
|
min-width: 178px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.is-danger {
|
|
||||||
background-color: #fca697;
|
|
||||||
}
|
|
||||||
.is-danger::placeholder {
|
|
||||||
color: #fff;
|
|
||||||
opacity: 1; /* Firefox */
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue