From a28bbe8e0ae836d81854b21d5feac957e94af554 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Sat, 22 Aug 2020 18:10:39 +0200
Subject: [PATCH] better view for freedrinklistconfig

---
 .../FreeDrinkList/FreeDrinkListConfig.vue     | 81 +++++++++++--------
 1 file changed, 49 insertions(+), 32 deletions(-)

diff --git a/src/components/vorstand/FreeDrinkList/FreeDrinkListConfig.vue b/src/components/vorstand/FreeDrinkList/FreeDrinkListConfig.vue
index c1cedc7..2c3b77c 100644
--- a/src/components/vorstand/FreeDrinkList/FreeDrinkListConfig.vue
+++ b/src/components/vorstand/FreeDrinkList/FreeDrinkListConfig.vue
@@ -6,39 +6,56 @@
       </v-card-title>
       <v-card-text>
         <v-list>
-          <v-list-item
-            v-for="free_drink_config in free_drink_list_config"
-            :key="free_drink_config.id"
-          >
-            <v-text-field
-              outlined
-              label="Label"
-              :value="free_drink_config.label"
+          <template
+              v-for="(free_drink_config, index) in free_drink_list_config">
+            <v-list-item
+                :key="index">
+              <v-list-item-content>
+                <v-row>
+                  <v-col>
+                    <v-text-field
+                        outlined
+                        label="Label"
+                        :value="free_drink_config.label"
+                    />
+                  </v-col>
+                  <v-col>
+                    <v-autocomplete
+                        outlined
+                        label="Zugeordnetes Getränk"
+                        :items="priceList"
+                        :item-text="item => {return item.name + '/' + (item.price_club/100).toFixed(2) + '€'}"
+                        item-value="id"
+                        :value="free_drink_config.drink"
+                    />
+                  </v-col>
+                  <v-col>
+                    <v-autocomplete
+                        outlined
+                        label="Freigetränkaufnahme"
+                        multiple
+                        :items="free_drink_types"
+                        item-text="name"
+                        item-value="id"
+                        :value="free_drink_config.free_drink_types"
+                    />
+                  </v-col>
+                  <v-col>
+                    <v-text-field
+                        outlined
+                        label="Preis in €"
+                        type="number"
+                        :value="(free_drink_config.price / 100).toFixed(2)"
+                    />
+                  </v-col>
+                </v-row>
+              </v-list-item-content>
+            </v-list-item>
+            <v-divider
+                v-if="index + 1 < free_drink_list_config.length"
+                :key="index"
             />
-            <v-autocomplete
-              outlined
-              label="Zugeordnetes Getränk"
-              :items="priceList"
-              :item-text="item => {return item.name + '/' + (item.price_club/100).toFixed(2) + '€'}"
-              item-value="id"
-              :value="free_drink_config.drink"
-            />
-            <v-autocomplete
-                outlined
-                label="Freigetränkaufnahme"
-                multiple
-                :items="free_drink_types"
-                item-text="name"
-                item-value="id"
-                :value="free_drink_config.free_drink_types"
-            />
-            <v-text-field
-              outlined
-              label="Preis in €"
-              type="number"
-              :value="(free_drink_config.price / 100).toFixed(2)"
-            />
-          </v-list-item>
+          </template>
         </v-list>
       </v-card-text>
       <v-card-actions>