select Brand

src/components/camera/CameraEditDetail.vue

@@ -29,23 +29,23 @@
             <div class="col-md-8">
               <div class="card-body">
                 <div class="row">
-                  <div class="col-9">
                     <label for="name">Name der Kamera</label>
                     <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="col-3">
-                    <div class="d-grid">
-                      <button class="btn bg-vue2"
-
-                      > €</button>
-                    </div>
-                  </div>
+<!--                    <small class="text-danger" v-if="errors.name">{{errors.name}}</small>-->
                 </div>
+                <div class="row">
+                  <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 class="row">
                   <div class="col-12">
-                   Lorem
+                    {{activeCamera.description}}
                   </div>
                 </div>
               </div>
@@ -77,6 +77,9 @@ export default {
     const schema = yup.object().shape({
       name: yup.string()
       .required("Name wird benötigt")
+      .trim(),
+      brand: yup.string()
+      .required("Makre wird benötigt")
       .trim()
     });
 
@@ -87,7 +90,7 @@ export default {
     }
   },
   computed: {
-     ...mapGetters(["activeCamera"]),
+     ...mapGetters(["activeCamera", "brands"]),
     errorDisplayText() {
        if(this.error) {
          return "Es ist ein Fehler aufgetreten"

src/store/modules/camera/index.ts

@@ -167,10 +167,10 @@ const actions = {
         )
 
         context.dispatch("fetchCameras");
-        // context.dispatch("fetchBrands");
-        // context.dispatch("fetchBuildTypes");
-        // context.dispatch("fetchCondition");
-        // context.commit("setInitialized", true);
+        context.dispatch("fetchBrands");
+        context.dispatch("fetchBuildTypes");
+        context.dispatch("fetchCondition");
+        context.commit("setInitialized", true);
 
     }
 };