Added temporary document handling IO-69

2021-02-12 11:25:34 -08:00
parent 675c38b19a
commit 77a06014cf
44 changed files with 1018 additions and 30 deletions
--- a/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx
+++ b/client/src/components/jobs-documents-gallery/jobs-document-gallery.reassign.component.jsx
@@ -0,0 +1,111 @@
+import { Button, Form, Popover, notification } from "antd";
+import React, { useState, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import JobSearchSelect from "../job-search-select/job-search-select.component";
+import { useMutation } from "@apollo/react-hooks";
+import { UPDATE_DOCUMENT } from "../../graphql/documents.queries";
+import axios from "axios";
+
+export default function JobsDocumentsGalleryReassign({ galleryImages }) {
+  const { t } = useTranslation();
+  const [form] = Form.useForm();
+
+  const selectedImages = useMemo(() => {
+    return [
+      ...galleryImages.images.filter((image) => image.isSelected),
+      ...galleryImages.other.filter((image) => image.isSelected),
+    ];
+  }, [galleryImages]);
+
+  const [visible, setVisible] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [updateDocument] = useMutation(UPDATE_DOCUMENT);
+
+  const updateImage = async (i, jobid) => {
+    //Move the cloudinary image
+    console.log(i);
+
+    //Update it in the database.
+    const result = await updateDocument({
+      variables: {
+        id: i.id,
+        document: {
+          key: i.public_id,
+          jobid: jobid,
+        },
+      },
+    });
+
+    if (!!result.errors) {
+      notification["error"]({
+        message: t("documents.errors.updating", {
+          message: JSON.stringify(result.errors),
+        }),
+      });
+    } else {
+      notification["success"]({
+        message: t("documents.successes.updated"),
+      });
+    }
+  };
+
+  const handleFinish = async ({ jobid }) => {
+    setLoading(true);
+
+    const res = await axios.post("/media/rename", {
+      documents: selectedImages.map((i) => {
+        return { id: i.id, from: i.key, to: i.key.replace("null", jobid) };
+      }),
+    });
+
+    console.log(res.data);
+
+    const proms = [];
+
+    res.data
+      .filter((d) => !d.error)
+      .forEach((d) => {
+        proms.push(updateImage(d, jobid));
+      });
+
+    await Promise.all(proms);
+
+    setVisible(false);
+    setLoading(false);
+  };
+
+  const popContent = (
+    <div>
+      <Form onFinish={handleFinish} layout="vertical" form={form}>
+        <Form.Item
+          label={t("documents.labels.newjobid")}
+          style={{ width: "20rem" }}
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+          ]}
+          name={"jobid"}
+        >
+          <JobSearchSelect />
+        </Form.Item>
+      </Form>
+      <Button onClick={() => form.submit()}>
+        {t("general.actions.submit")}
+      </Button>
+    </div>
+  );
+
+  return (
+    <Popover content={popContent} visible={visible}>
+      <Button
+        disabled={selectedImages.length < 1}
+        onClick={() => setVisible(true)}
+        loading={loading}
+      >
+        {t("documents.actions.reassign")}
+      </Button>
+    </Popover>
+  );
+}