From a7765797d1f52b15b5ddac6a1a39269143927ae7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Tue, 29 Jun 2021 14:35:00 +0200
Subject: [PATCH] [fix] fixed issuer #3 (edit drink if picture is not loading)

---
 src/components/CalculationTable.vue | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/components/CalculationTable.vue b/src/components/CalculationTable.vue
index dabe8a2..d15b1ba 100644
--- a/src/components/CalculationTable.vue
+++ b/src/components/CalculationTable.vue
@@ -54,6 +54,29 @@
                 {{ props.row.type.name }}
               </div>
             </div>
+            <template #error>
+              <q-img class="bg-white" style="max-height: 256px" src='no-image.svg' />
+              <div
+                v-if="!public && !nodetails && editable"
+                class="absolute-top-right justify-end"
+                style="background-color: transparent"
+              >
+                <q-btn
+                  round
+                  icon="mdi-pencil"
+                  style="background-color: rgba(0, 0, 0, 0.5)"
+                  @click="editDrink = props.row"
+                />
+              </div>
+              <div class="absolute-bottom-right justify-end">
+                <div class="text-subtitle1 text-right">
+                  {{ props.row.name }}
+                </div>
+                <div class="text-caption text-right">
+                  {{ props.row.type.name }}
+                </div>
+              </div>
+            </template>
           </q-img>
           <q-card-section>
             <q-badge