{ onDeleteClick() }}
- onClose={() => { setDeleteButtonActivated(false) }} />
+ handleRefresh()
+
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [])
+
+ return (
+
+
+
+
+
+
+
{t('reports.reports.Title')}
+
+
+
+ | {t('reports.reports.AverageCollectionDay')} |
+ {t('reports.reports.AnnualBillingObjective')} |
+ {t('reports.reports.MonthlyBillingObjective')} |
+ {t('reports.reports.AnnualBillingNumber')} |
+ {t('reports.reports.MonthlyBillingNumber')} |
+ {t('reports.reports.ProjectedBonus')} |
+
+
+
+ {performanceReport.map((p) => {
+ return (
+
+ | {p.averageCollectionDay} |
+ {p.annualBillingObjective} |
+ {p.monthlyBillingObjective} |
+ {p.annualBillingNumber} |
+ {p.monthlyBillingNumber} |
+ {p.projectedBonus} |
+
+ )
+ })}
+
+
+
+
+ {role === 'admin'
+ ?
+
+
{t('reports.reportsManagement.Title')}
+
+ {t('reports.reportsManagement.reportType.Title')}
+
+ {reportTypes.map((t) => {
+ return (
+
+ )
+ })}
+
+
+
+ {t('reports.reportsManagement.frequency.Title')}
+
+
+
+
+
+
+ {t('reports.reportsManagement.recipients.Title')}
+
+ {selectedReportType.recipients
+ ? Object.keys(selectedReportType.recipients).map((rId, i) => {
+ return (
+
+
+
+ )
+ })
+ : <>}
+
+
+
+
+ : <>}
+
+
+
+
{t('reports.chartReports.Title')}
+
+
+
+ | {t('reports.chartReports.Name')} |
+ {t('reports.chartReports.Employee')} |
+ {t('reports.chartReports.ClientType')} |
+ {t('reports.chartReports.Country')} |
+ {t('reports.chartReports.AgeOfAccount')} |
+ {t('reports.chartReports.AccountType')} |
+ {t('reports.chartReports.StartDate')} |
+ {t('reports.chartReports.EndDate')} |
+
+
+
+
+ |
+
+
+
+ {chartReports.map(r => {
+ return (
+
+ | {r.name} |
+ {r.employee1Name}{r.employee2Name === null ? '' : ', ' + r.employee2Name} |
+ {r.clientType} |
+ {r.country} |
+ {r.ageOfAccount} |
+ {r.accountType} |
+ {r.startDate.toString()} |
+ {r.endDate.toString()} |
+
+
+ {pdfLoading
+ ? r.chartReportId !== currentPdfLoading
+ ?
+ :
+
+
+
+ : createAndDownloadPDF(r.chartReportId)} />}
+ handleDeleteChartReport(r.chartReportId, r.name)} />
+
+ |
+
+ )
+ })}
+
+
+
+
- )
+
+
{ onDeleteClick() }}
+ onClose={() => { setDeleteButtonActivated(false) }}
+ />
+
-
-
-
-
-
-
-
+ return (
+
+
+
+
+
+
+
+
- |
-
- #
-
- |
- {t('user.table.Name')} |
- {t('user.table.Email')} |
- {t('user.table.Role')} |
-
-
-
+
+
+ #
- |
-
- |
-
-
-
- {users.map(u => {
- counter++;
- return (
-
-
- |
-
- {counter}
-
- |
- {u.name} |
- {u.email} |
- {u.role} |
-
-
-
- editUser(u.email, u.role)} />
- handleDeleteUser(u.email)} />
-
- |
-
-
- );
- })}
-
-
-
-
-
-
-
-
{ onDeleteClick() }}
- onClose={() => { setDeleteButtonActivated(false) }} />
+
+ {t('user.table.Name')} |
+ {t('user.table.Email')} |
+ {t('user.table.Role')} |
+
+
+
+
+ |
+
+
+
+
+
+ {users.map(u => {
+ counter++
+ return (
+
+
+ |
+
+ {counter}
+
+ |
+ {u.name} |
+ {u.email} |
+ {u.role} |
+
+
+
+ editUser(u.email, u.role)} />
+ handleDeleteUser(u.email)} />
+
+ |
+
+
+ )
+ })}
+
+
+
+
+
+
- )
+
+
{ onDeleteClick() }}
+ onClose={() => { setDeleteButtonActivated(false) }}
+ />
+ ", "| ", months[i], " | ")
+ for (let i = 0; i < months.length; i++) {
+ let averageNormal = 0
+ let averageCounter = 0
+ let compareAverage = 0
+ let compareAverageCounter = 0
+ let counter = 0
+ let compareCounter = 0
- for(let j = 0; j < averagesList.length; j++) {
- if(counter === 5)
- counter = 0;
+ // creating table row
+ str = str.concat('
', "| ", months[i], ' | ')
- if(compareCounter === 5)
- compareCounter = 0;
+ for (let j = 0; j < averagesList.length; j++) {
+ if (counter === 5) { counter = 0 }
- // creating table cell...
- // for employee
- if(averagesList[j].employee !== -1) {
- str = str.concat("", averagesList[j].data[i] !== 0 ? averagesList[j].data[i] : "N/A", " | ")
- counter++
+ if (compareCounter === 5) { compareCounter = 0 }
- if(averagesList[j].data[i] !== 0) {
- averageNormal += averagesList[j].data[i];
- averageCounter++
- }
+ // creating table cell...
+ // for employee
+ if (averagesList[j].employee !== -1) {
+ str = str.concat("", averagesList[j].data[i] !== 0 ? averagesList[j].data[i] : 'N/A', ' | ')
+ counter++
- if((j + 1) === calculatedLength || ((j + 1) === averagesList.length && data.employee2Name !== null)) {
- averageNormal /= averageCounter;
- str = str.concat("", averageNormal.toFixed(2), " | ")
- }
- }
- // for All
- else {
- str = str.concat("", averagesList[j].data[i] !== 0 ? averagesList[j].data[i] : "N/A", " | ")
- compareCounter++
-
- if(averagesList[j].data[i] !== 0) {
- compareAverage += averagesList[j].data[i];
- compareAverageCounter++
- }
-
- if((j + 1) === calculatedLength) {
- compareAverage /= compareAverageCounter;
- str = str.concat("", compareAverage.toFixed(2), " | ")
- }
+ if (averagesList[j].data[i] !== 0) {
+ averageNormal += averagesList[j].data[i]
+ averageCounter++
+ }
- }
- }
- str = str.concat("
")
+ if ((j + 1) === calculatedLength || ((j + 1) === averagesList.length && data.employee2Name !== null)) {
+ averageNormal /= averageCounter
+ str = str.concat("", averageNormal.toFixed(2), ' | ')
+ }
}
- return str;
+ // for All
+ else {
+ str = str.concat("", averagesList[j].data[i] !== 0 ? averagesList[j].data[i] : 'N/A', ' | ')
+ compareCounter++
+
+ if (averagesList[j].data[i] !== 0) {
+ compareAverage += averagesList[j].data[i]
+ compareAverageCounter++
+ }
+
+ if ((j + 1) === calculatedLength) {
+ compareAverage /= compareAverageCounter
+ str = str.concat("", compareAverage.toFixed(2), ' | ')
+ }
+ }
+ }
+ str = str.concat('')
}
+ return str
+ }
- const buildTableHead = () => {
- let str = "";
+ const buildTableHead = () => {
+ let str = ''
- for(let i = 0; i < averagesList.length; i++) {
- str = str.concat("", averagesList[i].year, " | ")
+ for (let i = 0; i < averagesList.length; i++) {
+ str = str.concat('', averagesList[i].year, ' | ')
- if(i + 1 === calculatedLength || i + 1 === averagesList.length && data.employee2Name !== null) {
- str = str.concat("AVERAGE | ")
- }
- }
- return str;
+ if (i + 1 === calculatedLength || i + 1 === averagesList.length && data.employee2Name !== null) {
+ str = str.concat('AVERAGE | ')
+ }
}
+ return str
+ }
- let html =
- /*html*/
+ const html =
+ /* html */
`
@@ -374,11 +363,11 @@ module.exports = (data, averagesList) => {
Start Date ${months[parseInt(data.startDate.substring(5, 7)) - 1]} ${data.startDate.substring(0, 4)}
End Date ${months[parseInt(data.endDate.substring(5, 7)) - 1]} ${data.endDate.substring(0, 4)}
Employee ${data.employee1Name}
- ${data.employee2Name !== null ? `Compared With ${data.employee2Name}
` : ""}
+ ${data.employee2Name !== null ? `Compared With ${data.employee2Name}
` : ''}
Age of Account ${data.ageOfAccount}
Account Type ${data.accountType}
Country ${data.country}
- Client Type ${data.clientType === "Corr" ? "Correspondant" : data.clientType === "All" ? "All" : "Direct"}
+ Client Type ${data.clientType === 'Corr' ? 'Correspondant' : data.clientType === 'All' ? 'All' : 'Direct'}