From 1988a9d5d769ed1d2fc72471cb790ec0b4f2fefd Mon Sep 17 00:00:00 2001
From: benarc <ben@arc.wales>
Date: Thu, 3 Feb 2022 22:30:53 +0000
Subject: [PATCH] Added error messages

---
 lnbits/extensions/diagonalley/static/js/index.js    |  6 ++++++
 .../diagonalley/templates/diagonalley/index.html    | 13 ++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/lnbits/extensions/diagonalley/static/js/index.js b/lnbits/extensions/diagonalley/static/js/index.js
index af81db2a..d101bfcf 100644
--- a/lnbits/extensions/diagonalley/static/js/index.js
+++ b/lnbits/extensions/diagonalley/static/js/index.js
@@ -265,6 +265,12 @@ new Vue({
     }
   },
   methods: {
+    errorMessage: function (error) {
+      this.$q.notify({
+        color: 'primary',
+        message: error
+      })
+    },
     ////////////////////////////////////////
     ///////////SUPPORT MESSAGES/////////////
     ////////////////////////////////////////
diff --git a/lnbits/extensions/diagonalley/templates/diagonalley/index.html b/lnbits/extensions/diagonalley/templates/diagonalley/index.html
index a89c8b5e..d14d7cee 100644
--- a/lnbits/extensions/diagonalley/templates/diagonalley/index.html
+++ b/lnbits/extensions/diagonalley/templates/diagonalley/index.html
@@ -300,13 +300,20 @@
   <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
     <q-card>
       <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
         >
         <q-btn unelevated color="primary" @click="zoneDialog.show = true"
           >+ 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
           <q-tooltip> Create a stall to list products on </q-tooltip></q-btn
         >
@@ -618,7 +625,7 @@
               ></q-chat-message>
           </div>
           </div>
-          <div class="col on-right	" style="width: 90%">
+          <div class="col on-right" style="width: 90%">
             <q-input >
               <template v-slot:after>
                 <q-btn round dense flat icon="send" />