ayanova/src/views/home-notify-subscription.vue

@@ -5,7 +5,7 @@
         <v-form ref="form">
           <v-row>
             <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
-
+            {{ obj }}
             <v-col cols="12" sm="6" lg="4" xl="3">
               <v-select
                 v-model="obj.eventType"
@@ -22,12 +22,15 @@
                 @input="fieldValueChanged('eventType')"
               ></v-select>
             </v-col>
-            <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-col v-if="showIdValue" cols="12" sm="6" lg="4" xl="3">
-              todo: idValue / decValue here for wostatus, quotestatus, "The
+              todo: idValue here for wostatus, quotestatus,
-              Andy" etc Separate for each with a v-if conditional
             </v-col>
 
-            <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-col v-if="showDecValue" cols="12" sm="6" lg="4" xl="3">
+              todo: decValue here for "The Andy"
+            </v-col>
+
+            <v-col v-if="showAyaType" cols="12" sm="6" lg="4" xl="3">
               <v-select
                 v-model="obj.ayaType"
                 :items="selectLists.coreAyaTypes"
@@ -44,7 +47,7 @@
               ></v-select>
             </v-col>
 
-            <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-col v-if="showAdvanceNotice" cols="12" sm="6" lg="4" xl="3">
               <gz-duration-picker
                 v-model="obj.advanceNotice"
                 :readonly="formState.readOnly"
@@ -75,7 +78,7 @@
               ></v-select>
             </v-col>
 
-            <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-col v-if="showDeliveryAddress" cols="12" sm="6" lg="4" xl="3">
               <v-text-field
                 v-model="obj.deliveryAddress"
                 :readonly="formState.readOnly"
@@ -92,12 +95,12 @@
               ></v-text-field>
             </v-col>
 
-            <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-col v-if="showAttachReportId" cols="12" sm="6" lg="4" xl="3">
               ATTACH REPORT todo: dynamic list of reports to select from for
               type chosen
             </v-col>
 
-            <v-col cols="12">
+            <v-col v-if="showInTags" cols="12">
               <gz-tag-picker
                 v-model="obj.inTags"
                 :label="$ay.t('InTags')"
@@ -110,7 +113,7 @@
               ></gz-tag-picker>
             </v-col>
 
-            <v-col cols="12">
+            <v-col v-if="showOutTags" cols="12">
               <gz-tag-picker
                 v-model="obj.outTags"
                 :label="$ay.t('OutTags')"
@@ -284,7 +287,32 @@ export default {
       deep: true
     }
   },
-
+  computed: {
+    showDeliveryAddress() {
+      return this.obj.deliveryMethod == 2;
+    },
+    showIdValue() {
+      return true;
+    },
+    showDecValue() {
+      return true;
+    },
+    showAyaType() {
+      return true;
+    },
+    showAdvanceNotice() {
+      return true;
+    },
+    showAttachReportId() {
+      return true;
+    },
+    showInTags() {
+      return true;
+    },
+    showOutTags() {
+      return true;
+    }
+  },
   methods: {
     canSave: function() {
       return this.formState.valid && this.formState.dirty;