From b144d0cc197311fad024cd795982eb6e024c6a13 Mon Sep 17 00:00:00 2001
From: Thomas Mack <toking@toking.de>
Date: Mon, 28 Mar 2022 09:29:36 +0200
Subject: [PATCH] select Brand

---
 src/components/camera/CameraEditDetail.vue | 48 ++++++++++++++++++----
 1 file changed, 41 insertions(+), 7 deletions(-)

diff --git a/src/components/camera/CameraEditDetail.vue b/src/components/camera/CameraEditDetail.vue
index b0b25a3..1b2a951 100644
--- a/src/components/camera/CameraEditDetail.vue
+++ b/src/components/camera/CameraEditDetail.vue
@@ -33,15 +33,42 @@
                     <Field as="input" name="name" :value="activeCamera.name" type="text" class="form-control" id="name"></Field>
 <!--                    <small class="text-danger" v-if="errors.name">{{errors.name}}</small>-->
                 </div>
-                <div class="row">
+                <div class="row mt-4">
+                  <div  class="col-3">
+                  <label for="brand">Marke</label>
+                  </div>
+
+                    <div  class="col-9">
                   <Field name="brand" class="form-select" v-model="brand" id="brand" as="select">
-                    <label for="brand">Marke</label>
                     <option v-for="brand in brands" :key="brand.schluessel" :value="brand.schluessel" >{{brand.name}}</option>
                     <small class="text-danger" v-if="errors.brand">{{errors.brand}}</small>
                   </Field>
+                    </div>
                 </div>
 
+                <div class="row mt-4">
+                  <div  class="col-3">
+                  <label for="condition">Zustand</label>
+                  </div>
+                    <div  class="col-9">
+                  <Field name="condition" class="form-select" v-model="condition" id="condition" as="select">
+                    <option v-for="condition in conditions" :key="condition.schluessel" :value="condition.schluessel" >{{condition.name}}</option>
+                    <small class="text-danger" v-if="errors.condition">{{errors.condition}}</small>
+                  </Field>
+                    </div>
+                </div>
 
+                <div class="row mt-4">
+                  <div  class="col-3">
+                    <label for="buildtype">Bauform</label>
+                  </div>
+                  <div class="col-9">
+                    <Field  name="buildtype" class=" form-select" v-model="buildtype" id="buildtype" as="select">
+                      <option v-for="buildtype in buildtypes" :key="buildtype.schluessel" :value="buildtype.schluessel" >{{buildtype.name}}</option>
+                      <small class="text-danger" v-if="errors.buildtype">{{errors.buildtype}}</small>
+                    </Field>
+                  </div>
+                </div>
 
                 <div class="row">
                   <div class="col-12">
@@ -76,11 +103,18 @@ export default {
   data() {
     const schema = yup.object().shape({
       name: yup.string()
-      .required("Name wird benötigt")
-      .trim(),
+        .required("Name wird benötigt")
+        .trim(),
       brand: yup.string()
-      .required("Makre wird benötigt")
-      .trim()
+        .required("Marke wird benötigt")
+        .trim(),
+      condition: yup.string()
+        .required("Zustand wird benötigt")
+        .trim(),
+      buildtype: yup.string()
+         .required("Bauform wird benötigt")
+         .trim(),
+
     });
 
     return {
@@ -90,7 +124,7 @@ export default {
     }
   },
   computed: {
-     ...mapGetters(["activeCamera", "brands"]),
+     ...mapGetters(["activeCamera", "brands", "conditions", "buildtypes"]),
     errorDisplayText() {
        if(this.error) {
          return "Es ist ein Fehler aufgetreten"