Merge pull request #14 from asadkhalid305/development

#done-enhanced relationship self condition
asadkhalid305 · Jan 10, 2022 · 50ec570 · 50ec570
2 parents 4f81bbb + 4a186b3
commit 50ec570
Showing 1 changed file with 32 additions and 33 deletions.
diff --git a/frontend/src/components/StaticForm.vue b/frontend/src/components/StaticForm.vue
@@ -43,35 +43,37 @@
             </v-col>
           </v-row>
 
-          <template v-if="isShowPatientDetails">
-            <v-row>
-              <v-col>
-                <v-text-field v-model="formModel.patient.name" :label="`Patient name`"></v-text-field>
-              </v-col>
-              <v-col>
-                <v-select
-                  v-model="formModel.patient.gender"
-                  :items="options_data.gender"
-                  :label="`Patient gender`"
-                ></v-select>
-              </v-col>
-            </v-row>
+          <template v-if="this.formModel.patient.relationship">
+            <template v-if="isShowPatientSpecificBlock">
+              <v-row>
+                <v-col>
+                  <v-text-field v-model="formModel.patient.name" :label="`Patient name`"></v-text-field>
+                </v-col>
+                <v-col>
+                  <v-select
+                    v-model="formModel.patient.gender"
+                    :items="options_data.gender"
+                    :label="`Patient gender`"
+                  ></v-select>
+                </v-col>
+              </v-row>
 
-            <v-row>
-              <v-col>
-                <v-text-field
-                  v-model="formModel.patient.ssn"
-                  :label="`Patient social security number`"
-                ></v-text-field>
-              </v-col>
-              <v-col>
-                <v-select
-                  v-model="formModel.country"
-                  :items="options_data.countries"
-                  label="Patient Country"
-                ></v-select>
-              </v-col>
-            </v-row>
+              <v-row>
+                <v-col>
+                  <v-text-field
+                    v-model="formModel.patient.ssn"
+                    :label="`Patient social security number`"
+                  ></v-text-field>
+                </v-col>
+                <v-col>
+                  <v-select
+                    v-model="formModel.country"
+                    :items="options_data.countries"
+                    label="Patient Country"
+                  ></v-select>
+                </v-col>
+              </v-row>
+            </template>
 
             <v-row>
               <v-col>
@@ -280,11 +282,8 @@ export default {
     }
   }),
   computed: {
-    isShowPatientDetails() {
-      return (
-        this.formModel.patient.relationship !== "" &&
-        this.formModel.patient.relationship !== "self"
-      );
+    isShowPatientSpecificBlock() {
+      return this.formModel.patient.relationship !== "self";
     }
   },
   created() {