From a26b3c9c68bc7c846543c87ce68144af9aee2d9f Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Thu, 18 Feb 2021 19:41:54 +0000
Subject: [PATCH]

---
 ayanova/devdocs/todo.txt                 |   3 +-
 ayanova/src/views/inv-purchase-order.vue | 139 ++++++++++++-----------
 2 files changed, 72 insertions(+), 70 deletions(-)

diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 822235bd..9c41cb79 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -26,7 +26,8 @@ todo: WHEN HAVE WORKORDER FORM customer popup notes need to pop pop pop, forgot
 todo: actual customer reports so can figure out datalist for bringing other names in
 	I'm thinking an alternate mode for reporting where there are more defined links in the list to fetch names?
 
-
+todo: FormFieldReference, edit at server to be in order that is shown on form or
+	modify the Customize form to put them in alpha order or something, right now it is basically random (except po which I just did in order and makes more sense)
 
 todo: v8 migrate additions
 	Erase DB warning must be very distinctive like bright yellow and red with crossbones etc		
diff --git a/ayanova/src/views/inv-purchase-order.vue b/ayanova/src/views/inv-purchase-order.vue
index b5bf4a9b..b4025128 100644
--- a/ayanova/src/views/inv-purchase-order.vue
+++ b/ayanova/src/views/inv-purchase-order.vue
@@ -112,7 +112,25 @@
               @input="fieldValueChanged('referenceNumber')"
             ></v-text-field>
           </v-col>
-
+          <v-col
+            v-if="form().showMe(this, 'ProjectId')"
+            cols="12"
+            sm="6"
+            lg="4"
+            xl="3"
+          >
+            <gz-pick-list
+              :aya-type="ayaTypes().Project"
+              :show-edit-icon="true"
+              v-model="obj.projectId"
+              :readonly="formState.readOnly"
+              :label="$ay.t('Project')"
+              ref="projectId"
+              data-cy="projectId"
+              :error-messages="form().serverErrors(this, 'projectId')"
+              @input="fieldValueChanged('projectId')"
+            ></gz-pick-list>
+          </v-col>
           <v-col
             v-if="form().showMe(this, 'VendorMemo')"
             cols="12"
@@ -190,74 +208,6 @@
             ></gz-pick-list>
           </v-col>
 
-          <!-- 
-          <v-col cols="12" sm="6" lg="4" xl="3">
-            <v-text-field
-              v-model="obj.name"
-              :readonly="formState.readOnly"
-              :label="$ay.t('PurchaseOrderName')"
-              :rules="[form().required(this, 'name')]"
-              :error-messages="form().serverErrors(this, 'name')"
-              ref="name"
-              data-cy="name"
-              @input="fieldValueChanged('name')"
-            ></v-text-field>
-          </v-col>
-
-         
-
-      
-
-          <v-col
-            v-if="form().showMe(this, 'PurchaseOrderDateStarted')"
-            cols="12"
-            sm="6"
-            lg="4"
-            xl="3"
-          >
-            <gz-date-time-picker
-              :label="$ay.t('PurchaseOrderDateStarted')"
-              v-model="obj.dateStarted"
-              :readonly="formState.readOnly"
-              ref="dateStarted"
-              test-id="dateStarted"
-              :error-messages="form().serverErrors(this, 'dateStarted')"
-              @input="fieldValueChanged('dateStarted')"
-            ></gz-date-time-picker>
-          </v-col>
-
-          <v-col
-            v-if="form().showMe(this, 'PurchaseOrderDateCompleted')"
-            cols="12"
-            sm="6"
-            lg="4"
-            xl="3"
-          >
-            <gz-date-time-picker
-              :label="$ay.t('PurchaseOrderDateCompleted')"
-              :rules="[
-                form().datePrecedence(this, 'dateStarted', 'dateCompleted')
-              ]"
-              :error-messages="form().serverErrors(this, 'dateCompleted')"
-              v-model="obj.dateCompleted"
-              :readonly="formState.readOnly"
-              ref="dateCompleted"
-              test-id="dateCompleted"
-              @input="fieldValueChanged('dateCompleted')"
-            ></gz-date-time-picker>
-          </v-col>
-          <v-col cols="12" sm="6" lg="4" xl="3">
-            <v-checkbox
-              v-model="obj.active"
-              :readonly="formState.readOnly"
-              :label="$ay.t('Active')"
-              ref="active"
-              data-cy="active"
-              :error-messages="form().serverErrors(this, 'active')"
-              @change="fieldValueChanged('active')"
-            ></v-checkbox>
-          </v-col> -->
-          <!-- --------------------------------- -->
           <v-col v-if="form().showMe(this, 'Notes')" cols="12">
             <v-textarea
               v-model="obj.notes"
@@ -270,6 +220,37 @@
               auto-grow
             ></v-textarea>
           </v-col>
+          {{ obj.items }}
+          <v-col cols="12">
+            <!-- <span class="title">{{ $ay.t("PurchaseOrderItemList") }}</span>
+            <v-btn @click="getBackupStatus" class="mb-6">
+              <v-icon>$ayiSync</v-icon>
+            </v-btn> -->
+
+            <v-data-table
+              :headers="headers"
+              :items="itemList"
+              class="elevation-1"
+              disable-pagination
+              disable-filtering
+              disable-sort
+              hide-default-footer
+              data-cy="itemsTable"
+            >
+              <template v-slot:top>
+                <span class="title">{{ $ay.t("PurchaseOrderItemList") }}</span>
+              </template>
+              <!-- <template v-slot:[`item.actions`]="{ item }">
+                <v-btn icon :href="item.url" v-if="item.url">
+                  <v-icon small class="mr-2">
+                    $ayiFileDownload
+                  </v-icon>
+                </v-btn>
+              </template> -->
+            </v-data-table>
+          </v-col>
+
+          <!-- --------------------------------- -->
 
           <v-col v-if="form().showMe(this, 'Tags')" cols="12">
             <gz-tag-picker
@@ -399,6 +380,8 @@ export default {
       selectLists: {
         status: []
       },
+      headers: [],
+      itemList: [],
       obj:
         //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
@@ -833,6 +816,23 @@ async function initForm(vm) {
   await fetchTranslatedText(vm);
   await window.$gz.formCustomTemplate.get(FORM_CUSTOM_TEMPLATE_KEY);
   await populateSelectionLists(vm);
+  await createTableHeaders(vm);
+}
+
+//////////////////////
+//
+//
+async function createTableHeaders(vm) {
+  vm.headers = [
+    {
+      text: vm.$ay.t("FileName"),
+      align: "start",
+      value: "name"
+    },
+    { text: vm.$ay.t("FileDate"), value: "created" },
+    { text: vm.$ay.t("FileSize"), value: "length" },
+    { text: "", value: "actions", sortable: false }
+  ];
 }
 
 //////////////////////
@@ -865,6 +865,7 @@ async function fetchTranslatedText(vm) {
     "Project",
     "PurchaseOrderReceiptText1",
     "PurchaseOrderReceiptText2",
+    "PurchaseOrderItemList",
     "PurchaseOrderCustom1",
     "PurchaseOrderCustom2",
     "PurchaseOrderCustom3",