WIP PBS AP.

client/src/components/dms-allocations-summary-ap/dms-allocations-summary-ap.component.jsx

@@ -1,5 +1,5 @@
 import { SyncOutlined } from "@ant-design/icons";
-import { Button, Card, Table, Typography } from "antd";
+import { Button, Card, Form, Input, Table } from "antd";
 import Dinero from "dinero.js";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -29,52 +29,49 @@ export function DmsAllocationsSummaryAp({ socket, bodyshop, billids, title }) {
     if (socket.connected) {
       socket.emit("pbs-calculate-allocations-ap", billids, (ack) => {
         setAllocationsSummary(ack);
+
         socket.allocationsSummary = ack;
       });
     }
   }, [socket, socket.connected, billids]);
-
+  console.log(allocationsSummary);
   const columns = [
     {
-      title: t("jobs.fields.dms.center"),
-      dataIndex: "center",
-      key: "center",
+      title: t("jobs.fields.ro_number"),
+      dataIndex: ["Posting", "Reference"],
+      key: "reference",
     },
+
     {
-      title: t("jobs.fields.dms.sale"),
-      dataIndex: "sale",
-      key: "sale",
-      render: (text, record) => Dinero(record.sale).toFormat(),
-    },
-    {
-      title: t("jobs.fields.dms.cost"),
-      dataIndex: "cost",
-      key: "cost",
-      render: (text, record) => Dinero(record.cost).toFormat(),
-    },
-    {
-      title: t("jobs.fields.dms.sale_dms_acctnumber"),
-      dataIndex: "sale_dms_acctnumber",
-      key: "sale_dms_acctnumber",
-      render: (text, record) =>
-        record.profitCenter && record.profitCenter.dms_acctnumber,
-    },
-    {
-      title: t("jobs.fields.dms.cost_dms_acctnumber"),
-      dataIndex: "cost_dms_acctnumber",
-      key: "cost_dms_acctnumber",
-      render: (text, record) =>
-        record.costCenter && record.costCenter.dms_acctnumber,
-    },
-    {
-      title: t("jobs.fields.dms.dms_wip_acctnumber"),
-      dataIndex: "dms_wip_acctnumber",
-      key: "dms_wip_acctnumber",
-      render: (text, record) =>
-        record.costCenter && record.costCenter.dms_wip_acctnumber,
+      title: t("jobs.fields.dms.lines"),
+      dataIndex: "Lines",
+      key: "Lines",
+      render: (text, record) => (
+        <table style={{ tableLayout: "auto" }}>
+          <tr>
+            <th>{t("bills.fields.invoice_number")}</th>
+            <th>{t("bodyshop.fields.dms.dms_acctnumber")}</th>
+            <th>{t("jobs.fields.dms.amount")}</th>
+          </tr>
+          {record.Posting.Lines.map((l, idx) => (
+            <tr key={idx}>
+              <td>{l.InvoiceNumber}</td>
+              <td>{l.Account}</td>
+              <td>{Dinero(l.Amount).toFormat()}</td>
+            </tr>
+          ))}
+        </table>
+      ),
     },
   ];
 
+  const handleFinish = async (values) => {
+    socket.emit(`pbs-export-ap`, {
+      billids,
+      txEnvelope: values,
+    });
+  };
+
   return (
     <Card
       title={title}
@@ -93,46 +90,31 @@ export function DmsAllocationsSummaryAp({ socket, bodyshop, billids, title }) {
       <Table
         pagination={{ position: "top", defaultPageSize: 50 }}
         columns={columns}
-        rowKey="center"
+        rowKey={(record) => `${record.InvoiceNumber}${record.Account}`}
         dataSource={allocationsSummary}
         locale={{ emptyText: t("dms.labels.refreshallocations") }}
-        summary={() => {
-          const totals =
-            allocationsSummary &&
-            allocationsSummary.reduce(
-              (acc, val) => {
-                return {
-                  totalSale: acc.totalSale.add(Dinero(val.sale)),
-                  totalCost: acc.totalCost.add(Dinero(val.cost)),
-                };
-              },
-              {
-                totalSale: Dinero(),
-                totalCost: Dinero(),
-              }
-            );
-
-          return (
-            <Table.Summary.Row>
-              <Table.Summary.Cell>
-                <Typography.Title level={4}>
-                  {t("general.labels.totals")}
-                </Typography.Title>
-              </Table.Summary.Cell>
-              <Table.Summary.Cell>
-                {totals && totals.totalSale.toFormat()}
-              </Table.Summary.Cell>
-              <Table.Summary.Cell>
-                {
-                  //  totals.totalCost.toFormat()
-                }
-              </Table.Summary.Cell>
-              <Table.Summary.Cell></Table.Summary.Cell>
-              <Table.Summary.Cell></Table.Summary.Cell>
-            </Table.Summary.Row>
-          );
-        }}
       />
+      <Form layout="vertical" onFinish={handleFinish}>
+        <Form.Item
+          name="journal"
+          label={t("jobs.fields.dms.journal")}
+          initialValue={
+            bodyshop.cdk_configuration &&
+            bodyshop.cdk_configuration.default_journal
+          }
+          rules={[
+            {
+              required: true,
+              //message: t("general.validation.required"),
+            },
+          ]}
+        >
+          <Input />
+        </Form.Item>
+        <Button disabled={!socket.allocationsSummary} htmlType="submit">
+          {t("jobs.actions.dms.post")}
+        </Button>
+      </Form>
     </Card>
   );
 }