From fcca72b94659bac4ac54f8eaa6e0e5a7f18b15a4 Mon Sep 17 00:00:00 2001
From: yannivain <yannivain@gmail.com>
Date: Sun, 27 Mar 2022 21:31:27 +0200
Subject: [PATCH] Price

---
 app/src/components/DocumentCreationSteps.vue | 16 ++++-----
 app/src/components/PriceForm.vue             | 35 ++++++++++++++++++++
 app/src/util/const.js                        | 13 +++-----
 3 files changed, 46 insertions(+), 18 deletions(-)
 create mode 100644 app/src/components/PriceForm.vue

diff --git a/app/src/components/DocumentCreationSteps.vue b/app/src/components/DocumentCreationSteps.vue
index cf7e377..204a702 100644
--- a/app/src/components/DocumentCreationSteps.vue
+++ b/app/src/components/DocumentCreationSteps.vue
@@ -72,14 +72,10 @@
     </v-stepper-content>
 
     <v-stepper-step step="4">
-      Deed
+      Price
     </v-stepper-step>
     <v-stepper-content step="4">
-      <v-card
-          color="grey lighten-1"
-          class="mb-12"
-          height="200px"
-      ></v-card>
+      <price-form v-model="document.price"></price-form>
       <v-btn
           color="primary"
           @click="step = 5"
@@ -115,20 +111,22 @@
 
 <script>
 import {cloneDeep} from "lodash"
-import {DEFAULT_LOT, DEFAULT_PERSON} from "@/util/const"
+import {DEFAULT_LOT, DEFAULT_PERSON, DEFAULT_PRICE} from "@/util/const"
 import PersonForm from "@/components/PersonForm"
 import LotForm from "@/components/LotForm"
+import PriceForm from "@/components/PriceForm"
 
 
 export default {
   name: 'DocumentCreationSteps',
-  components: {LotForm, PersonForm},
+  components: {PriceForm, LotForm, PersonForm},
   data: () => ({
     step: 1,
     document: {
       seller: cloneDeep(DEFAULT_PERSON),
       buyer: cloneDeep(DEFAULT_PERSON),
-      lot: cloneDeep(DEFAULT_LOT)
+      lot: cloneDeep(DEFAULT_LOT),
+      price: cloneDeep(DEFAULT_PRICE)
     }
   }),
   watch: {
diff --git a/app/src/components/PriceForm.vue b/app/src/components/PriceForm.vue
new file mode 100644
index 0000000..f8ae16c
--- /dev/null
+++ b/app/src/components/PriceForm.vue
@@ -0,0 +1,35 @@
+<template>
+  <div v-if="value">
+    <v-container>
+      <v-text-field label="Price" type="number" v-model="price.amount"></v-text-field>
+      <v-select label="Currency" v-model="price.currency" :items="currencyItems"></v-select>
+    </v-container>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'PriceForm',
+  props: {
+    value: {type: Object, required: true}
+  },
+  data: () => ({
+    currencyItems: ["CHF", "EURO", "USD"]
+  }),
+  computed: {
+    price: {
+      get() {
+        return this.value;
+      },
+      set(v) {
+        this.$emit('input', v)
+      }
+    }
+  },
+};
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/app/src/util/const.js b/app/src/util/const.js
index 1d9285f..55d817c 100644
--- a/app/src/util/const.js
+++ b/app/src/util/const.js
@@ -40,15 +40,6 @@ export const DEFAULT_LEGAL = {
     type_: PERSON_TYPES.LEGAL,
     ...cloneDeep(DEFAULT_LEGAL_PERSON)
 }
-/*
-<lot>
-    <egrid>TBD</egrid>
-    <register>
-        <name>TBD</name>
-        <lot-id>TBD</lot-id>
-    </register>
-</lot>
- */
 export const DEFAULT_LOT = {
     egrid: "",
     register: {
@@ -56,5 +47,9 @@ export const DEFAULT_LOT = {
         lotID: ""
     }
 }
+export const DEFAULT_PRICE = {
+    amount: 0,
+    currency: "",
+}