update report analysis activity

src/views/SimproV2/CreatedProyek/ReportAnalysis.js

@@ -59,21 +59,57 @@ const ReportAnalysis = ({ openDialog, closeDialog, toggleDialog, projectId }) =>
 
   const columns = [
     {title: "Gantt", dataIndex: "name_version", key: "name_version"},
-    {title: "Start Date", dataIndex: "start_date", key: "start_date",
+    {title: "Baseline Start", dataIndex: "planned_start", key: "planned_start",
       render: (text, record) => (
           <>
-            {moment(record.start_date).format("DD-MM-YYYY")}
+            {moment(record.planned_start).format("DD-MM-YY")}
           </>
         ),
     },
-    {title: "End Date", dataIndex: "end_date", key: "end_date",
+    {title: "Baseline Finish", dataIndex: "planned_end", key: "planned_end",
       render: (text, record) => (
           <>
-            {moment(record.end_date).format("DD-MM-YYYY")}
+            {moment(record.planned_end).format("DD-MM-YY")}
           </>
         ),
     },
-    {title: "Assign HR", dataIndex: "user_name", key: "user_name"},
+    {title: "Early Start", dataIndex: "start_date", key: "start_date",
+      render: (text, record) => (
+          <>
+            {moment(record.start_date).format("DD-MM-YY")}
+          </>
+        ),
+    },
+    {title: "Early Finish", dataIndex: "end_date", key: "end_date",
+      render: (text, record) => (
+          <>
+            {moment(record.end_date).format("DD-MM-YY")}
+          </>
+        ),
+    },
+    {title: "Actual Start", dataIndex: "actual_start", key: "actual_start",
+      render: (text, record) => (
+          <>
+            {moment(record.actual_start).format("DD-MM-YY")}
+          </>
+        ),
+    },
+    {title: "Actual Finish", dataIndex: "actual_end", key: "actual_end",
+      render: (text, record) => (
+          <>
+            {moment(record.end_date).format("DD-MM-YY")}
+          </>
+        ),
+    },
+    {title: "Assign HR", dataIndex: "user_name", key: "user_name", width: "8%",
+        ellipsis:{
+          showTitle: true
+        },
+        render: (text) =>
+          <Tooltip placement="topLeft" title={text}>
+            {text}
+          </Tooltip>
+    },
     {title: "Volume Plan", dataIndex: "qty_planning", key: "qty_planning",
     render: (text, record) =>
           <>
@@ -97,7 +133,7 @@ const ReportAnalysis = ({ openDialog, closeDialog, toggleDialog, projectId }) =>
         );
       },
     },
-    {title: "Progress Actual (%)", dataIndex: "persentase_progress", key: "persentase_progress"},
+    {title: "Progress Actual (%)", dataIndex: "persentase_progress", key: "persentase_progress", width: "8%"},
     {
       title: 'Action',
       dataIndex: '',
@@ -458,21 +494,23 @@ const ReportAnalysis = ({ openDialog, closeDialog, toggleDialog, projectId }) =>
                       </Col>
                     </Row>
                   </CardHeader>
-                  <CardBody>
+                  <CardBody style={{ width: '100%' }}>
                     <div style={{ textAlign: 'center' }}>
                       <h1>
                         {
-                          search ? `Activity ${search} Plan : ${sumVolPlan ? sumVolPlan.toFixed(0) : 0}, Actual : ${sumVolAct ? sumVolAct.toFixed(0) : 0}` : null
+                          search ? `Activity ${search}, Total Plan = ${sumVolPlan ? sumVolPlan.toFixed(0) : 0} dan Total Actual = ${sumVolAct ? sumVolAct.toFixed(0) : 0}` : null
                         }
                       </h1>
                     </div>
+                    <div style={{ width: '100%', overflowX: 'auto' }}>
                       <Table
                         size="small"
                         columns={columns}
                         dataSource={dataTable}
                         pagination={false}
-                        rowKey={"id"}
+                        rowKey="id"
                       />
+                    </div>
                   </CardBody>
                 </Card>
               </TabPane>