Added error messages

This commit is contained in:
benarc 2022-02-03 22:30:53 +00:00 committed by Tiago vasconcelos
parent 80a5d26dce
commit 1988a9d5d7
2 changed files with 16 additions and 3 deletions

View file

@ -265,6 +265,12 @@ new Vue({
} }
}, },
methods: { methods: {
errorMessage: function (error) {
this.$q.notify({
color: 'primary',
message: error
})
},
//////////////////////////////////////// ////////////////////////////////////////
///////////SUPPORT MESSAGES///////////// ///////////SUPPORT MESSAGES/////////////
//////////////////////////////////////// ////////////////////////////////////////

View file

@ -300,13 +300,20 @@
<div class="col-12 col-md-8 col-lg-7 q-gutter-y-md"> <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="primary" @click="productDialog.show = true" <q-btn unelevated v-if="stalls.length === 0" color="primary" @click="productDialog.show = true"
>+ Product <q-tooltip> List a product </q-tooltip></q-btn
>
<q-btn unelevated v-else color="primary" @click="errorMessage('First set shipping zone(s), then create a stall.')"
>+ Product <q-tooltip> List a product </q-tooltip></q-btn >+ Product <q-tooltip> List a product </q-tooltip></q-btn
> >
<q-btn unelevated color="primary" @click="zoneDialog.show = true" <q-btn unelevated color="primary" @click="zoneDialog.show = true"
>+ Shipping Zone<q-tooltip> Create a shipping zone </q-tooltip></q-btn >+ Shipping Zone<q-tooltip> Create a shipping zone </q-tooltip></q-btn
> >
<q-btn unelevated color="primary" @click="stallDialog.show = true" <q-btn unelevated v-if="zones.length === 0" color="primary" @click="stallDialog.show = true"
>+ Stall
<q-tooltip> Create a stall to list products on </q-tooltip></q-btn
>
<q-btn unelevated v-else color="primary" @click="errorMessage('First set shipping zone(s).')"
>+ Stall >+ Stall
<q-tooltip> Create a stall to list products on </q-tooltip></q-btn <q-tooltip> Create a stall to list products on </q-tooltip></q-btn
> >
@ -618,7 +625,7 @@
></q-chat-message> ></q-chat-message>
</div> </div>
</div> </div>
<div class="col on-right " style="width: 90%"> <div class="col on-right" style="width: 90%">
<q-input > <q-input >
<template v-slot:after> <template v-slot:after>
<q-btn round dense flat icon="send" /> <q-btn round dense flat icon="send" />