ayanova/src/views/home-review.vue

@@ -20,26 +20,26 @@
 
           <v-col cols="12" sm="6" lg="4" xl="3">
             <gz-date-time-picker
-              :label="$ay.t('ReviewStartDate')"
-              v-model="obj.startDate"
+              :label="$ay.t('ReviewDueDate')"
+              v-model="obj.dueDate"
               :readonly="formState.readOnly"
-              ref="startDate"
-              testId="startDate"
-              :error-messages="form().serverErrors(this, 'startDate')"
-              @input="fieldValueChanged('startDate')"
+              ref="dueDate"
+              testId="dueDate"
+              :error-messages="form().serverErrors(this, 'dueDate')"
+              @input="fieldValueChanged('dueDate')"
             ></gz-date-time-picker>
           </v-col>
 
           <v-col cols="12" sm="6" lg="4" xl="3">
             <gz-date-time-picker
-              :label="$ay.t('ReviewStopDate')"
-              :rules="[form().datePrecedence(this, 'startDate', 'stopDate')]"
-              :error-messages="form().serverErrors(this, 'stopDate')"
-              v-model="obj.stopDate"
+              :label="$ay.t('ReviewCompletedDate')"
+              :rules="[form().datePrecedence(this, 'dueDate', 'completedDate')]"
+              :error-messages="form().serverErrors(this, 'completedDate')"
+              v-model="obj.completedDate"
               :readonly="formState.readOnly"
-              ref="stopDate"
-              testId="stopDate"
-              @input="fieldValueChanged('stopDate')"
+              ref="completedDate"
+              testId="completedDate"
+              @input="fieldValueChanged('completedDate')"
             ></gz-date-time-picker>
           </v-col>
 
@@ -56,27 +56,19 @@
             ></v-textarea>
           </v-col>
 
-          <v-col
-            v-if="form().showMe(this, 'ReviewColor')"
-            cols="12"
-            sm="6"
-            lg="4"
-            xl="3"
-          >
-            <!-- https://vuetifyjs.com/en/components/color-pickers -->
-            <span class="v-label v-label--active theme--light">
-              {{ $ay.t("ReviewColor") }}
-            </span>
-            <v-color-picker
-              v-model="obj.color"
+          <v-col cols="12">
+            <v-textarea
+              v-model="obj.completionNotes"
               :readonly="formState.readOnly"
-              hide-mode-switch
-              mode="hexa"
-              :error-messages="form().serverErrors(this, 'color')"
-              ref="color"
-              @input="fieldValueChanged('color')"
-            ></v-color-picker>
+              :label="$ay.t('ReviewCompletionNotes')"
+              :error-messages="form().serverErrors(this, 'completionNotes')"
+              ref="completionNotes"
+              data-cy="completionNotes"
+              @input="fieldValueChanged('completionNotes')"
+              auto-grow
+            ></v-textarea>
           </v-col>
+
           <!-- --------------------------------- -->
 
           <v-col v-if="form().showMe(this, 'Tags')" cols="12">
@@ -208,6 +200,8 @@ export default {
         //IMPORTANT NOTE: Fields that are NON NULLABLE in the schema for the table but *are* hideable **MUST** have a default value set here or else there will be no way to save the record
         //I.E. Serial, usertype fields, ACTIVE
         //Also, if it's a non-nullable Enum backed field then it should have a valid selection i.e. not zero if there is no zero
+        //{"data":{"id":2,"concurrency":1257740,"name":"Follow up on this unit","notes":"Additional text about this unit","wiki":null,"customFields":null,"tags":["completed.review","v7-import"],
+        //"dueDate":"2019-03-21T22:00:00Z","completedDate":"2019-03-21T22:00:00Z","completionNotes":null,"userId":2,"assignedByUserId":1,"objectId":9,"objectType":31,"overDue":false}}
         {
           id: 0,
           concurrency: 0,
@@ -217,10 +211,14 @@ export default {
           wiki: null,
           customFields: "{}",
           tags: [],
-          startDate: window.$gz.locale.nowUTC8601String(),
-          stopDate: null,
+          dueDate: null,
+          completedDate: null,
+          completionNotes: null,
           userId: window.$gz.store.state.userId,
-          color: "#FFFFFFFF"
+          assignedByUserId: window.$gz.store.state.userId,
+          objectId: null,
+          objectType: null,
+          overDue: false
         },
 
       tab: 0,