rev: report divisi

Deskripsi:
- api chart progres tugas
- api chart dokumen
- api chart acara
- ui chart acara

No Issues

src/module/division_new/ui/report_division_id.tsx

@@ -13,6 +13,7 @@ import { funGetReportDivision } from '../lib/api_division';
 import EchartBarReport from './echart_bar_report';
 import EchartPaiReport from './echart_pai_report';
 import EventReport from './event_report';
+import EchartBarReportCalender from './echart_bar_calender';
 
 
 export default function ReportDivisionId() {
@@ -36,7 +37,7 @@ export default function ReportDivisionId() {
     end_date: false
   })
 
-  async function onReport(date: any) {
+  async function onReport(awal: any, akhir: any) {
     try {
       setReport({
         progress: [],
@@ -45,7 +46,7 @@ export default function ReportDivisionId() {
       })
       setTampil(true)
       setLoading(true)
-      const res = await funGetReportDivision(`?division=${param.id}&date=${moment(date).format("YYYY-MM-DD")}`)
+      const res = await funGetReportDivision(`?division=${param.id}&date=${moment(awal).format("YYYY-MM-DD")}&date-end=${moment(akhir).format("YYYY-MM-DD")}`)
       if (res.success) {
         setReport(res.data)
       } else {
@@ -84,7 +85,7 @@ export default function ReportDivisionId() {
           setTampil(false)
         } else {
           setTouched({ ...touched, end_date: false })
-          onReport(val)
+          onReport(val, valueAkhir)
           onReportTable(val, valueAkhir)
         }
       }
@@ -96,7 +97,7 @@ export default function ReportDivisionId() {
           setTampil(false)
         } else {
           setTouched({ ...touched, end_date: false })
-          onReport(val)
+          onReport(value, val)
           onReportTable(value, val)
         }
       }
@@ -231,7 +232,8 @@ export default function ReportDivisionId() {
                           padding: 10,
                         }}
                       >
-                        <EventReport data={report.event} tgl={moment(value).format("DD MMMM YYYY")} />
+                        <EchartBarReportCalender data={report.event} />
+                        {/* <EventReport data={report.event} tgl={moment(value).format("DD MMMM YYYY")} /> */}
                       </Box>
                     </Box>