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>