fixed the grant-contract-form & Provision

Kalipo-BV · Mar 16, 2023 · cee2bb3 · cee2bb3
1 parent d727106
commit cee2bb3
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 43 deletions.
diff --git a/components/contract/grant_contract/views/GrantContractEditForm.vue b/components/contract/grant_contract/views/GrantContractEditForm.vue
@@ -141,29 +141,18 @@
 </template>
 <script>
   export default {
-    data: () => ({
+    props: ["data"],
+
+    computed: {
       formData: {
-        partyMembers: [],
-        preample: null,
-        purpose: null,
-        payment: {
-          amount: null,
-          note: null,
+        get: function () {
+          return this.data;
         },
-        dates: {
-          beginDate: null,
-          endDate: null,
+        set: function (newValue) {
+          this.$emit("update:data", newValue);
         },
-        propertyRights: null,
-        terminationOfAgreement: null,
-        governingLawAndJurisdiction: null,
-        finalProvisions: null,
-        milestones: [],
-        custom: [],
-        requiredToSign: false,
-        signed: false,
       },
-    }),
+    },
 
     methods: {
       async validate() {

diff --git a/pages/contract/grant_contract/index.vue b/pages/contract/grant_contract/index.vue
@@ -15,40 +15,68 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 -->
 
-<script>
-export default {
-  data: () => {return {
-    editFase: 3
-  }},
-
-  methods: {
-    previous: function() {
-      this.editFase++;
-    },
-
-    next: function() {
-      this.editFase--;
-    }
-  }
-};
-
-</script>
-
 <template>
   <v-row align="center" justify="center" style="height: 100%">
     <StageBuilder v-if="editFase === 3" isFirst @previous="previous" @next="next" title="Party-Provision">
-      <PartyMemberProvision/>
+      <PartyMemberProvision
+        :parties.sync="formData.partyMembers"
+      />
     </StageBuilder>
 
     <StageBuilder v-if="editFase === 2" @previous="previous" @next="next"  title="Preample-Provision">
-      <PreampleProvision/>
+      <PreampleProvision
+        :preample.sync="formData.preample"
+      />
     </StageBuilder>
 
     <StageBuilder v-if="editFase === 1" @previous="previous" @next="next"  title="Purpose-Provision">
-      <PurposeProvision/>
+      <PurposeProvision
+        :purpose.sync="formData.purpose"
+      />
     </StageBuilder>
+
+    <GrantContractEditForm v-if="editFase === 0" 
+      :data.sync="formData"
+    />
 
-    <GrantContractEditForm v-if="editFase === 0" />
 
   </v-row>
-</template>
+</template>
+<script>
+  export default {
+    data: () => ({
+      editFase: 3,
+      formData: {
+        partyMembers: [],
+        preample: null,
+        purpose: null,
+        payment: {
+          amount: null,
+          note: null,
+        },
+        dates: {
+          beginDate: null,
+          endDate: null,
+        },
+        propertyRights: null,
+        terminationOfAgreement: null,
+        governingLawAndJurisdiction: null,
+        finalProvisions: null,
+        milestones: [],
+        custom: [],
+        requiredToSign: false,
+        signed: false,
+      },
+    }),
+
+    methods: {
+      previous: function() {
+        this.editFase++;
+      },
+
+      next: function() {
+        this.editFase--;
+      }
+    }
+  };
+</script>