From c8339e7099b312d19fbf8dfaf7b166aac6bb9d22 Mon Sep 17 00:00:00 2001
From: navins94 <nikshingote@gmail.com>
Date: Tue, 13 Feb 2024 19:14:27 +0530
Subject: [PATCH 1/3] [#1172] Add monitoring response

---
 frontend/src/components/EditableCell.jsx      | 20 ++++++++++
 frontend/src/lib/ui-text.js                   |  3 ++
 .../src/pages/submissions/BatchDetail.jsx     |  5 +++
 .../pages/submissions/SubmissionEditing.jsx   | 18 ++++++++-
 .../src/pages/submissions/UploadDetail.jsx    | 39 +++++++++++++++++--
 frontend/src/pages/submissions/style.scss     | 13 +++++++
 6 files changed, 94 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/EditableCell.jsx b/frontend/src/components/EditableCell.jsx
index 8a9ac40a5..b7c3662be 100644
--- a/frontend/src/components/EditableCell.jsx
+++ b/frontend/src/components/EditableCell.jsx
@@ -17,10 +17,12 @@ const EditableCell = ({
   readonly = false,
   isPublic = false,
   resetButton,
+  lastValue = false,
 }) => {
   const [editing, setEditing] = useState(false);
   const [locationName, setLocationName] = useState(null);
   const [value, setValue] = useState(null);
+  const [oldValue, setOldValue] = useState(null);
 
   useEffect(() => {
     if (
@@ -34,11 +36,17 @@ const EditableCell = ({
         record.newValue || record.newValue === 0
           ? record.newValue
           : record.value;
+
       setValue(
         record.type === "date"
           ? moment(newValue).format("YYYY-MM-DD")
           : newValue
       );
+      setOldValue(
+        record.type === "date"
+          ? moment(record.lastValue).format("YYYY-MM-DD")
+          : record.lastValue
+      );
     }
   }, [record]);
 
@@ -82,6 +90,16 @@ const EditableCell = ({
       : value;
   };
 
+  const getLastAnswerValue = () => {
+    return record.type === "multiple_option"
+      ? oldValue?.join(", ")
+      : record.type === "option"
+      ? oldValue
+        ? oldValue[0]
+        : "-"
+      : oldValue;
+  };
+
   const renderAnswerInput = () => {
     return record.type === "option" ? (
       <Select
@@ -186,6 +204,8 @@ const EditableCell = ({
           locationName
         ) : record.type === "photo" && value ? (
           <Image src={value} width={100} />
+        ) : lastValue ? (
+          getLastAnswerValue()
         ) : (
           getAnswerValue()
         )}
diff --git a/frontend/src/lib/ui-text.js b/frontend/src/lib/ui-text.js
index 34bb477ff..8dfe55348 100644
--- a/frontend/src/lib/ui-text.js
+++ b/frontend/src/lib/ui-text.js
@@ -666,6 +666,9 @@ const uiText = {
       `The selected administration doesn't have ${entity} entities`,
     errorEntityNotExists: (entity) =>
       `Unfortunately, ${entity} entities are not yet available. Please get in touch with Admin to add it`,
+    questionCol: "Question",
+    responseCol: "Response",
+    lastResponseCol: "Last Response",
   },
 
   de: {},
diff --git a/frontend/src/pages/submissions/BatchDetail.jsx b/frontend/src/pages/submissions/BatchDetail.jsx
index 10fbf5dcf..c6ba9d4c7 100644
--- a/frontend/src/pages/submissions/BatchDetail.jsx
+++ b/frontend/src/pages/submissions/BatchDetail.jsx
@@ -46,9 +46,14 @@ const BatchDetail = ({
                   const findValue = res.data.find(
                     (d) => d.question === q.id
                   )?.value;
+                  const findOldValue = res.data.find(
+                    (d) => d.question === q.id
+                  )?.last_value;
                   return {
                     ...q,
                     value: findValue || findValue === 0 ? findValue : null,
+                    lastValue:
+                      findOldValue || findOldValue === 0 ? findOldValue : null,
                     history:
                       res.data.find((d) => d.question === q.id)?.history ||
                       false,
diff --git a/frontend/src/pages/submissions/SubmissionEditing.jsx b/frontend/src/pages/submissions/SubmissionEditing.jsx
index 387e23ad0..5a5226dd3 100644
--- a/frontend/src/pages/submissions/SubmissionEditing.jsx
+++ b/frontend/src/pages/submissions/SubmissionEditing.jsx
@@ -60,7 +60,7 @@ const SubmissionEditing = ({
               rowKey="id"
               columns={[
                 {
-                  title: text?.QuestionCol,
+                  title: text?.questionCol,
                   dataIndex: "name",
                   width: "50%",
                 },
@@ -79,6 +79,22 @@ const SubmissionEditing = ({
                   ),
                   width: "50%",
                 },
+                {
+                  title: text?.lastResponseCol,
+                  render: (row) => (
+                    <EditableCell
+                      record={row}
+                      lastValue={true}
+                      parentId={expanded.id}
+                      updateCell={updateCell}
+                      resetCell={resetCell}
+                      disabled={!!dataLoading}
+                      readonly={!isEditable}
+                      resetButton={resetButton}
+                    />
+                  ),
+                  width: "50%",
+                },
                 Table.EXPAND_COLUMN,
               ]}
               expandable={{
diff --git a/frontend/src/pages/submissions/UploadDetail.jsx b/frontend/src/pages/submissions/UploadDetail.jsx
index af67b023c..cdd456616 100644
--- a/frontend/src/pages/submissions/UploadDetail.jsx
+++ b/frontend/src/pages/submissions/UploadDetail.jsx
@@ -5,6 +5,8 @@ import {
   DownCircleOutlined,
   LoadingOutlined,
   HistoryOutlined,
+  FileTextOutlined,
+  FileSyncOutlined,
 } from "@ant-design/icons";
 import { api, store, uiText } from "../../lib";
 import { EditableCell } from "../../components";
@@ -28,6 +30,16 @@ const columnsRawData = [
     title: "Name",
     dataIndex: "name",
     key: "name",
+    render: (name, row) => {
+      return (
+        <div>
+          {name}
+          <span className="monitoring-icon">
+            {row.is_monitoring ? <FileSyncOutlined /> : <FileTextOutlined />}
+          </span>
+        </div>
+      );
+    },
   },
   {
     title: "Administration",
@@ -301,9 +313,14 @@ const UploadDetail = ({ record, setReload }) => {
               const findValue = res.data.find(
                 (d) => d.question === q.id
               )?.value;
+              const findOldValue = res.data.find(
+                (d) => d.question === q.id
+              )?.last_value;
               return {
                 ...q,
                 value: findValue || findValue === 0 ? findValue : null,
+                lastValue:
+                  findOldValue || findOldValue === 0 ? findOldValue : null,
                 history:
                   res.data.find((d) => d.question === q.id)?.history || false,
               };
@@ -410,12 +427,12 @@ const UploadDetail = ({ record, setReload }) => {
                                 rowKey="id"
                                 columns={[
                                   {
-                                    title: "Question",
+                                    title: text?.questionCol,
                                     dataIndex: "name",
                                     width: "50%",
                                   },
                                   {
-                                    title: "Response",
+                                    title: text?.responseCol,
                                     render: (row) => (
                                       <EditableCell
                                         record={row}
@@ -427,7 +444,23 @@ const UploadDetail = ({ record, setReload }) => {
                                         resetButton={resetButton}
                                       />
                                     ),
-                                    width: "50%",
+                                    width: "25%",
+                                  },
+                                  {
+                                    title: text?.lastResponseCol,
+                                    render: (row) => (
+                                      <EditableCell
+                                        record={row}
+                                        lastValue={true}
+                                        parentId={expanded.id}
+                                        updateCell={updateCell}
+                                        resetCell={resetCell}
+                                        disabled={!!dataLoading}
+                                        readonly={!isEditable}
+                                        resetButton={resetButton}
+                                      />
+                                    ),
+                                    width: "25%",
                                   },
                                   Table.EXPAND_COLUMN,
                                 ]}
diff --git a/frontend/src/pages/submissions/style.scss b/frontend/src/pages/submissions/style.scss
index 52f43f022..272813af0 100644
--- a/frontend/src/pages/submissions/style.scss
+++ b/frontend/src/pages/submissions/style.scss
@@ -186,6 +186,19 @@
       }
     }
 
+    .monitoring-icon {
+      margin-left: 10px;
+      span {
+        width: 20px;
+        height: 20px;
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+        fill: black;
+      }
+    }
+
     .ant-table {
       tr.row-edited td {
         background-color: #fefebe;

From 12e1a73a8622b071e234489b896128372e93a38f Mon Sep 17 00:00:00 2001
From: navins94 <nikshingote@gmail.com>
Date: Tue, 13 Feb 2024 19:28:05 +0530
Subject: [PATCH 2/3] [#1172] Update test snapshot

---
 app/.eslintrc.json                                           | 1 -
 frontend/src/lib/__test__/__snapshots__/ui-text.test.js.snap | 3 +++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/.eslintrc.json b/app/.eslintrc.json
index f93713ac9..6a1a835a6 100644
--- a/app/.eslintrc.json
+++ b/app/.eslintrc.json
@@ -18,7 +18,6 @@
       "files": ["**/*.test.js", "**/*.test.jsx"],
       "env": {
         "jest": true
-      }
     }
   ],
   "rules": {
diff --git a/frontend/src/lib/__test__/__snapshots__/ui-text.test.js.snap b/frontend/src/lib/__test__/__snapshots__/ui-text.test.js.snap
index cb5efde7e..07c55d417 100644
--- a/frontend/src/lib/__test__/__snapshots__/ui-text.test.js.snap
+++ b/frontend/src/lib/__test__/__snapshots__/ui-text.test.js.snap
@@ -274,6 +274,7 @@ Object {
     "invalidInviteDesc": "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Autem provident voluptatum cum numquam, quidem vitae, qui quam beatae exercitationem ullam perferendis! Nobis in aut fuga voluptate harum, tempore distinctio optio.",
     "invalidInviteTitle": "Invalid Invite Code",
     "lastLoginLabel": "Last login",
+    "lastResponseCol": "Last Response",
     "latestUpdateText": "Latest Updates",
     "learnMoreButton": "Learn more",
     "levelField": "Level",
@@ -503,6 +504,7 @@ Object {
     "printBtn": "Print",
     "profileDes": "This page shows your current user setup. It also shows the most important activities for your current user setup",
     "profileLabel": "Profile",
+    "questionCol": "Question",
     "questionnaireText": "Questionnaire",
     "questionnairesLabel": "Questionnaires",
     "realTime": "Real Time Management Information System",
@@ -514,6 +516,7 @@ Object {
       Your password must include:
     </React.Fragment>,
     "resetText": "Reset",
+    "responseCol": "Response",
     "roleLabel": "Role",
     "saveButton": "Save",
     "saveEditButton": "Save Edits",

From 73c9c840db3fc5999626f13ff3fd9ad1d6d5d68d Mon Sep 17 00:00:00 2001
From: navins94 <nikshingote@gmail.com>
Date: Wed, 14 Feb 2024 11:15:25 +0530
Subject: [PATCH 3/3] [#1173] Update approval detail last response

---
 .../src/pages/approvals/ApprovalDetail.jsx    | 40 +++++++++++++++++--
 frontend/src/pages/approvals/style.scss       | 13 ++++++
 .../pages/submissions/SubmissionEditing.jsx   |  8 ++--
 .../src/pages/submissions/UploadDetail.jsx    |  4 +-
 4 files changed, 56 insertions(+), 9 deletions(-)

diff --git a/frontend/src/pages/approvals/ApprovalDetail.jsx b/frontend/src/pages/approvals/ApprovalDetail.jsx
index 595940c04..74b6ddb07 100644
--- a/frontend/src/pages/approvals/ApprovalDetail.jsx
+++ b/frontend/src/pages/approvals/ApprovalDetail.jsx
@@ -16,6 +16,8 @@ import {
   DownCircleOutlined,
   LoadingOutlined,
   HistoryOutlined,
+  FileSyncOutlined,
+  FileTextOutlined,
 } from "@ant-design/icons";
 import { api, store, config, uiText } from "../../lib";
 import { EditableCell } from "../../components";
@@ -40,6 +42,16 @@ const columnsRawData = [
     title: "Name",
     dataIndex: "name",
     key: "name",
+    render: (name, row) => {
+      return (
+        <div>
+          {name}
+          <span className="monitoring-icon">
+            {row.is_monitoring ? <FileSyncOutlined /> : <FileTextOutlined />}
+          </span>
+        </div>
+      );
+    },
   },
   {
     title: "Administration",
@@ -362,9 +374,15 @@ const ApprovalDetail = ({
                 const findValue = res.data.find(
                   (d) => d.question === q.id
                 )?.value;
+                const findOldValue = res.data.find(
+                  (d) => d.question === q.id
+                )?.last_value;
                 return {
                   ...q,
                   value: findValue || findValue === 0 ? findValue : null,
+                  lastValue:
+                    findOldValue || findOldValue === 0 ? findOldValue : null,
+
                   history:
                     res.data.find((d) => d.question === q.id)?.history || false,
                 };
@@ -478,12 +496,12 @@ const ApprovalDetail = ({
                                 rowKey="id"
                                 columns={[
                                   {
-                                    title: "Question",
+                                    title: text?.questionCol,
                                     dataIndex: "name",
                                     width: "50%",
                                   },
                                   {
-                                    title: "Response",
+                                    title: text?.responseCol,
                                     render: (row) => (
                                       <EditableCell
                                         record={row}
@@ -495,7 +513,23 @@ const ApprovalDetail = ({
                                         resetButton={resetButton}
                                       />
                                     ),
-                                    width: "50%",
+                                    width: "25%",
+                                  },
+                                  {
+                                    title: text?.lastResponseCol,
+                                    render: (row) => (
+                                      <EditableCell
+                                        record={row}
+                                        lastValue={true}
+                                        parentId={record.id}
+                                        updateCell={updateCell}
+                                        resetCell={resetCell}
+                                        disabled={true}
+                                        readonly={true}
+                                        resetButton={resetButton}
+                                      />
+                                    ),
+                                    width: "25%",
                                   },
                                   Table.EXPAND_COLUMN,
                                 ]}
diff --git a/frontend/src/pages/approvals/style.scss b/frontend/src/pages/approvals/style.scss
index e624bad2e..d0a944cf6 100644
--- a/frontend/src/pages/approvals/style.scss
+++ b/frontend/src/pages/approvals/style.scss
@@ -174,6 +174,19 @@
       }
     }
 
+    .monitoring-icon {
+      margin-left: 10px;
+      span {
+        width: 20px;
+        height: 20px;
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+        fill: black;
+      }
+    }
+
     .ant-table {
       tr.row-edited td {
         background-color: #fefebe;
diff --git a/frontend/src/pages/submissions/SubmissionEditing.jsx b/frontend/src/pages/submissions/SubmissionEditing.jsx
index 5a5226dd3..eb64a7e8a 100644
--- a/frontend/src/pages/submissions/SubmissionEditing.jsx
+++ b/frontend/src/pages/submissions/SubmissionEditing.jsx
@@ -77,7 +77,7 @@ const SubmissionEditing = ({
                       resetButton={resetButton}
                     />
                   ),
-                  width: "50%",
+                  width: "25%",
                 },
                 {
                   title: text?.lastResponseCol,
@@ -88,12 +88,12 @@ const SubmissionEditing = ({
                       parentId={expanded.id}
                       updateCell={updateCell}
                       resetCell={resetCell}
-                      disabled={!!dataLoading}
-                      readonly={!isEditable}
+                      disabled={true}
+                      readonly={true}
                       resetButton={resetButton}
                     />
                   ),
-                  width: "50%",
+                  width: "25%",
                 },
                 Table.EXPAND_COLUMN,
               ]}
diff --git a/frontend/src/pages/submissions/UploadDetail.jsx b/frontend/src/pages/submissions/UploadDetail.jsx
index cdd456616..34ddcff96 100644
--- a/frontend/src/pages/submissions/UploadDetail.jsx
+++ b/frontend/src/pages/submissions/UploadDetail.jsx
@@ -455,8 +455,8 @@ const UploadDetail = ({ record, setReload }) => {
                                         parentId={expanded.id}
                                         updateCell={updateCell}
                                         resetCell={resetCell}
-                                        disabled={!!dataLoading}
-                                        readonly={!isEditable}
+                                        disabled={true}
+                                        readonly={true}
                                         resetButton={resetButton}
                                       />
                                     ),