';
// const currMonth = new Date().getMonth();
// const currDate = new Date().getDate();
//console.log('currmonth', currMonth, 'currdate', currDate);
var approved = 0;
var pendingApproval = 0;
var rejected = 0;
var notStarted = 0;
var total = 0;
for(var i = 0; i < this.getLastDayOfMonth(month, year); i++) {
const mmdd = ("0" + (month+1)).slice(-2) + "/" + ("0" + (i+1)).slice(-2);
if(month === 1 && i === (this.getLastDayOfMonth(month, year) - 1) ) {
//console.log('getLastDayOfMonth', month, this.getLastDayOfMonth(month, year), mmdd);
}
if(this.events[mmdd] != null) {
for(var j = 0; j < this.events[mmdd].length; j++) {
total++;
const partStatus = this.getCompletenessStatus(this.events[mmdd][j]);
if(partStatus == "approved") {
approved++
}
if(partStatus == "not-started") {
notStarted++
}
if(partStatus == "pending-approval") {
pendingApproval++
}
if(partStatus == "rejected") {
rejected++
}
}
}
}
//console.log('month-status', approved, pendingApproval, rejected, notStarted, total);
var percApproved = (approved * 100)/total;
var percPendingApproval = (pendingApproval * 100)/total;
var percRejected = (rejected * 100)/total;
var percNotStarted = (notStarted * 100)/total;
return {percNotStarted: percNotStarted, percPendingApproval: percPendingApproval, percApproved: percApproved, percRejected: percRejected};
}
insertDates = (month: number, year: number) => {
var html = "";
html += '
';
const dateNumber = this.getLastDayOfLastMonth(month, year);
for(var i = 0; i < this.getBlanks(month, year); i++) {
html += '
';
html += dateNumber-(this.getBlanks(month, year) - i - 1);
html += '
';
}
const currMonth = new Date().getMonth();
const currDate = new Date().getDate();
//console.log('currmonth', currMonth, 'currdate', currDate);
for(i = 0; i < this.getLastDayOfMonth(month, year); i++) {
const mmdd = ("0" + (month+1)).slice(-2) + "/" + ("0" + (i+1)).slice(-2);
var partName = "";
if(this.events[mmdd] != null) {
partName = "event-calendar-day-with-event";
html += '
';
if(month === currMonth && (i+1) === currDate) {
html += '
'
html += (i + 1);
html += '
'
} else {
html += '
'
html += (i + 1);
html += '
'
}
var approved = 0;
var pendingApproval = 0;
var rejected = 0;
var notStarted = 0;
var total = 0;
for(var j = 0; j < this.events[mmdd].length; j++) {
total++;
const partStatus = this.getCompletenessStatus(this.events[mmdd][j]);
if(partStatus == "approved") {
approved++;
}
if(partStatus == "pending-approval") {
pendingApproval++;
}
if(partStatus == "rejected") {
rejected++;
}
if(partStatus == "not-started") {
notStarted++;
}
}
var percApproved = (approved * 100)/total;
var percPendingApproval = (pendingApproval * 100)/total;
var percNotStarted = (notStarted * 100)/total;
var percRejected = (rejected * 100)/total;
//console.log('percentages', mmdd, percApproved, percPendingApproval, percRejected, percNotStarted)
html += '
'
//html += '
'
html += '
'
html += '
'
html += '
'
html += '
'
html += '
'
html += '
';
} else {
partName = "event-calendar-day-without-event";
html += '
';
// html += '
'
// html += (i + 1);
// html += '
'
if(month === currMonth && (i+1) === currDate) {
html += '
'
html += (i + 1);
html += '
'
} else {
html += '
'
html += (i + 1);
html += '
'
}
html += '
';
}
}
for(i = 0; i < 42 - (this.getBlanks(month, year) + this.getLastDayOfMonth(month, year)); i++) {
html += '
';
html += (i+1);
html += '
';
}
html += '
';
return html;
}
insertDayNames = () => {
var html = "";
html += '
';
html += '
';
html += 'S';
html += '
';
html += '
';
html += 'M';
html += '
';
html += '
';
html += 'T';
html += '
';
html += '
';
html += 'W';
html += '
';
html += '
';
html += 'T';
html += '
';
html += '
';
html += 'F';
html += '
';
html += '
';
html += 'S';
html += '
';
html += '
';
return html;
}
// getYearFromMonthAndCalendarStart = (mm: string) => {
// var yyyy = "";
// var currMonth = new Date().getMonth() + 1;
// console.log('CurrentMonth', currMonth, "MM", mm);
// if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth < parseInt(this.calendarStartMM)) {
// //console.log('getpastduedate returning', 0);
// yyyy = parseInt(this.calendarStartYYYY) + "";
// } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth < parseInt(this.calendarStartMM)) {
// //console.log('getpastduedate returning', 1);
// yyyy = (parseInt(this.calendarStartYYYY) - 1) + "";
// } else if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// //console.log('getpastduedate returning', 2);
// yyyy = (parseInt(this.calendarStartYYYY) + 1) + "";
// } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// //console.log('getpastduedate returning', 3);
// yyyy = (parseInt(this.calendarStartYYYY)) + "";
// }
// return yyyy;
// }
getYearFromMonthAndCalendarStart = (mm: string) => {
var yyyy = "";
if(parseInt(mm) < parseInt(this.calendarStartMM)){
yyyy = (parseInt(this.calendarStartYYYY) + 1) + "";
}else{
yyyy = parseInt(this.calendarStartYYYY) + "";
}
return yyyy;
}
getPastDueDate = (mmdd: string) => {
const dd = mmdd.substring(3, 5);
const mm = mmdd.substring(0, 2);
//console.log('getpastduedate', mmdd, dd, mm);
// var yyyy = "";
// if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth < parseInt(this.calendarStartMM)) {
// //console.log('getpastduedate returning', 0);
// yyyy = parseInt(this.calendarStartYYYY) + "";
// } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth < parseInt(this.calendarStartMM)) {
// //console.log('getpastduedate returning', 1);
// yyyy = (parseInt(this.calendarStartYYYY) - 1) + "";
// } else if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// //console.log('getpastduedate returning', 2);
// yyyy = (parseInt(this.calendarStartYYYY) + 1) + "";
// } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// //console.log('getpastduedate returning', 3);
// yyyy = (parseInt(this.calendarStartYYYY)) + "";
// }
var yyyy = this.getYearFromMonthAndCalendarStart(mm);
var date = new Date();
date.setMonth(parseInt(mm) - 1);
date.setDate(parseInt(dd));
date.setFullYear(parseInt(yyyy));
var currDate = new Date();
if(currDate.getTime() > date.getTime()) {
//console.log('getpastduedate returning true', yyyy);
return true;
}
return false;
}
getLateExecuted = (mmdd: string, event: any) => {
//console.log('late executed', mmdd, event.dateofcompletion)
const tsDoc = new Date(parseInt(event.dateofcompletion)).getTime();
const dd = mmdd.substring(3, 5);
const mm = mmdd.substring(0, 2);
// var yyyy = "";
// var currMonth = new Date().getMonth() + 1;
// // if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth < parseInt(this.calendarStartMM)) {
// // yyyy = new Date().getFullYear() + "";
// // } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth <= parseInt(this.calendarStartMM)) {
// // yyyy = (new Date().getFullYear() - 1) + "";
// // } else if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// // yyyy = (new Date().getFullYear() + 1) + "";
// // } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// // yyyy = (new Date().getFullYear() + 1) + "";
// // }
// if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth < parseInt(this.calendarStartMM)) {
// yyyy = parseInt(this.calendarStartYYYY) + "";
// } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth <= parseInt(this.calendarStartMM)) {
// yyyy = (parseInt(this.calendarStartYYYY) - 1) + "";
// } else if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// yyyy = (parseInt(this.calendarStartYYYY) + 1) + "";
// } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// yyyy = (parseInt(this.calendarStartYYYY) + 1) + "";
// }
var yyyy = this.getYearFromMonthAndCalendarStart(mm);
var date = new Date();
date.setMonth(parseInt(mm) - 1);
date.setDate(parseInt(dd));
date.setFullYear(parseInt(yyyy));
const tsCurr = date.getTime();
//console.log('late executed', mmdd, tsDoc, tsCurr)
if(tsDoc > tsCurr) {
//console.log('late executed', true)
return true;
}
return false;
}
getLateReported = (mmdd: string, event: any) => {
const dd = mmdd.substring(3, 5);
const mm = mmdd.substring(0, 2);
var yyyy = this.getYearFromMonthAndCalendarStart(mm);
var date = new Date();
date.setMonth(parseInt(mm) - 1);
date.setDate(parseInt(dd));
date.setFullYear(parseInt(yyyy));
const tsCurr = date.getTime();
for(var i = event.comments.length - 1; i >= 0; i--) {
const comment = event.comments[i];
const tsComment = new Date(comment.timestamp);
const authorComment = comment.author;
if(authorComment == "Reporter" && tsComment.getTime() > tsCurr) {
return true;
}
}
return false;
}
getLateApproved = (mmdd: string, event: any) => {
const dd = mmdd.substring(3, 5);
const mm = mmdd.substring(0, 2);
var yyyy = this.getYearFromMonthAndCalendarStart(mm);
var date = new Date();
date.setMonth(parseInt(mm) - 1);
date.setDate(parseInt(dd));
date.setFullYear(parseInt(yyyy));
const tsCurr = date.getTime();
for(var i = event.comments.length - 1; i >= 0; i--) {
const comment = event.comments[i];
const tsComment = new Date(comment.timestamp);
const authorComment = comment.author;
if(authorComment == "Approver" && tsComment.getTime() > tsCurr) {
return true;
}
}
return false;
// //console.log('get late approved', event.obligationtitle, event.lastupdated, mmdd, event.lastupdated);
// const tsLastUpdated = new Date((event.lastupdated)).getTime();
// //console.log('get late approved', tsLastUpdated);
// const dd = mmdd.substring(3, 5);
// const mm = mmdd.substring(0, 2);
// var yyyy = this.getYearFromMonthAndCalendarStart(mm);
// var date = new Date();
// date.setMonth(parseInt(mm) - 1);
// date.setDate(parseInt(dd));
// date.setFullYear(parseInt(yyyy));
// const tsCurr = date.getTime();
// //console.log('get late approved', tsCurr);
// if(tsLastUpdated > tsCurr) {
// //console.log('late approved', true)
// return true;
// }
// return false;
}
updateGraphStats = (arr: Array
, arrData: any, arrPartData: any, arrLateData: any, arrComplianceData: any, partStatus: string, lateStatus: string, complianceStatus: string ) => {
for(var i = 0; i < arr.length; i++) {
if(arrData == null) {
arrData = {};
}
const name = arr[i].split(';')[0].trim().replace(/ *\([^)]*\) */g, "")
if(arrData[name] == null) {
arrData[name] = 1;
} else {
arrData[name]++;
}
// if(name.toLowerCase().indexOf('na - corp sec') >= 0) {
// console.log('arrData[corpsec]', name, arrData[name]);
// }
}
for(var i = 0; i < arr.length; i++) {
if(arrLateData == null) {
arrLateData = {};
}
if(arrPartData == null) {
arrPartData = {};
}
if(arrComplianceData == null) {
arrComplianceData = {};
}
const name = arr[i].split(';')[0].trim().replace(/ *\([^)]*\) */g, "")
if(arrLateData[name] == null) {
arrLateData[name] = {};
}
if(arrPartData[name] == null) {
arrPartData[name] = {};
}
if(arrComplianceData[name] == null) {
arrComplianceData[name] = {};
}
if(arrPartData[name]["not-started"] == null) {
arrPartData[name]["not-started"] = 0;
}
if(arrPartData[name]["pending-approval"] == null) {
arrPartData[name]["pending-approval"] = 0;
}
if(arrPartData[name]["rejected"] == null) {
arrPartData[name]["rejected"] = 0;
}
if(arrPartData[name]["approved"] == null) {
arrPartData[name]["approved"] = 0;
}
arrPartData[name][partStatus]++;
if(arrLateData[name]["late-executed"] == null) {
arrLateData[name]["late-executed"] = 0;
}
if(arrLateData[name]["late-reported"] == null) {
arrLateData[name]["late-reported"] = 0;
}
if(arrLateData[name]["late-approved"] == null) {
arrLateData[name]["late-approved"] = 0;
}
if(arrLateData[name]["past-due-date"] == null) {
arrLateData[name]["past-due-date"] = 0;
}
if(arrLateData[name]["in-time"] == null) {
arrLateData[name]["in-time"] = 0;
}
arrLateData[name][lateStatus]++;
if(arrComplianceData[name]["scheduled"] == null) {
arrComplianceData[name]["scheduled"] = 0;
}
if(arrComplianceData[name]["not-complied"] == null) {
arrComplianceData[name]["not-complied"] = 0;
}
if(arrComplianceData[name]["partially-complied"] == null) {
arrComplianceData[name]["partially-complied"] = 0;
}
if(arrComplianceData[name]["complied"] == null) {
arrComplianceData[name]["complied"] = 0;
}
if(arrComplianceData[name]["complied-with-gaps"] == null) {
arrComplianceData[name]["complied-with-gaps"] = 0;
}
if(arrComplianceData[name]["reported-non-compliance"] == null) {
arrComplianceData[name]["reported-non-compliance"] = 0;
}
arrComplianceData[name][complianceStatus]++;
}
return {arrData: arrData, arrPartData: arrPartData, arrLateData: arrLateData, arrComplianceData: arrComplianceData}
}
updateJurisdictionStats = (jurisdictions: Array, partStatus: string, lateStatus: string, complianceStatus: string) => {
const result = this.updateGraphStats(jurisdictions, this.jurisdictionData, this.jurisdictionPartStatusData, this.jurisdictionLateStatusData, this.jurisdictionComplianceStatusData, partStatus, lateStatus, complianceStatus);
this.jurisdictionData = result.arrData;
this.jurisdictionLateStatusData = result.arrLateData;
this.jurisdictionPartStatusData = result.arrPartData;
this.jurisdictionComplianceStatusData = result.arrComplianceData;
}
updateSubcategoryStats = (subcategories: Array, partStatus: string, lateStatus: string, complianceStatus: string) => {
const result = this.updateGraphStats(subcategories, this.subcategoryData, this.subcategoryPartStatusData, this.subcategoryLateStatusData, this.subcategoryComplianceStatusData, partStatus, lateStatus, complianceStatus);
this.subcategoryData = result.arrData;
this.subcategoryLateStatusData = result.arrLateData;
this.subcategoryPartStatusData = result.arrPartData;
this.subcategoryComplianceStatusData = result.arrComplianceData;
}
updateFrequencyStats = (frequencies: Array, partStatus: string, lateStatus: string, complianceStatus: string) => {
const result = this.updateGraphStats(frequencies, this.frequencyData, this.frequencyPartStatusData, this.frequencyLateStatusData, this.frequencyComplianceStatusData, partStatus, lateStatus, complianceStatus);
this.frequencyData = result.arrData;
this.frequencyLateStatusData = result.arrLateData;
this.frequencyPartStatusData = result.arrPartData;
this.frequencyComplianceStatusData = result.arrComplianceData;
}
updateLocationStats = (location: string, partStatus: string, lateStatus: string, complianceStatus: string) => {
//console.log('location', location);
if(this.locationData == null) {
this.locationData = {};
}
const locationName = location.replace(/ *\([^)]*\) */g, "")
if(this.locationData[locationName] == null) {
this.locationData[locationName] = 1;
} else {
this.locationData[locationName]++;
}
if(this.locationLateStatusData == null) {
this.locationLateStatusData = {};
}
if(this.locationPartStatusData == null) {
this.locationPartStatusData = {};
}
if(this.locationComplianceStatusData == null) {
this.locationComplianceStatusData = {};
}
if(this.locationLateStatusData[locationName] == null) {
this.locationLateStatusData[locationName] = {};
}
if(this.locationPartStatusData[locationName] == null) {
this.locationPartStatusData[locationName] = {};
}
if(this.locationComplianceStatusData[locationName] == null) {
this.locationComplianceStatusData[locationName] = {};
}
if(this.locationPartStatusData[locationName]["not-started"] == null) {
this.locationPartStatusData[locationName]["not-started"] = 0;
}
if(this.locationPartStatusData[locationName]["pending-approval"] == null) {
this.locationPartStatusData[locationName]["pending-approval"] = 0;
}
if(this.locationPartStatusData[locationName]["rejected"] == null) {
this.locationPartStatusData[locationName]["rejected"] = 0;
}
if(this.locationPartStatusData[locationName]["approved"] == null) {
this.locationPartStatusData[locationName]["approved"] = 0;
}
this.locationPartStatusData[locationName][partStatus]++;
if(this.locationLateStatusData[locationName]["late-reported"] == null) {
this.locationLateStatusData[locationName]["late-reported"] = 0;
}
if(this.locationLateStatusData[locationName]["late-executed"] == null) {
this.locationLateStatusData[locationName]["late-executed"] = 0;
}
if(this.locationLateStatusData[locationName]["late-approved"] == null) {
this.locationLateStatusData[locationName]["late-approved"] = 0;
}
if(this.locationLateStatusData[locationName]["past-due-date"] == null) {
this.locationLateStatusData[locationName]["past-due-date"] = 0;
}
if(this.locationLateStatusData[locationName]["in-time"] == null) {
this.locationLateStatusData[locationName]["in-time"] = 0;
}
this.locationLateStatusData[locationName][lateStatus]++;
if(this.locationComplianceStatusData[locationName]["not-complied"] == null) {
this.locationComplianceStatusData[locationName]["not-complied"] = 0;
}
if(this.locationComplianceStatusData[locationName]["complied"] == null) {
this.locationComplianceStatusData[locationName]["complied"] = 0;
}
if(this.locationComplianceStatusData[locationName]["partially-complied"] == null) {
this.locationComplianceStatusData[locationName]["partially-complied"] = 0;
}
if(this.locationComplianceStatusData[locationName]["scheduled"] == null) {
this.locationComplianceStatusData[locationName]["scheduled"] = 0;
}
this.locationComplianceStatusData[locationName][complianceStatus]++;
}
updateFunctionStats = (functions: Array, partStatus: string, lateStatus: string, complianceStatus: string) => {
const result = this.updateGraphStats(functions, this.functionData, this.functionPartStatusData, this.functionLateStatusData, this.functionComplianceStatusData, partStatus, lateStatus, complianceStatus);
this.functionData = result.arrData;
this.functionLateStatusData = result.arrLateData;
this.functionPartStatusData = result.arrPartData;
this.functionComplianceStatusData = result.arrComplianceData;
}
updateRiskAreaStats = (riskAreas: Array, partStatus: string, lateStatus: string, complianceStatus: string) => {
const result = this.updateGraphStats(riskAreas, this.riskAreasData, this.riskAreasPartStatusData, this.riskAreasLateStatusData, this.riskAreasComplianceStatusData, partStatus, lateStatus, complianceStatus);
this.riskAreasData = result.arrData;
this.riskAreasLateStatusData = result.arrLateData;
this.riskAreasPartStatusData = result.arrPartData;
this.riskAreasComplianceStatusData = result.arrComplianceData;
}
updateRiskSeverityStats = (riskSeverities: Array, partStatus: string, lateStatus: string, complianceStatus: string) => {
//console.log('updateRiskSeverityStats', riskSeverities, complianceStatus)
const result = this.updateGraphStats(riskSeverities, this.riskSeverityData, this.riskSeverityPartStatusData, this.riskSeverityLateStatusData, this.riskSeverityComplianceStatusData, partStatus, lateStatus, complianceStatus);
this.riskSeverityData = result.arrData;
this.riskSeverityLateStatusData = result.arrLateData;
this.riskSeverityPartStatusData = result.arrPartData;
this.riskSeverityComplianceStatusData = result.arrComplianceData;
//console.log('updateRiskSeverityStats', JSON.stringify(result.arrComplianceData))
}
updateObligationTypeStats = (obligationTypes: Array, partStatus: string, lateStatus: string, complianceStatus: string) => {
const result = this.updateGraphStats(obligationTypes, this.obligationTypeData, this.obligationTypePartStatusData, this.obligationTypeLateStatusData, this.obligationTypeComplianceStatusData, partStatus, lateStatus, complianceStatus);
this.obligationTypeData = result.arrData;
this.obligationTypeLateStatusData = result.arrLateData;
this.obligationTypePartStatusData = result.arrPartData;
this.obligationTypeComplianceStatusData = result.arrComplianceData;
//console.log('Updating obligationtype stats', this.obligationTypeLateStatusData);
}
getReporterStringFromEvent = (event: any) => {
let reporterStr = '';
for(var k = 0; k < event.reporters.length; k++) {
reporterStr += '' + (event.reporters[k].split(';')[0]) + '
';
}
return reporterStr;
}
getReporterDetailStringFromEvent = (event: any) => {
let reporterStr = '';
for(var k = 0; k < event.reporters.length; k++) {
reporterStr += '' + (event.reporters[k].split(';')[0]) + '
';
}
return reporterStr;
}
getApproverStringFromEvent = (event: any) => {
let approverStr = '';
for(var k = 0; k < event.approvers.length; k++) {
approverStr += '' + (event.approvers[k].split(';')[0]) + '
';
}
return approverStr;
}
getApproverDetailStringFromEvent = (event: any) => {
let approverStr = '';
for(var k = 0; k < event.approvers.length; k++) {
approverStr += '' + (event.approvers[k].split(';')[0]) + '
';
}
return approverStr;
}
renderLatestCompliance = (mmddyyyy: string, event: any) => {
var lastMax = 0;
for(var k = 0; k < event.compliances.length; k++) {
const tsOfEvent = new Date(mmddyyyy).getTime();
const tsOfCompliance = parseInt(event.compliances[k].complianceid.S);
if(tsOfCompliance > lastMax && tsOfCompliance <= tsOfEvent) {
event['specificity'] = JSON.parse(event.compliances[k].data.S)['specificity'];
event['reference'] = JSON.parse(event.compliances[k].data.S)['reference'];
event['obligation'] = JSON.parse(event.compliances[k].data.S)['obligation'];
event['penalty'] = JSON.parse(event.compliances[k].data.S)['penalty'];
event['authority'] = JSON.parse(event.compliances[k].data.S)['authority'];
event['frequency'] = JSON.parse(event.compliances[k].data.S)['frequency'];
event['obligationtype'] = JSON.parse(event.compliances[k].data.S)['obligationtype'];
event['duedate'] = JSON.parse(event.compliances[k].data.S)['duedate'];
event['applicability'] = JSON.parse(event.compliances[k].data.S)['applicability'];
event['form'] = JSON.parse(event.compliances[k].data.S)['form'];
event['internalcontrols'] = JSON.parse(event.compliances[k].data.S)['internalcontrols'];
event['firstlineofdefence'] = JSON.parse(event.compliances[k].data.S)['firstlineofdefence'];
event['risk'] = JSON.parse(event.compliances[k].data.S)['risk'];
event['riskarea'] = JSON.parse(event.compliances[k].data.S)['riskarea'];
}
}
return event;
}
getCompletenessStatus = (event: any) => {
if(event.comments == null || event.comments.length === 0) {
return "not-started";
} else {
if(event.approved != null && event.approved) {
return "approved";
} else {
if(event.comments[event.comments.length - 1].author == "Reporter") {
return "pending-approval";
} else {
return "rejected";
}
}
}
}
getTimelinessStatus = (mmdd: string, event: any, completeness: string) => {
if(completeness == "not-started") {
if(this.getPastDueDate(mmdd)) {
return "past-due-date";
} else {
return "in-time"
}
} else if(completeness == "pending-approval" || completeness == "rejected") {
if(this.getLateExecuted(mmdd, event)) {
return "late-executed";
} else if(this.getLateReported(mmdd, event)) {
return "late-reported";
} else if(this.getPastDueDate(mmdd)) {
return "past-due-date";
} else {
return "in-time";
}
} else {
if(this.getLateExecuted(mmdd, event)) {
return "late-executed";
} else if(this.getLateReported(mmdd, event)) {
return "late-reported";
} else if(this.getLateApproved(mmdd, event)) {
return "late-approved";
} else {
return "in-time";
}
}
}
getComplianceStatus = (completeness: string, timeliness: string, percentage?: string) => {
if(completeness == "not-started") {
if(timeliness == "in-time") {
return "scheduled";
} else {
return "not-complied";
}
} else if(completeness == "pending-approval") {
if(timeliness == "in-time") {
return "scheduled";
} else if(timeliness == "past-due-date" || timeliness == "late-executed") {
return "not-complied";
} else {
return "partially-complied";
}
} else if(completeness == "rejected") {
if(timeliness == "in-time") {
return "scheduled";
} else {
return "not-complied";
}
} else {
if(timeliness == "in-time" || timeliness == "late-reported" || timeliness == "late-approved") {
if(percentage != null && parseInt(percentage) == 0){
console.log('reported non compliance')
return "reported-non-compliance"
}else if(percentage != null && parseInt(percentage) < 100){
return "complied-with-gaps"
}else{
return "complied";
}
} else {
return "not-complied";
}
}
}
numcalled: number = 0;
updateStats = (event: any, partStatus: string, lateStatus: string, complianceStatus: string) => {
if(event['riskarea'] != null){
this.updateRiskAreaStats(event['riskarea'], partStatus, lateStatus, complianceStatus);
}
if(event['risk'] != null){
this.updateRiskSeverityStats(event['risk'], partStatus, lateStatus, complianceStatus);
}
if(event['functions'] != null){
this.updateFunctionStats(event['functions'], partStatus, lateStatus, complianceStatus)
}
if(event['obligationtype'] != null){
this.updateObligationTypeStats(event['obligationtype'], partStatus, lateStatus, complianceStatus)
}
if(event['jurisdiction'] != null){
this.updateJurisdictionStats(event['jurisdiction'], partStatus, lateStatus, complianceStatus)
}
if(event['frequency'] != null){
this.updateFrequencyStats(event['frequency'], partStatus, lateStatus, complianceStatus)
}
//console.log('updateLocationStats', event['locationname'], event.duedate, event.id);
if(event['locationname'] != null){
this.updateLocationStats(event['locationname'], partStatus, lateStatus, complianceStatus)
}
if(event['subcategory'] != null){
this.updateSubcategoryStats(event['subcategory'], partStatus, lateStatus, complianceStatus)
}
}
renderCalendarGraphs = (showGraph: boolean, parametersTitle: string, showBackgroundButton: boolean) => {
//console.log('flowGraph', this.flowGraph);
var html = '';
html += '';
html += '
' + parametersTitle + ' '
if(this.getFeatures().length > 1){
html += '
'
}
html += '
' + parametersTitle + ' refresh ';
if(showBackgroundButton){
html += '
'
}else{
html += '
update Last Updated on ' + this.lastupdated + '';
}
if(showGraph) {
html += '
';
html += '
Select Chart
';
html += '
';
html += '
';
html += '
';
html += '
'
html += '
'
} else {
html += '
';
}
html += '
';
html += '
' + parametersTitle + ' '
if(this.getFeatures().length > 1){
html += '
'
}
html +='
' + parametersTitle + ' refresh ';
html += '
update Last Updated on ' + this.lastupdated + '';
if(showGraph) {
html += '
';
html += '
'
html += '
'
} else {
html += '
';
}
html += '
';
return html;
}
renderCalendarContainerDivEnd = () => {
var html = '';
html += '
';
return html;
}
renderCalendarEventSummary = () => {
var html = '';
html += '';
html += '
Total: DASHBOARD_TOTAL
';
html += '
schedule Not Started: DASHBOARD_NOT_STARTED
';
html += '
pending Pending Approval: DASHBOARD_PENDING_APPROVAL
';
html += '
block Rejected: DASHBOARD_REJECTED
';
html += '
check_circle Approved: DASHBOARD_APPROVED
';
html += '
schedule In Time: DASHBOARD_IN_TIME
';
html += '
timer Past Due Date: DASHBOARD_PAST_DUE_DATE
';
html += '
report_off Late Reported: DASHBOARD_LATE_REPORTED
';
html += '
remove_done Late Approved: DASHBOARD_LATE_APPROVED
';
html += '
running_with_errors Late Executed: DASHBOARD_LATE_EXECUTED
';
html += '
schedule Scheduled: DASHBOARD_SCHEDULED
';
html += '
disabled_by_default Not Complied: DASHBOARD_NOT_COMPLIED
';
html += '
rule Partially Complied: DASHBOARD_PARTIALLY_COMPLIED
';
html += '
sweep Complied: DASHBOARD_COMPLIED
';
html += '
rule Complied With Gaps: DASHBOARD_COMPLIED_WITH_GAPS
';
html += '
rule Reported Non Compliance: DASHBOARD_REPORTED_NON_COMPLIANCE
';
html += '
';
return html;
}
renderCalendarEventSummaryViewer = () => {
var html = '';
html += '';
html += '
Total: DASHBOARD_TOTAL
DASHBOARD_TOTAL_SUBFILTER
';
html += '
schedule Not Started: DASHBOARD_NOT_STARTED
DASHBOARD_NOT_STARTED_SUBFILTER
';
html += '
pending Pending Approval: DASHBOARD_PENDING_APPROVAL
DASHBOARD_PENDING_APPROVAL_SUBFILTER
';
html += '
block Rejected: DASHBOARD_REJECTED
DASHBOARD_REJECTED_SUBFILTER
';
html += '
check_circle Approved: DASHBOARD_APPROVED
DASHBOARD_APPROVED_SUBFILTER
';
html += '
schedule In Time: DASHBOARD_IN_TIME
';
html += '
timer Past Due Date: DASHBOARD_PAST_DUE_DATE
';
html += '
report_off Late Reported: DASHBOARD_LATE_REPORTED
';
html += '
remove_done Late Approved: DASHBOARD_LATE_APPROVED
';
html += '
running_with_errors Late Executed: DASHBOARD_LATE_EXECUTED
';
html += '
schedule Scheduled: DASHBOARD_SCHEDULED
';
html += '
disabled_by_default Not Complied: DASHBOARD_NOT_COMPLIED
';
html += '
rule Partially Complied: DASHBOARD_PARTIALLY_COMPLIED
';
html += '
sweep Complied: DASHBOARD_COMPLIED
';
html += '
rule Complied With Gaps: DASHBOARD_COMPLIED_WITH_GAPS
';
html += '
rule Reported Non Compliance: DASHBOARD_COMPLIED_WITH_GAPS
';
html += '
';
return html;
}
renderStatisticsFiltersTableStart = () => {
var html = '';
html += '';
return html;
}
getCalendarRowHide = (events: any, i: number, lastDay: number, month: number, firstDate: any = null, currDate: any = null) => {
var hide = true;
if(events != null) {
hide = false;
} else if(i === 1){
hide = false;
} else if(i === lastDay){
hide = false;
} else {
if(firstDate == null) {
const mmddPrev = ("0" + (month+1)).slice(-2) + "/" + ("0" + (i-1)).slice(-2);
const mmddNext = ("0" + (month+1)).slice(-2) + "/" + ("0" + (i+1)).slice(-2);
//console.log('hide', i, hide);
if((this.events[mmddPrev] != null || this.events[mmddNext] != null)) {
hide = false;
}
} else {
const startNextDate = new Date(currDate.getTime());
startNextDate.setDate(currDate.getDate() + 1);
const startPrevDate = new Date(currDate.getTime());
startPrevDate.setDate(currDate.getDate() - 1);
const mmddNext = ("0" + (startNextDate.getMonth()+1)).slice(-2) + "/" + ("0" + (startNextDate.getDate())).slice(-2);
const mmddPrev = ("0" + (startPrevDate.getMonth()+1)).slice(-2) + "/" + ("0" + (startPrevDate.getDate())).slice(-2);
//console.log('hide', i, hide, startNextDate, startPrevDate, mmddNext, mmddPrev);
if((this.events[mmddPrev] != null || this.events[mmddNext] != null)) {
hide = false;
}
}
}
return hide;
}
renderCalendarRowDivStart = (i: number, firstDate: any = null, ddmm: string = "") => {
var html = '';
html += '';
html += '
'+ (firstDate != null ? ddmm : ("0" + i).slice(-2))+' |
';
html += '
'
return html;
}
renderCalendarRowDivEnd = () => {
var html = '';
html += '
'
html += '
';
html += '
'+JSON.stringify(event['tags'])+'
'
html += '
'
html += '
' + '
' + (event.isbulk != null && event.isbulk == true ? '
' : '') + '
' + (event.reporters != null ? ('') : ('
' + event.locationname.replace(/ *\([^)]*\) */g, "") + '
' + event.risk[0] + '
edit_note ')) + ((event.reporters != null && lastUpdated.length > 0) ? ('
' + lastUpdated + '
') : "") + '
';
if(event.reporters != null && remarks.length > 0) {
html += '
'+remarks+', occurred on '+occurrenceDate+'
';
}
return html;
}
renderCalendarRowDivItemDivEnd = () => {
var html = '';
html += '
';
html += '
'+(firstDate != null ? ddmm : ("0" + i).slice(-2))+'
';
html += '
';
//html += '
'+("0" + i).slice(-2)+' |
';
html += '
.
';
html += '
';
html += '';
html += '';
// if(event.isbulk == null || event.isbulk == false) html += 'Open'
html += 'Open'
html += ' ';
html += '';
html += 'Status'
html += ' ';
html += '';
html += 'Location'
html += ' '
if(event.entityname != null){
html += '';
html += 'Entity'
html += ' '
}
if(event.countryname != null){
html += '';
html += 'Country'
html += ' '
}
if(event.functions != null){
html += '';
html += 'Function'
html += ' '
}
if(event.risk != null){
html += '';
html += 'Risk'
html += ' '
}
for(var k = 0; k < Object.keys(event).length; k++) {
if(this.getEventPreviewFields().includes(Object.keys(event)[k])) {
html += '';
html += Object.keys(event)[k];
}
}
//console.log('listing docs',event.documents )
if(event.documents != null && (event.documents).length > 0) {
html += ' ';
html += 'Docs'
html += ' ';
}
if(event.comments != null && (event.comments).length > 0) {
html += '';
html += 'Comments'
html += ' ';
}
// console.log('rendering last updated', event.lastupdated)
if(event.lastupdated != null && (event.lastupdated).length > 0) {
html += '';
html += 'Updated'
html += ' ';
}
if(event.makercheckers != null && (event.makercheckers).length > 0) {
html += '';
html += ''
html += ' '
}
if(event.docs != null && (event.docs).length > 0) {
html += '';
html += ''
html += ' '
}
if(event.obligationtype != null && (event.obligationtype[0].toLowerCase() == "quality indicator confirmatory"
|| event.obligationtype[0].toLowerCase() == "quality indicator percentage")) {
if(event.comments != null && (event.comments).length > 0) {
html += '';
html += ''
html += ' '
}
}
html += ' ';
// console.log('event.obligationtype', event.obligationtype[0].toLowerCase());
return html;
}
renderCalendarRowDivItemDivTableBody = (event: any, partStatus: string, lateStatus: string, complianceStatus: string, mmdd: string, i: number, j: number) => {
var html = '';
html += '';
html += '';
if(event.isbulk == null || !event.isbulk){
html += 'open_in_new '
}else{
html += '
';
}
html += ' ';
html += '';
html += this.renderStatusHtml(partStatus, lateStatus, complianceStatus, i);
html += ' ';
if(event["locationname"] != null){
html += ''+event["risk"][0]+'
';
if(event[Object.keys(event)[k]].indexOf("[") >= 0) {
html += this.getEventTexts(Object.keys(event)[k], JSON.parse(event[Object.keys(event)[k]]), event);
} else {
html += ' ';
}
}
if(event["countryname"] != null && event.documents != null && event.documents != null && (event.documents).length > 0) {
html += '';
html += 'description '
html += (event.documents).length
html += ' ';
}
if(event["countryname"] != null && event.comments != null && event.comments != null && (event.comments).length > 0) {
html += '';
html += 'forum '
html += (event.comments).length
html += ' ';
}
if(event.lastupdated != null && event.lastupdated != null && (event.lastupdated).length > 0) {
html += '';
html += Util.timeSince(new Date(event.lastupdated).getTime())
html += ' ';
}
if(event.makercheckers != null && (event.makercheckers).length > 0) {
html += '';
html += 'done_all '
html += ' ';
}
if(event["countryname"] != null && event.docs != null && (event.docs).length > 0) {
html += '';
html += 'scan_delete '
html += ' '
}
if(event.obligationtype != null && (event.obligationtype[0].toLowerCase() == "quality indicator confirmatory"
|| event.obligationtype[0].toLowerCase() == "quality indicator percentage")) {
if(event.comments != null && (event.comments).length > 0) {
html += '';
for(var n = (event.comments.length - 1); n >= 0; n--) {
if(event.comments[n].author == "Reporter") {
const reportedValue = ((event.comments[n].comment).replace(/ *\([^)]*\) */g, "").trim());
console.log((event.comments[n].comment).replace(/ *\([^)]*\) */g, "").trim(), reportedValue, event.comments[n]);
let badge: string = "";
if(event.obligationtype[0].toLowerCase() == "quality indicator percentage") {
if(parseInt(reportedValue) > 98) {
badge = "badge-success";
} else if (parseInt(reportedValue) > 90) {
badge = "badge-warning";
} else {
badge = "badge-error";
}
} else {
if(reportedValue.toLowerCase() == "yes") {
badge = "badge-success";
} else {
badge = "badge-error";
}
}
html += (''+reportedValue+' ');
break;
}
}
html += ' '
}
}
html += ' ';
html += '
';
return html;
}
renderStatusHtml = (partStatus: string, lateStatus: string, complianceStatus: string, i: number) => {
var html = '';
html += (complianceStatus == "scheduled" ? 'schedule ' : '');
html += (complianceStatus == "not-complied" ? 'disabled_by_default ' : '');
html += (complianceStatus == "partially-complied" ? 'rule ' : '');
html += (complianceStatus == "complied" ? 'sweep ' : '');
html += (complianceStatus == "complied-with-gaps" ? 'rule ' : '');
html += (complianceStatus == "reported-non-compliance" ? 'rule ' : '');
html += (partStatus == "not-started" ? 'schedule ' : '');
html += (partStatus == "pending-approval" ? 'pending ' : '');
html += (partStatus == "rejected" ? 'block ' : '');
html += (partStatus == "approved" ? 'check_circle ' : '');
html += (lateStatus == "in-time" ? 'schedule ' : '');
html += (lateStatus == "past-due-date" ? 'timer ' : '');
html += (lateStatus == "late-reported" ? 'report_off ' : '');
html += (lateStatus == "late-approved" ? 'remove_done ' : '');
html += (lateStatus == "late-executed" ? 'running_with_errors ' : '');
html.trim().replace(/ \s*$/, "");
return html;
}
renderStatusString = (partStatus: string, lateStatus: string, complianceStatus: string) => {
var str : string = '';
str += (partStatus == "not-started" ? 'not-started ' : '');
str += (partStatus == "pending-approval" ? 'pending-approval ' : '');
str += (partStatus == "rejected" ? 'rejected ' : '');
str += (partStatus == "approved" ? 'approved ' : '');
str += (lateStatus == "in-time" ? 'in-time ' : '');
str += (lateStatus == "past-due-date" ? 'past-due-date ' : '');
str += (lateStatus == "late-reported" ? 'late-reported ' : '');
str += (lateStatus == "late-approved" ? 'late-approved ' : '');
str += (lateStatus == "late-executed" ? 'late-executed ' : '');
str += (complianceStatus == "scheduled" ? 'scheduled ' : '');
str += (complianceStatus == "complied" ? 'complied ' : '');
str += (complianceStatus == "not-complied" ? 'not-complied ' : '');
str += (complianceStatus == "partially-complied" ? 'partially-complied ' : '');
return str.trim();
}
getGraphParam = (event: any) => {
let graphParam = '';
//console.log('getGraphParam', this.flowGraph, event);
if(Array.isArray(event[this.flowGraph])) {
graphParam = event[this.flowGraph].toString().replace(/ *\([^)]*\) */g, "").replace(/,/g,' • ');
} else {
// console.log('event[this.flowGraph]', event[this.flowGraph], event, this.flowGraph)
graphParam = (event[this.flowGraph] ?? "").replace(/ *\([^)]*\) */g, "").replace(/,/g,' • ');
}
return graphParam;
}
renderCalendarAnnotations = (event: any, mmdd: string, j:number) => {
var html = '';
html += ''
// if(event.reporters != null && event.approvers != null){
let reporterStr = event.reporters != null ? this.getReporterStringFromEvent(event) : "";
let approverStr = event.approvers != null ? this.getApproverStringFromEvent(event) : "";
let graphParam = this.getGraphParam(event);
// console.log("graphParam", graphParam.split(';')[0]);
html += '' + graphParam.split(';')[0] + '
' + reporterStr + approverStr + (event.reporters != null ? ('
edit_note ') : '') + '
Id Country State Jurisdiction Category Subcategory Statute Reference Applicability ObligationType ObligationTitle Obligation Firstlineofdefence Secondlineofdefence Thirdlineofdefence InternalControls Penalty Form Additional URL Definition Authority RiskSeverity RiskAreas Frequency SubFrequency DueDate Status ReportParameter Id ObligationTitle Obligation Status Documents ).length; j++) {
total++;
this.events[mmdd][j]['mmdd'] = mmdd
this.eventsInWindow.push(this.events[mmdd][j]);
var partStatus = "";
var lateStatus = "";
var complianceStatus = "";
var bgStatus = "event-status-"
// const tempEvents1 = JSON.parse(JSON.stringify(this.events));
// //console.log('eventlog1', tempEvents1['06/30'][7].comments, mmdd, j);
partStatus = this.getCompletenessStatus(JSON.parse(JSON.stringify(this.events[mmdd][j])));
lateStatus = this.getTimelinessStatus(mmdd, JSON.parse(JSON.stringify(this.events[mmdd][j])), partStatus);
complianceStatus = this.getComplianceStatus(partStatus, lateStatus, JSON.parse(JSON.stringify(this.events[mmdd][j])).percentage);
if(this.flowGraph == this.FLOW_GRAPH_TIMELINESS){
bgStatus += lateStatus
}else if(this.flowGraph == this.FLOW_GRAPH_COMPLIANCE){
bgStatus += complianceStatus
}else{
bgStatus += partStatus
}
// const tempEvents2 = JSON.parse(JSON.stringify(this.events));
// //console.log('eventlog2', tempEvents2['06/30'][7].comments, mmdd, j);
notStarted = notStarted + (partStatus == "not-started" ? 1 : 0);
pendingApproval = pendingApproval + (partStatus == "pending-approval" ? 1 : 0);
rejected = rejected + (partStatus == "rejected" ? 1 : 0);
approved = approved + (partStatus == "approved" ? 1 : 0);
inTime = inTime + (lateStatus == "in-time" ? 1 : 0);
pastDueDate = pastDueDate + (lateStatus == "past-due-date" ? 1 : 0);
lateReported = lateReported + (lateStatus == "late-reported" ? 1 : 0);
lateApproved = lateApproved + (lateStatus == "late-approved" ? 1 : 0);
lateExecuted = lateExecuted + (lateStatus == "late-executed" ? 1 : 0);
scheduled = scheduled + (complianceStatus == "scheduled" ? 1 : 0);
partiallyComplied = partiallyComplied + (complianceStatus == "partially-complied" ? 1 : 0);
notComplied = notComplied + (complianceStatus == "not-complied" ? 1 : 0);
complied = complied + (complianceStatus == "complied" ? 1 : 0);
compliedWithGaps = compliedWithGaps + (complianceStatus == "complied-with-gaps" ? 1 : 0);
reportedNonCompliance = reportedNonCompliance + (complianceStatus == "reported-non-compliance" ? 1 : 0);
this.events[mmdd][j][this.FLOW_GRAPH_COMPLETENESS] = partStatus;
this.events[mmdd][j][this.FLOW_GRAPH_TIMELINESS] = lateStatus;
this.events[mmdd][j][this.FLOW_GRAPH_COMPLIANCE] = complianceStatus;
this.updateStats(this.events[mmdd][j], partStatus, lateStatus, complianceStatus);
if(this.events[mmdd][j]["documents"] != null){
//Id,Country,Entity,Location,Function,Reporter,Approver,Functionhead,State
csvValues += ('"' + (this.events[mmdd][j]["id"] + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["countryname"] + "").replace(/\((.*?)\)/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["entityname"] + "").replace(/\((.*?)\)/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["locationname"] + "").replace(/\((.*?)\)/g, "") + '",'));
csvValues += ('"' + ((((this.events[mmdd][j]["functions"]??[])[0] ?? "").split(';')[0] + "").replace(/\((.*?)\)/g, "") + '",'));
csvValues += ('"' + ((((this.events[mmdd][j]["reporters"]??[])[0] ?? "").split(';')[0] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((((this.events[mmdd][j]["approvers"]??[])[0] ?? "").split(';')[0] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((((this.events[mmdd][j]["functionheads"]??[])[0] ?? "").split(';')[0] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + (this.events[mmdd][j]["state"] + '",'));
csvValues += ('"' + (this.events[mmdd][j]["jurisdiction"] + '",'));
csvValues += ('"' + (this.events[mmdd][j]["category"] + '",'));
csvValues += ('"' + (this.events[mmdd][j]["subcategory"] + '",'));
csvValues += ('"' + (this.events[mmdd][j]["statute"] + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["reference"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["applicability"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["obligationtype"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["obligationtitle"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["obligation"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["firstlineofdefence"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["secondlineofdefence"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["thirdlineofdefence"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["internalcontrols"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["penalty"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["form"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["additionalurls"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["definition"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["authority"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["risk"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["riskarea"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["frequency"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["subfrequency"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + ((this.events[mmdd][j]["duedate"] + "").replace(/"/g, "") + '",'));
csvValues += ('"' + (this.renderStatusString(partStatus, lateStatus, complianceStatus) + '",'));
csvValues += ('"' + (this.getGraphParam(this.events[mmdd][j]) + '"\n'));
// csvValues += (period + ','
// + this.renderStatusString(partStatus, lateStatus, complianceStatus) + ','
// + this.events[mmdd][j]["id"] + ','
// + this.events[mmdd][j]["obligationtitle"] + ','
// + this.events[mmdd][j]["obligation"] + ','
// + this.events[mmdd][j]["duedate"]
// + '\n');
htmlValues += (''+this.events[mmdd][j]["id"]+' '
+ ''+this.events[mmdd][j]["country"]+' '
+ ''+this.events[mmdd][j]["state"]+' '
+ ''+this.events[mmdd][j]["jurisdiction"]+' '
+ ''+this.events[mmdd][j]["category"]+' '
+ ''+this.events[mmdd][j]["subcategory"]+' '
+ ''+this.events[mmdd][j]["statute"]+' '
+ ''+this.events[mmdd][j]["reference"]+' '
+ ''+this.events[mmdd][j]["applicability"]+' '
+ ''+this.events[mmdd][j]["obligationtype"]+' '
+ ''+this.events[mmdd][j]["obligationtitle"]+' '
+ ''+this.events[mmdd][j]["obligation"]+' '
+ ''+this.events[mmdd][j]["firstlineofdefence"]+' '
+ ''+this.events[mmdd][j]["secondlineofdefence"]+' '
+ ''+this.events[mmdd][j]["thirdlineofdefence"]+' '
+ ''+this.events[mmdd][j]["internalcontrols"]+' '
+ ''+this.events[mmdd][j]["penalty"]+' '
+ ''+this.events[mmdd][j]["form"]+' '
+ ''+this.events[mmdd][j]["additionalurls"]+' '
+ ''+this.events[mmdd][j]["definition"]+' '
+ ''+this.events[mmdd][j]["authority"]+' '
+ ''+this.events[mmdd][j]["risk"]+' '
+ ''+this.events[mmdd][j]["riskarea"]+' '
+ ''+this.events[mmdd][j]["frequency"]+' '
+ ''+this.events[mmdd][j]["subfrequency"]+' '
+ ''+this.events[mmdd][j]["duedate"]+' '
+ ''+ this.renderStatusString(partStatus, lateStatus, complianceStatus)+' '
+ ''+this.getGraphParam(this.events[mmdd][j])+' '
+ '');
for(let document of this.events[mmdd][j].documents){
htmlSummaryValues += `
'
html += this.renderCalendarRowDivItemDivEnd();
}
html += this.renderCalendarRowDivEnd();
} else {
const result: any = this.renderCalendarBlankRowDiv(hide, slice, i, firstDate, mmdd.split("/")[1] + "/" + mmdd.split("/")[0]);
//console.log('result', result);
html += result.html;
slice = result.slice;
}
}
html += this.renderCalendarContainerDivEnd();
//console.log('final risk severities', this.riskSeverityData);
//this.period = firstDay?.getDate() + '/' + (firstDay!.getMonth()+1) + '/' + firstDay?.getFullYear() + " - " + endDay?.getDate() + '/' + (endDay!.getMonth()+1) + '/' + endDay?.getFullYear();
this.period = period;
this.csvDataCompliances = csvCols + "\n" + csvValues;
this.htmlDataCompliances = '' + htmlCols + htmlValues + '
';
this.htmlDataSummary = '' + htmlSummaryCols + htmlSummaryValues + '
';
//console.log('renderevents htmlcols', this.htmlDataCompliances);
//console.log('progress', this.period, total, notStarted, approved)
html = html.replace("DASHBOARD_TOTAL", total+"");
html = html.replace("DASHBOARD_NOT_STARTED", notStarted+"");
html = html.replace("DASHBOARD_APPROVED", approved+"");
html = html.replace("DASHBOARD_PENDING_APPROVAL", pendingApproval+"");
html = html.replace("DASHBOARD_REJECTED", rejected+"");
html = html.replace("DASHBOARD_IN_TIME", inTime+"");
html = html.replace("DASHBOARD_PAST_DUE_DATE", pastDueDate+"");
html = html.replace("DASHBOARD_LATE_REPORTED", lateReported+"")
html = html.replace("DASHBOARD_LATE_EXECUTED", lateExecuted+"");
html = html.replace("DASHBOARD_LATE_APPROVED", lateApproved+"");
html = html.replace("DASHBOARD_SCHEDULED", scheduled+"");
html = html.replace("DASHBOARD_NOT_COMPLIED", notComplied+"");
html = html.replace("DASHBOARD_PARTIALLY_COMPLIED", partiallyComplied+"");
html = html.replace("DASHBOARD_COMPLIED", complied+"");
html = html.replace("DASHBOARD_COMPLIED_WITH_GAPS", compliedWithGaps+"");
this.csvDataStats = 'Period,Total,Not Started,Approved,Pending Approval,Rejected,Past Due Date,Late Reported,Late Executed,Late Approved,Scheduled,Not Complied,Partially Complied,Complied,Complied With Gaps\n';
this.csvDataStats += this.period + "," + total + "," + notStarted + "," + approved + "," + pendingApproval + "," + rejected + "," + pastDueDate + "," + lateReported + "," + lateExecuted + "," + lateApproved + "," + scheduled + "," + notComplied + "," + partiallyComplied + "," + complied+ "," + compliedWithGaps;
this.htmlDataStats = 'CompletenessTotal Not Started Approved Pending Approval Rejected ';
this.htmlDataStats += ' '+total+' '+notStarted+' '+approved+' '+pendingApproval+' '+rejected+'
'
this.htmlDataStats += 'Total In Time Past Due Date Late Reported Late Executed Late Approved ';
this.htmlDataStats += ' '+total+' '+(total-(pastDueDate+lateApproved+lateExecuted))+' '+pastDueDate+' '+lateReported+' '+lateExecuted+' '+lateApproved+'
'
this.htmlDataStats += 'Total Scheduled Not Complied Partially Complied Complied Complied With Gaps ';
this.htmlDataStats += ' '+total+' '+scheduled+' '+notComplied+' '+partiallyComplied+' '+complied+' '+compliedWithGaps+'
'
return html;
}
renderStatistics = (_firstDay: any, _endDay: any, iInit: number, iLast: number, showGraph: boolean, index: number, month: number, period: string, firstDate: any = null, parametersTitle: string) => {
var total = 0, notStarted = 0, approved = 0, pendingApproval = 0, rejected = 0;
let subfiltersTotal:any = {}
let subfiltersNotStarted:any = {}
let subfiltersPendingApproval:any = {}
let subfiltersRejected:any = {}
let subfiltersApproved:any = {}
var html = '';
// var lastDay = iLast;
// var slice = 2;
this.clearGraphData();
console.log('this.clearSelectedGraphParam(); 2');
this.clearSelectedGraphParam();
this.clearSelectedLegend();
html += this.renderCalendarStatisticsGraphs(showGraph, parametersTitle);
html += this.renderCalendarContainerDivStart(index)
html += this.renderCalendarEventSummaryViewer();
let filtersTableHtml = ""
if(Object.keys(this.statisticsFiltersData).length > 0){
filtersTableHtml += this.renderStatisticsFiltersTableStart()
}
console.log('statistics', firstDate, iInit, iLast)
for(var i = iInit; i <= iLast; i++) {
let mmdd : string = "";
if(firstDate == null) {
mmdd = ("0" + (month+1)).slice(-2) + "/" + ("0" + i).slice(-2);
} else {
const currDate = new Date(firstDate.getTime());
currDate.setDate(firstDate.getDate() + (i));
mmdd = ("0" + (currDate.getMonth()+1)).slice(-2) + "/" + ("0" + currDate.getDate()).slice(-2);
}
console.log('mmddevent', mmdd,this.statistics[mmdd], firstDate);
// var hide;
// if(firstDate == null) {
// hide = this.getCalendarRowHide(this.events[mmdd], i, lastDay, month, firstDate, null);
// } else {
// const currDate = new Date(firstDate.getTime());
// currDate.setDate(firstDate.getDate() + (i - 1));
// hide = this.getCalendarRowHide(this.events[mmdd], i, lastDay, month, firstDate, currDate);
// }
if(this.statistics[mmdd] != null) {
// html += this.renderCalendarRowDivStart(i, firstDate, mmdd.split("/")[1] + "/" + mmdd.split("/")[0]);
total += this.statistics[mmdd].count;
console.log('mmdd', mmdd, this.statistics[mmdd].count, total);
notStarted += this.statistics[mmdd]["not-started"] ?? 0;
pendingApproval += this.statistics[mmdd]["pending-approval"] ?? 0;
rejected += this.statistics[mmdd]["rejected"] ?? 0;
approved += this.statistics[mmdd]["approved"] ?? 0;
for(let subfilter of Object.keys(this.statistics['subfilters'])){
if(subfiltersTotal[subfilter] == null){
subfiltersTotal[subfilter] = 0
}
if(subfiltersNotStarted[subfilter] == null){
subfiltersNotStarted[subfilter] = 0
}
if(subfiltersPendingApproval[subfilter] == null){
subfiltersPendingApproval[subfilter] = 0
}
if(subfiltersRejected[subfilter] == null){
subfiltersRejected[subfilter] = 0
}
if(subfiltersApproved[subfilter] == null){
subfiltersApproved[subfilter] = 0
}
if(this.statistics['subfilters'][subfilter][mmdd] != null){
subfiltersTotal[subfilter] += (this.statistics['subfilters'][subfilter][mmdd].count)
subfiltersNotStarted[subfilter] += (this.statistics['subfilters'][subfilter][mmdd]['not-started'] ?? 0)
subfiltersPendingApproval[subfilter] += (this.statistics['subfilters'][subfilter][mmdd]['pending-approval'] ?? 0)
subfiltersRejected[subfilter] += (this.statistics['subfilters'][subfilter][mmdd]['rejected'] ?? 0)
subfiltersApproved[subfilter] += (this.statistics['subfilters'][subfilter][mmdd]['approved'] ?? 0)
}
}
}
}
if(Object.keys(this.statisticsFiltersData).length > 0){
let filtercriteria = Object.keys(this.statisticsFiltersData)[0]
let sortedFilters = Util.alphabeticalSort(this.statisticsMeta[filtercriteria])
for(let [filterindex, filterval] of sortedFilters.entries()){
let filtername = filterval.split(';')[0]
let filterid = filterval.split(';')[1]
let filterTotal = 0, filterNotStarted = 0, filterPendingApproval = 0, filterRejected = 0, filterApproved = 0;
let lastActive = "";
let lastAction = "";
let subfiltersFilterTotal:any = {}
let subfiltersFilterNotStarted:any = {}
let subfiltersFilterPendingApproval:any = {}
let subfiltersFilterRejected:any = {}
let subfiltersFilterApproved:any = {}
for(var i = iInit; i <= iLast; i++) {
let mmdd : string = "";
if(firstDate == null) {
mmdd = ("0" + (month+1)).slice(-2) + "/" + ("0" + i).slice(-2);
} else {
const currDate = new Date(firstDate.getTime());
currDate.setDate(firstDate.getDate() + (i));
mmdd = ("0" + (currDate.getMonth()+1)).slice(-2) + "/" + ("0" + currDate.getDate()).slice(-2);
}
console.log('mmddFilters', mmdd)
if(this.statisticsFiltersData[filtercriteria][filterid] != null){
if(this.statisticsFiltersData[filtercriteria][filterid]['lasttime'] != null){
lastAction = this.statisticsFiltersData[filtercriteria][filterid]['lasttime']['lastaction'] ?? ""
lastActive = this.statisticsFiltersData[filtercriteria][filterid]['lasttime']['lastactive'] ?? ""
}
if(this.statisticsFiltersData[filtercriteria][filterid][mmdd] != null){
filterTotal += this.statisticsFiltersData[filtercriteria][filterid][mmdd].count
filterNotStarted += this.statisticsFiltersData[filtercriteria][filterid][mmdd]['not-started'] ?? 0
filterPendingApproval += this.statisticsFiltersData[filtercriteria][filterid][mmdd]['pending-approval'] ?? 0
filterRejected += this.statisticsFiltersData[filtercriteria][filterid][mmdd]['rejected'] ?? 0
filterApproved += this.statisticsFiltersData[filtercriteria][filterid][mmdd]['approved'] ?? 0
for(let subfilter of Object.keys(this.statisticsFiltersData[filtercriteria][filterid]['subfilters'])){
if(subfiltersFilterTotal[subfilter] == null){
subfiltersFilterTotal[subfilter] = 0
}
if(subfiltersFilterNotStarted[subfilter] == null){
subfiltersFilterNotStarted[subfilter] = 0
}
if(subfiltersFilterPendingApproval[subfilter] == null){
subfiltersFilterPendingApproval[subfilter] = 0
}
if(subfiltersFilterRejected[subfilter] == null){
subfiltersFilterRejected[subfilter] = 0
}
if(subfiltersFilterApproved[subfilter] == null){
subfiltersFilterApproved[subfilter] = 0
}
if(this.statisticsFiltersData[filtercriteria][filterid]['subfilters'][subfilter][mmdd] != null){
subfiltersFilterTotal[subfilter] += (this.statisticsFiltersData[filtercriteria][filterid]['subfilters'][subfilter][mmdd].count)
console.log('subfilterTotal',subfiltersFilterTotal);
subfiltersFilterNotStarted[subfilter] += (this.statisticsFiltersData[filtercriteria][filterid]['subfilters'][subfilter][mmdd]['not-started'] ?? 0)
subfiltersFilterPendingApproval[subfilter] += (this.statisticsFiltersData[filtercriteria][filterid]['subfilters'][subfilter][mmdd]['pending-approval'] ?? 0)
subfiltersFilterRejected[subfilter] += (this.statisticsFiltersData[filtercriteria][filterid]['subfilters'][subfilter][mmdd]['rejected'] ?? 0)
subfiltersFilterApproved[subfilter] += (this.statisticsFiltersData[filtercriteria][filterid]['subfilters'][subfilter][mmdd]['approved'] ?? 0)
}
}
}
}
}
filtersTableHtml += this.renderStatisticsFiltersTableRow(lastAction != "" || lastActive != "")
if(filterindex % 2 == 0){
filtersTableHtml = filtersTableHtml.replace(/TD_BODY_CLASS/g, "td-light");
}else{
filtersTableHtml = filtersTableHtml.replace(/TD_BODY_CLASS/g, "td-dark");
}
filtersTableHtml = filtersTableHtml.replace("FILTER_CRITERIA_NAME", filtercriteria+"");
filtersTableHtml = filtersTableHtml.replace("DASHBOARD_FILTER_NAME", (filtername+"").replace(/\([^)]*\)/g,""));
let filterTotalHtml = filterTotal + ""
let filterNotStartedHtml = filterNotStarted + Util.percentageString(filterNotStarted, filterTotal)
let filterPendingApprovalHtml = filterPendingApproval + Util.percentageString(filterPendingApproval, filterTotal)
let filterRejectedHtml = filterRejected + Util.percentageString(filterRejected, filterTotal)
let filterApprovedHtml = filterApproved + Util.percentageString(filterApproved, filterTotal)
for(let subfilter of Object.keys(this.statisticsFiltersData[filtercriteria][filterid]['subfilters'])){
filterTotalHtml += `Total Not Started Approved Pending Approval Rejected ';
this.htmlDataStats += ' '+total+totalHtml+' '+notStarted+notStartedHtml+' '+approved+approvedHtml+' '+pendingApproval+pendingApprovalHtml+' '+rejected+rejectedHtml+'
'
if(Object.keys(this.statisticsFiltersData).length > 0){
this.htmlDataStats += '
${this.selectedItemIds.length - 1} other ` + ((this.selectedItemIds.length - 1) === 1 ? `item` : `items`) + ` also selected
`
}
if(this.myRole == this.TAB_APPROVER || this.myRole == this.TAB_FUNCTION_HEAD) {
if(event.comments.length > 0) {
html += '';
html += '
';
html += '
'
html += 'Save '
html += 'Save '
html += '
'
if(this.myRole != this.TAB_FUNCTION_HEAD && docs.length > 0) {
html += '
';
html += '
Supporting Documents ';
html += '
';
html += '
The analysis is running in the background. You can proceed further.
'
html += '
';
}
html += '
';
html += '
Approver Comments* ';
html += '
';
html += '
Date of Completion* ';
html += '
';
html += '
Percentage ';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
Submit Via Link
');
}
if(showSubmissionSection) {
html += '';
html += '
'
html += 'Save '
html += 'Save '
html += '
'
html += '
';
html += '
Reporter Comments* ';
html += '
';
html += '
Date of Completion* ';
html += '
';
html += '
Completion Percentage* ';
html += '
';
html += '
For reporting full non-compliance, choose 0%. For reporting compliance with gaps, choose the appropriate % value.
'
// if(docsOptional.length === 0) {
html += '
Supporting Documents' + ((docsOptional.length > 0) ? '' : '*') + ' ';
html += '
';
if(uploadGuidance == 1){
html += '
help Get Help
'
}else if(uploadGuidance != 0){
html += '
'
html += '
Upload Guidance
'
html += '
')+'" minLength="150">';
html += '
'
}
html += '
The analysis is running in the background. You can proceed further.
'
// }
html += '
';
if(event['reportformat'] != null && event['reportformat'].length > 0){
html += '
'
}
html += '
';
if(makercheckers.length > 0) {
html += '
check_small Auto-approve Enabled
';
if(completeness == "pending-approval" && this.enableDeleteLatestReport) {
html += '
Auto Approve
';
}
}
html += '
';
html += '
';
html += '
';
html += '
'
html += 'Save '
html += 'Save '
html += '
'
html += '
';
html += '
Auditor Comments ';
html += '
';
html += '
Date of Completion ';
html += '
';
html += '
Percentage ';
html += '
';
html += '
For reporting full non-compliance, choose 0%. For reporting compliance with gaps, choose the appropriate % value.
'
html += '
';
html += '
';
if(docs.length > 0) {
html += '
Supporting Documents ';
html += '
';
html += '
The analysis is running in the background. You can proceed further.
'
}
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
if(docs.length === 0) {
html += '
Supporting Documents ';
html += '
';
html += '
The analysis is running in the background. You can proceed further.
'
}
html += '
';
html += '
for(let tempReportingContainer of listReportingContainers){
tempReportingContainer.style.display = 'none';
tempReportingContainer.innerHTML = '';
}
listReportingContainer.style.display = 'flex';
const id = listReportingContainer.id;
const idArr = id.split("-")
// const i = idArr[3];
const j = idArr[5];
let buttonListReportings = eventsContainer.querySelectorAll('.button-list-reporting') as NodeListOf
for(let buttonListReporting of buttonListReportings){
console.log('buttonListReporting', buttonListReporting.id, 'button-list-reporting-'+mmdd.replace(/\//g, '-')+'-'+ j);
if(buttonListReporting.id == 'button-list-reporting-'+mmdd.replace(/\//g, '-')+'-'+ j){
buttonListReporting.setAttribute('part','button-list-reporting-selected')
}else{
buttonListReporting.setAttribute('part','button-list-reporting')
}
}
let streamEventTitles = eventsContainer.querySelectorAll('.stream-event-title') as NodeListOf
for(let streamEventTitle of streamEventTitles){
if(streamEventTitle.id == 'stream-event-title-'+mmdd.replace(/\//g, '-') + '-' + j + '-'+((event.isnotice ?? false)?'isnotice':'isevent')){
streamEventTitle.setAttribute('part','stream-event-title-selected')
}else{
streamEventTitle.removeAttribute('part')
}
}
listReportingContainer.innerHTML = html;
listReportingContainer.querySelector('.button-delete')?.addEventListener('click', async () => {
await this.fetchDeleteReview(event["id"], mmddyyyy, event.entityid, event.locationid);
this.setSuccess('Deleted successfully!')
setTimeout(() => {
this.clearMessages()
}, 3000);
//console.log('deleted', resultDelete);
if(this.getCurrentTab() == this.TAB_CUSTOM) {
this.processDateSelection((this._SfCustomContainer as HTMLDivElement));
} else {
// if(currentColumnButton != null) {
// currentColumnButton.click();
// }
}
});
listReportingContainer.querySelector('#button-auto-approve')?.addEventListener('click', async () => {
if(this.selectedItemIds.length <= 1){
await this.uploadReview(event.entityid, event.locationid, mmddyyyy, event["id"], "Auto approved", true, event.isnotice != null ? "notices" : "events");
this.setSuccess('Auto-Approved successfully!')
setTimeout(() => {
this.clearMessages()
}, 3000);
}else{
let bulkBodyReview = []
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
let entityId = selectedId.split('-')[7].replace(/_/g, '-');
let locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
//console.log(entityId, locationId, eventId, mmddyyyy);
bulkBodyReview.push({
"mmddyyyy": mmddyyyy,
"projectid": this.projectId,
"type": "review",
"eventid": eventId,
"comments": "Auto approved",
"approved": true,
"entityid": entityId,
"locationid": locationId,
"username": this.userName,
"userid": this.userProfileId,
"userrole": this.myRole,
"year": this.calendarStartYYYY,
"module": event.isnotice != null ? "notices" : "events"
})
}
await this.uploadReviewsBulk(bulkBodyReview);
}
if(this.getCurrentTab() == this.TAB_CUSTOM) {
this.processDateSelection((this._SfCustomContainer as HTMLDivElement));
} else {
// if(currentColumnButton != null) {
// currentColumnButton.click();
// }
}
});
listReportingContainer.querySelector('#upload-guidance-button')?.addEventListener('click', async () => {
console.log('upload guidance clicked', event);
await this.fetchEventDetails(event, mmddyyyy, null, eventsContainer, true, listReportingContainer);
})
if(this.mode == "consumer" || this.mode == "next") {
listReportingContainer.querySelector('#button-uploader-submit-approve')?.addEventListener('click', async (ev: any) => {
let buttonClick = ev.target as HTMLButtonElement
buttonClick.innerHTML = "Saving..."
const comments = (listReportingContainer.querySelector('#input-approver-comments') as HTMLInputElement).value;
console.log('comments', comments, JSON.stringify(event.comments))
const approved = (listReportingContainer.querySelector('#input-approve-yes') as HTMLInputElement).checked;
let currStatus = this.getCompletenessStatus(event);
let newEvent = {...event};
newEvent.comments = comments;
newEvent.approved = approved;
let newStatus = this.getCompletenessStatus(newEvent);
if(currStatus == newStatus){
buttonClick.innerHTML = "Save"
this.setError('Already Approved!');
setTimeout(() => {
this.clearMessages();
}, 3000);
return;
}
let flagBulk = false;
if(this.selectedItemIds.length <= 1){
console.log('selectedevent', JSON.stringify(event));
if(await this.uploadReview(event.entityid, event.locationid, mmddyyyy, event["id"], comments, approved, event.isnotice != null ? "notices" : "events")){
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == event.locationid && this.events[mmdd][p].entityid == event.entityid){
this.events[mmdd][p].approved = approved
console.log('selected event', this.events[mmdd][p]);
this.events[mmdd][p].comments.push({'author': 'Approver', 'comment': comments + ` (Approved: ${approved ? 'Yes' : 'No'})`, 'timestamp': new Date().toString()})
this.events[mmdd][p].lastupdated = new Date().toString()
if(approved){
this.events[mmdd][p].dateofcompletion = new Date().getTime() + ""
}
}
}
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(event)
}
}else{
let bulkBodyReview = []
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
let entityid = selectedId.split('-')[7].replace(/_/g, '-');
let locationid = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
//console.log(entityId, locationId, eventId, mmddyyyy);
bulkBodyReview.push({
"mmddyyyy": mmddyyyy,
"projectid": this.projectId,
"type": "review",
"eventid": eventId,
"comments": comments,
"approved": approved,
"entityid": entityid,
"locationid": locationid,
"username": this.userName,
"userid": this.userProfileId,
"userrole": this.myRole,
"year": this.calendarStartYYYY,
"module": event.isnotice != null ? "notices" : "events"
})
// await this.uploadReview(entityId, locationId, mmddyyyy, eventId, comments, approved)
// this.setSuccess("Updating " + (k + 1) + "/" + this.selectedItemIds.length + ", please wait...");
// await this.sleep(2000);
// this.clearMessages();
}
await this.uploadReviewsBulk(bulkBodyReview);
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
let entityid = selectedId.split('-')[7].replace(/_/g, '-');
let locationid = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1]
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationid && this.events[mmdd][p].entityid == entityid){
this.events[mmdd][p].isbulk = true
flagBulk = true
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(this.events[mmdd][p])
}
}
}
}
if(this.mode == "next"){
// this.fetchNext(this.nextPage)
this.renderRoleTabsNext(this.nextPage)
}else{
// if(this.getCurrentTab() == this.TAB_CUSTOM) {
// this.processDateSelection((this._SfCustomContainer as HTMLDivElement));
// } else
if(this.getCurrentTab() == this.TAB_FIND) {
const searchString = ((this._SfFindContainer as HTMLDivElement).querySelector('#stream-search') as HTMLInputElement).value;
this.processFindSelection((this._SfFindContainer as HTMLDivElement), searchString);
} else {
if(this.selectedItemIds.length > 0) {
await this.fetchBulkReportingData();
}
console.log('events', this.events);
this.renderAppropriateStream(this.sdate,this.edate, true, flagBulk);
}
}
});
listReportingContainer.querySelector('#button-uploader-submit-audit')?.addEventListener('click', async (ev: any) => {
let buttonClick = ev.target as HTMLButtonElement
buttonClick.innerHTML = "Saving..."
const comments = (listReportingContainer.querySelector('#input-auditor-comments') as HTMLInputElement).value;
const approved = (listReportingContainer.querySelector('#input-approve-yes') as HTMLInputElement).checked;
if(comments.trim().length === 0) {
buttonClick.innerHTML = "Save"
this.setError('Comments cannot be blank!');
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
let flagBulk = false;
if(this.selectedItemIds.length <= 1){
if(await this.uploadAudit(event.entityid, event.locationid, mmddyyyy, event["id"], comments, approved, event.isnotice != null ? "notices" : "events")){
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == event.locationid && this.events[mmdd][p].entityid == event.entityid){
this.events[mmdd][p].approved = approved
this.events[mmdd][p].comments.push({'author': 'Auditor', 'comment': comments + ` (Approved: ${approved ? 'Yes' : 'No'})`, 'timestamp': new Date().toString()})
this.events[mmdd][p].lastupdated = new Date().toString()
if(approved){
this.events[mmdd][p].dateofcompletion = new Date().getTime() + ""
}
}
}
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(event)
}
}else{
let bulkBodyAudit = []
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
let entityId = selectedId.split('-')[7].replace(/_/g, '-');
let locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
//console.log(entityId, locationId, eventId, mmddyyyy);
bulkBodyAudit.push({
"mmddyyyy": mmddyyyy,
"projectid": this.projectId,
"type": "audit",
"eventid": eventId,
"comments": comments,
"approved": approved,
"entityid": entityId,
"locationid": locationId,
"username": this.userName,
"userid": this.userProfileId,
"userrole": this.myRole,
"year": this.calendarStartYYYY,
"module": event.isnotice != null ? "notices" : "events"
})
// await this.uploadAudit(entityId, locationId, mmddyyyy, eventId, comments, approved);
}
await this.uploadAuditsBulk(bulkBodyAudit);
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
let entityId = selectedId.split('-')[7].replace(/_/g, '-');
let locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1]
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
this.events[mmdd][p].isbulk = true
flagBulk = true;
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(this.events[mmdd][p])
}
}
}
}
if(this.mode == "next"){
this.fetchNext(this.nextPage, this.nextTabRole, this.nextTabStatus)
}else{
// if(this.getCurrentTab() == this.TAB_CUSTOM) {
// this.processDateSelection((this._SfCustomContainer as HTMLDivElement));
// } else
if(this.getCurrentTab() == this.TAB_FIND) {
const searchString = ((this._SfFindContainer as HTMLDivElement).querySelector('#stream-search') as HTMLInputElement).value;
this.processFindSelection((this._SfFindContainer as HTMLDivElement), searchString);
} else {
if(this.selectedItemIds.length > 0) {
await this.fetchBulkReportingData();
}
this.renderAppropriateStream(this.sdate,this.edate,true, flagBulk);
// if(currentColumnButton != null) {
// currentColumnButton.click();
// }
}
}
}
});
if(this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_FUNCTION_HEAD) {
if(event.approved) {
if((listReportingContainer.querySelector('#button-uploader-submit-report') as HTMLElement) != null) {
(listReportingContainer.querySelector('#button-uploader-submit-report') as HTMLElement).style.visibility = 'hidden';
}
} else {
if((listReportingContainer.querySelector('#button-uploader-submit-report') as HTMLElement) != null) {
(listReportingContainer.querySelector('#button-uploader-submit-report') as HTMLElement).style.visibility = 'visible';
listReportingContainer.querySelector('#button-uploader-submit-report')?.addEventListener('click', async (ev: any) => {
let buttonClick = ev.target as HTMLButtonElement
buttonClick.innerHTML = "Saving..."
const reportercomments = (listReportingContainer.querySelector('#input-reporter-comments') as HTMLInputElement).value;
//console.log('reporter comments 1', reportercomments);
const reporterdoc = (listReportingContainer.querySelector('#input-reporter-doc') as HTMLInputElement).value.length > 0 ? (new Date((listReportingContainer.querySelector('#input-reporter-doc') as HTMLInputElement).value).getTime() + "") : "";
let docs:any[] = [];
//console.log('reporter comments 2', reportercomments);
// if(docsOptional.length === 0) {
docs = (this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.selectedValues();
// }
//console.log('docs', docs);
let reportformatvalues:string = "";
let reportformatschema:string = "";
if(this._SfReporting[0] != null){
reportformatvalues = JSON.stringify((this._SfReporting[0].querySelector('#reporting-format') as SfIReporting)!.selectedValues()) ?? "";
reportformatschema = (this._SfReporting[0].querySelector('#reporting-format') as SfIReporting)!.configjson ?? "";
}
let percentage: string = "100";
if((listReportingContainer.querySelector('#input-reporter-percentage') as HTMLInputElement) != null){
percentage = (listReportingContainer.querySelector('#input-reporter-percentage') as HTMLInputElement).value
}
console.log('percentage', percentage, (listReportingContainer.querySelector('#input-reporter-percentage') as HTMLInputElement).value);
if(Number.isNaN(parseInt(percentage)) || parseInt(percentage) < 0 || parseInt(percentage) > 100) {
//console.log('reporter comments 3', reportercomments);
buttonClick.innerHTML = "Save"
this.setError('Invalid Percentage!');
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
if(docs.length == 0 && event.docsOptional != null && event.docsOptional.length === 0) {
//console.log('reporter comments 3', reportercomments);
buttonClick.innerHTML = "Save"
this.setError('No documents uploaded!');
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
//console.log('reporterdoc', reporterdoc);
if(reporterdoc.length === 0) {
buttonClick.innerHTML = "Save"
this.setError('Date of completion not selected!');
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
//console.log('makerscheckers 1', reportercomments);
if(reportercomments.trim().length === 0) {
buttonClick.innerHTML = "Save"
this.setError('Comments cannot be blank!');
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
let flagBulk = false;
if(this.selectedItemIds.length <= 1){
if(await this.uploadReport(event.entityid, event.locationid, mmddyyyy, event["id"], reportercomments, reporterdoc, docs, event, reportformatvalues, reportformatschema, event.isnotice != null ? "notices" : "events", percentage, event.makercheckers)){
console.log('this.events', this.events);
if(this.mode != "next"){
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == event.locationid && this.events[mmdd][p].entityid == event.entityid){
this.events[mmdd][p].documents = docs
this.events[mmdd][p].comments.push({'author': 'Reporter', 'comment': reportercomments + ` (Documents Saved: ${docs.length}})`, 'timestamp': new Date().toString()})
this.events[mmdd][p].lastupdated = new Date().toString()
}
}
if(event.makercheckers.length > 0) {
// await this.uploadReview(event.entityid, event.locationid, mmddyyyy, event["id"], "Auto approved", true, event.isnotice != null ? "notices" : "events");
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == event.locationid && this.events[mmdd][p].entityid == event.entityid){
this.events[mmdd][p].approved = true
// this.events[mmdd][p].documents = docs
this.events[mmdd][p].comments.push({'author': 'Approver', 'comment': `Auto approved (Approved: Yes})`, 'timestamp': new Date().toString()})
this.events[mmdd][p].lastupdated = new Date().toString()
}
}
}
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(event)
console.log('recently reported', this.recentlyReported)
}
}
}else{
let bulkBody = []
let bulkBodyReview = []
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
const makercheckersL = selectedId.split('-')[5];
let entityId = selectedId.split('-')[7].replace(/_/g, '-');
let locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
//console.log(entityId, locationId, eventId, mmddyyyy);
// await this.uploadReport(entityId, locationId, mmddyyyy, eventId, reportercomments, reporterdoc, docs, null)
// if(parseInt(makercheckersL) > 0) {
// bulkBodyReview.push({
// "mmddyyyy": mmddyyyy,
// "projectid": this.projectId,
// "type": "report",
// "eventid": eventId,
// "comments": reportercomments,
// "dateofcompletion": reporterdoc,
// "percentage": percentage,
// "entityid": entityId,
// "locationid": locationId,
// "event": null,
// "docs": JSON.stringify(docs),
// "approved": true,
// "username": this.userName,
// "reportformatvalues": reportformatvalues,
// "reportformatschema": reportformatschema,
// "userid": this.userProfileId,
// "userrole": this.myRole,
// "year": this.calendarStartYYYY,
// "module": event.isnotice != null ? "notices" : "events"
// } )
// // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, "Auto approved", true);
// }else{
bulkBody.push({
"mmddyyyy": mmddyyyy,
"projectid": this.projectId,
"type": "report",
"eventid": eventId,
"comments": reportercomments,
"dateofcompletion": reporterdoc,
"percentage": percentage,
"entityid": entityId,
"locationid": locationId,
"event": null,
"docs": JSON.stringify(docs),
"username": this.userName,
"reportformatvalues": reportformatvalues,
"reportformatschema": reportformatschema,
"userid": this.userProfileId,
"userrole": this.myRole,
"year": this.calendarStartYYYY,
"module": event.isnotice != null ? "notices" : "events",
"makercheckers": (parseInt(makercheckersL) > 0) ? ["makercheckers"] : null
})
// }
// this.setSuccess("Updating " + (k + 1) + "/" + this.selectedItemIds.length + ", please wait...");
// await this.sleep(2000);
// this.clearMessages();
}
// await this.uploadReportsBulk(bulkBody);
// await this.fetchBulkReportingData();
if(bulkBody.length > 0){
await this.uploadReportsBulk(bulkBody, bulkBodyReview.length == 0);
}
// if(bulkBodyReview.length > 0){
// await this.uploadReportsReviewsBulk(bulkBodyReview)
// }
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
let entityId = selectedId.split('-')[7].replace(/_/g, '-');
let locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1]
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
flagBulk = true;
this.events[mmdd][p].isbulk = true
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(this.events[mmdd][p])
}
}
}
}
if(this.mode == "next"){
this.fetchNext(this.nextPage, this.nextTabRole, this.nextTabStatus)
}else{
// if(this.getCurrentTab() == this.TAB_CUSTOM) {
// this.processDateSelection((this._SfCustomContainer as HTMLDivElement));
// } else
if(this.getCurrentTab() == this.TAB_FIND) {
const searchString = ((this._SfFindContainer as HTMLDivElement).querySelector('#stream-search') as HTMLInputElement).value;
this.processFindSelection((this._SfFindContainer as HTMLDivElement), searchString);
} else {
if(this.selectedItemIds.length > 0) {
await this.fetchBulkReportingData();
}
this.renderAppropriateStream(this.sdate,this.edate,true, flagBulk)
// if(currentColumnButton != null) {
// currentColumnButton.click();
// }
}
}
}
}
}
}
});
}
}
}
if(this._SfUploader[0] != null) {
if((listReportingContainer.querySelector('.uploader-analysis-message') as HTMLDivElement) != null){
(listReportingContainer.querySelector('.uploader-analysis-message') as HTMLDivElement).style.display = "none"
}
this._SfUploader[0].querySelector('#uploader').addEventListener('analysisInProgress', (_ev: any) => {
console.log('uploader analysisInProgress', _ev);
(listReportingContainer.querySelector('.uploader-analysis-message') as HTMLDivElement).style.display = "block"
});
this._SfUploader[0].querySelector('#uploader').addEventListener('analysisCompleted', (_ev: any) => {
console.log('uploader analysisInProgress', _ev);
if((listReportingContainer.querySelector('.uploader-analysis-message') as HTMLDivElement) != null){
(listReportingContainer.querySelector('.uploader-analysis-message') as HTMLDivElement).style.display = "none"
}
});
//console.log('documentType checking', documentType);
if(event.documentType != null) {
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.docType = event.documentType;
}else{
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.docType = "";
}
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.prepopulatedInputArr = JSON.stringify([]);
console.log('uploader', (this._SfUploader[0].querySelector('#uploader') as SfIUploader));
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.loadMode();
if(docs.length > 0) {
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.prepopulatedInputArr = JSON.stringify(docs);
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.loadMode();
}
if(this.myRole == this.TAB_APPROVER || event.approved) {
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.readOnly = true;
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.loadMode();
} else {
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.readOnly = false;
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.loadMode();
}
const dataPassthrough = {
projectId: this.projectId,
countryId: this.countryId,
entityId: event.entityid,
locationId: event.locationid,
mmddyyyy: mmddyyyy,
complianceId: event['id'],
path: "uploadextract"
};
const callbackUrlHost = "8icpy39ru0.execute-api.us-east-1.amazonaws.com";
const callbackUrlPath = "test/uploadextract";
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.projectId = this.projectId;
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.dataPassthrough = JSON.stringify(dataPassthrough);
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.callbackUrlHost = callbackUrlHost;
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.callbackUrlPath = callbackUrlPath;
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.loadMode();
console.log('uploader prepopulate', (this._SfUploader[0].querySelector('#uploader') as SfIUploader).prepopulatedInputArr)
}
//console.log('approved 1', event["approved"], this.myRole, this.TAB_APPROVER);
if(this.myRole == this.TAB_APPROVER || this.myRole == this.TAB_VIEWER || this.myRole == this.TAB_AUDITOR || this.myRole == this.TAB_FUNCTION_HEAD) {
//console.log('approved 1', event["approved"], this.myRole, this.TAB_APPROVER);
if(event["approved"] != null) {
if(event["approved"] === true) {
//console.log('approved 2', event["approved"], this.myRole, this.TAB_APPROVER);
if((listReportingContainer.querySelector('#input-approve-yes') as HTMLInputElement) != null) {
(listReportingContainer.querySelector('#input-approve-yes') as HTMLInputElement).checked = true;
}
if((listReportingContainer.querySelector('#input-approve-no') as HTMLInputElement) != null) {
(listReportingContainer.querySelector('#input-approve-no') as HTMLInputElement).checked = false;
}
} else {
if((listReportingContainer.querySelector('#input-approve-yes') as HTMLInputElement) != null) {
(listReportingContainer.querySelector('#input-approve-yes') as HTMLInputElement)!.checked = false;
}
if((listReportingContainer.querySelector('#input-approve-no') as HTMLInputElement) != null) {
(listReportingContainer.querySelector('#input-approve-no') as HTMLInputElement)!.checked = true;
}
}
} else {
if(listReportingContainer.querySelector('#input-approve-yes') as HTMLInputElement != null) {
(listReportingContainer.querySelector('#input-approve-yes') as HTMLInputElement).checked = false;
}
if((listReportingContainer.querySelector('#input-approve-no') as HTMLInputElement) != null) {
(listReportingContainer.querySelector('#input-approve-no') as HTMLInputElement).checked = true;
}
}
}
}
if(event['reportformat'] != null && event['reportformat'].length > 0){
this.fetchReportFormat(listReportingContainer, reportformatName, event['reportformatschema'] ?? "", event['reportformatvalues'] ?? "");
}
}
attachListReportingListeners = (eventsContainer: HTMLDivElement) => {
let buttonListReports = eventsContainer.querySelectorAll('.button-list-reporting') as NodeListOf
for(let buttonListReport of buttonListReports){
buttonListReport?.addEventListener('click',(ev:any) => {
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[3] + "/" + idArr[4];
const yyyy = this.getCurrentYear(idArr[3]);
// const i = idArr[5];
const j = idArr[5];
let listReportingContainer = eventsContainer.querySelector('#list-reporting-container-'+mmdd.replace(/\//g,'-')+'-'+j) as HTMLDivElement
// console.log('mmddyyyy', this.events[mmdd][j], listReportingContainer, '#list-reporting-container-'+mmdd.replace(/\//g,'-')+'-'+j);
if(listReportingContainer.style.display == 'none' || listReportingContainer.style.display == ''){4
this.renderListReporting(listReportingContainer,this.events[mmdd][j], mmdd + '/' + yyyy, eventsContainer)
}else{
listReportingContainer.innerHTML = '';
listReportingContainer.style.display = 'none';
ev.target.setAttribute('part','button-list-reporting')
let streamEventTitles = eventsContainer.querySelectorAll('.stream-event-title') as NodeListOf
for(let streamEventTitle of streamEventTitles){
streamEventTitle.removeAttribute('part')
}
}
// console.log('part', ev.target.getAttribute('part'));
})
}
}
renderStreamEvents = (index: number, month: number, year: number, showGraph: boolean = true, showBackgroundButton: boolean = false) => {
//console.log('flowgraph renderStreamEvents', this.flowGraph);
const lastDay = this.getLastDayOfMonth(month, year);
let firstDay = new Date(year, month, 1);
let endDay = new Date(year, month, 1);
endDay?.setDate(endDay.getDate() + lastDay + 1);
var period = ("0" + (month+1)).slice(-2) + "/" + ("0" + 1).slice(-2) + '/' + firstDay.getFullYear() + ' - ' + ("0" + (month+1)).slice(-2) + "/" + ("0" + lastDay).slice(-2) + '/' + firstDay.getFullYear()
return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, month, period, null, this.monthNames[month] + " " + year, showBackgroundButton);
}
renderThisEvents = (index: number, startDate: Date, showGraph: boolean = true, showBackgroundButton: boolean = false) => {
var firstDate = new Date();
var count = 7;
//console.log('this start date', startDate);
if(index === 0) {
firstDate = (this.getFirstDateOfWeek(startDate) as Date);
//console.log('this first date', firstDate);
count = 7;
}
if(index === 1) {
firstDate = new Date(startDate.getFullYear(), startDate.getMonth(), 1);
count = this.getLastDayOfMonth(startDate.getMonth(), startDate.getFullYear());
//console.log('last day of month', count);
}
const lastDay = count;
let firstDay = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
let endDay = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
endDay?.setDate(endDay.getDate() + lastDay + 1);
var period = ("0" + (firstDay.getMonth()+1)).slice(-2) + "/" + ("0" + 1).slice(-2) + '/' + firstDay.getFullYear() + ' - ' + ("0" + (endDay.getMonth()+1)).slice(-2) + "/" + ("0" + count).slice(-2) + '/' + endDay.getFullYear()
return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, (firstDate.getMonth()), period, null, "This " + (index === 0 ? "Week" : "Month"), showBackgroundButton);
}
renderRangeEvents = (firstDate: Date, count: number, eventsContainer: HTMLDivElement, showBackgroundButton: boolean = false) => {
console.log('render range events called', firstDate, count)
var lastDate = new Date(firstDate.getTime());
lastDate.setDate(lastDate.getDate() + count - 1)
const lastDay = count;
let firstDay = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
let endDay = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
endDay?.setDate(endDay.getDate() + lastDay);
console.log('firstday', firstDay, endDay)
var period = ("0" + (firstDay.getMonth()+1)).slice(-2) + "/" + ("0" + firstDay.getDate()).slice(-2) + '/' + firstDay.getFullYear() + ' - ' + ("0" + (endDay.getMonth()+1)).slice(-2) + "/" + ("0" + endDay.getDate()).slice(-2) + '/' + endDay.getFullYear();
console.log('rangeperiod', period, lastDay);
var html = this.renderEvents(firstDay, endDay, 0, lastDay, true, 0, (firstDate.getMonth()), period, firstDate,"From " + firstDay.toLocaleDateString('en-IN') + " To " + endDay.toLocaleDateString('en-IN'), showBackgroundButton);
eventsContainer.querySelector('.calendar-right-data')!.innerHTML = html;
if(eventsContainer.innerHTML.indexOf('button-select-all') < 0){
eventsContainer.insertAdjacentHTML( 'beforeend', this.renderSelectAllButtons());
}
this.renderButtonRefresh(eventsContainer);
this.attachTimelineFilterHandlers(eventsContainer);
let backgroundProcessButton = eventsContainer.querySelector('#button-background-process') as HTMLButtonElement
if(showBackgroundButton){
backgroundProcessButton.style.display = showBackgroundButton ? 'flex' : 'none'
console.log('backgroundprocessbutton', backgroundProcessButton.style.display);
if(showBackgroundButton){
backgroundProcessButton.addEventListener('click',() => {
console.log('bulk-progress clicked')
let bulkLoader = (this._SfIEventsC as HTMLDivElement).querySelector('.bulk-loader') as HTMLDivElement
bulkLoader.scrollIntoView();
})
}
}
const filterButton = eventsContainer.querySelector('#filter-button') as HTMLButtonElement
filterButton?.addEventListener('click',() => {
const filterList = eventsContainer.querySelector('#filter-list-container') as HTMLDivElement
filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none')
filterButton.innerHTML = (filterList.style.display != 'block' ? 'category' : 'close')
const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
filterSubmitButton.addEventListener('click',() => {
this.processDateSelection(eventsContainer);
})
// const selectFeatureAll = filterList.querySelector('.input-select-feature-all') as HTMLInputElement
// selectFeatureAll.addEventListener('click',async(ev: any) => {
// let target = ev.target;
// if(target.checked){
// for(let feature of this.getFeatures()){
// if(this.selectedFeatures.indexOf(feature) < 0){
// this.selectedFeatures.push(feature);
// }
// }
// }else{
// this.selectedFeatures = []
// }
// const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf
// for(let selectFeature of selectFeatures){
// let id = selectFeature.id;
// let i = id.split('-')[3];
// let selectedFeature = this.getFeatures()[parseInt(i)]
// selectFeature.checked = this.selectedFeatures.indexOf(selectedFeature) >= 0
// }
// filterSubmitButton.style.visibility = 'visible'
// })
// const selectFeatureAllLabel = filterList.querySelector('#input-select-feature-label-all') as HTMLLabelElement
// selectFeatureAllLabel.addEventListener('click',()=>{
// selectFeatureAll.checked = !selectFeatureAll.checked
// selectFeatureAll.click();
// })
const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf
const selectFeatureLabels = filterList.querySelectorAll('.input-select-feature-label') as NodeListOf
for(let [i,selectFeature] of selectFeatures.entries()){
selectFeature.addEventListener('click',(ev: any) => {
let target = ev.target;
let id = target.id;
let index = id.split('-')[3];
let selectedFeature = this.getFeatures()[index]
if(target.checked){
if(this.selectedFeatures.indexOf(selectedFeature) < 0){
// this.selectedFeatures.push(selectedFeature)
this.selectedFeatures = [selectedFeature]
}
}
// else{
// // selectFeatureAll.checked = false;
// if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
// this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
// }
// }
// filterSubmitButton.style.visibility = 'visible'
filterSubmitButton.click();
})
selectFeatureLabels[i].addEventListener('click',() => {
selectFeature.checked = !selectFeature.checked
selectFeature.click();
})
}
})
const radioExpander = eventsContainer.querySelector('#graph-radios-expander') as HTMLButtonElement;
radioExpander?.addEventListener('click', (e: any) => {
const button = (e.currentTarget as HTMLButtonElement);
button.style.display = 'none';
const arrRadios = eventsContainer.querySelectorAll('.chart-radio-item-secondary') as NodeListOf;
arrRadios.forEach(div => {
div.style.display = 'block';
});
});
const buttonRefresh = eventsContainer.querySelector('#button-refresh') as HTMLButtonElement
buttonRefresh.addEventListener('click',async ()=>{
this.processDateSelection(eventsContainer)
})
this.attachListReportingListeners(eventsContainer);
const buttonArr = eventsContainer.querySelectorAll('.button-expand') as NodeListOf;
for(var i = 0; i < buttonArr.length; i++) {
buttonArr[i].addEventListener('click', (ev: any) => {
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[3] + "/" + idArr[4];
const j = idArr[5];
const isnotice = idArr[6];
var yyyy = this.getCurrentYear(idArr[3]);
if(isnotice === "isnotice"){
this.renderNoticeDetails(this.events[mmdd][j], mmdd + "/" + yyyy)
}else{
let found = false;
for(var k = 0; k < this.selectedItemIds.length; k++) {
if(this.selectedItemIds[k].indexOf(idArr[3] + '-' + idArr[4] + '-' + idArr[5]) >= 0) {
found = true;
}
}
if(!found) {
this.selectedItemIds = [];
this.selectedItems = [];
this.clearButtonSelection();
}
// (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
// this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, null);
this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, null, eventsContainer);
}
})
}
const titleArr = eventsContainer.querySelectorAll('.button-event-title') as NodeListOf;
for(var i = 0; i < titleArr.length; i++) {
titleArr[i].addEventListener('click', (ev: any) => {
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[3] + "/" + idArr[4];
const j = idArr[5];
const isnotice = idArr[6];
var yyyy = this.getCurrentYear(idArr[3]);
if(isnotice === "isnotice"){
this.renderNoticeDetails(this.events[mmdd][j], mmdd + "/" + yyyy)
}else{
let found = false;
for(var k = 0; k < this.selectedItemIds.length; k++) {
if(this.selectedItemIds[k].indexOf(idArr[3] + '-' + idArr[4] + '-' + idArr[5]) >= 0) {
found = true;
}
}
if(!found) {
this.selectedItemIds = [];
this.selectedItems = [];
this.clearButtonSelection();
}
// (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
// this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, null);
this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, null, eventsContainer);
}
})
}
const streamEventsContainer = eventsContainer.querySelectorAll('.stream-events-container') as NodeListOf;
const buttonSelect = eventsContainer.querySelectorAll('.button-select') as NodeListOf;
if(eventsContainer.innerHTML.indexOf('button-select-all') >= 0){
let selectAllArr = this.attachSelectAllListeners(eventsContainer,buttonSelect)
const buttonSelectAll = selectAllArr[0]
const buttonUnselectAll = selectAllArr[1]
for(i = 0; i < buttonSelect.length; i++) {
buttonSelect[i].addEventListener('click', (ev: any) => {
//console.log('eventscontainer', streamEventsContainer.length, buttonSelect.length);
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[2] + "/" + idArr[3];
const j = idArr[4];
// const makercheckers = idArr[5];
const docs = idArr[6];
const isnotice = idArr[14];
if((ev.target as HTMLInputElement).checked) {
this.selectedItemIds.push(id);
} else {
this.selectedItemIds.splice(this.selectedItemIds.indexOf(id), 1);
let listReportingContainer = eventsContainer.querySelector('#list-reporting-container-' + mmdd.replace(/\//g,'-') + '-' + j) as HTMLDivElement
listReportingContainer.style.display = 'none';
listReportingContainer.innerHTML = '';
let buttonListReporting = eventsContainer.querySelector('#button-list-reporting-' + mmdd.replace(/\//g,'-') + '-' + j) as HTMLButtonElement
buttonListReporting.setAttribute('part','button-list-reporting')
let streamEventTitle = eventsContainer.querySelector('#stream-event-title-' + mmdd.replace(/\//g,'-') + '-' + j + '-' + isnotice) as SfIElasticText
streamEventTitle.removeAttribute('part')
}
if(this.selectedItemIds.length === 0) {
for(var k = 0; k < buttonSelect.length; k++) {
const id1 = buttonSelect[k].id;
const idArr1 = id1.split("-")
const isbulk = idArr1[15] == "bulk"
console.log('isBulk button-select', id1, isbulk)
if(isbulk){
(buttonSelect[k] as HTMLInputElement).style.display = 'none';
}else{
(buttonSelect[k] as HTMLInputElement).style.display = 'block';
}
(streamEventsContainer[k] as HTMLDivElement).style.display = 'block';
}
let bulkUploadLables = eventsContainer.querySelectorAll('.bulk-upload-label') as NodeListOf
for(let bulkUploadLable of bulkUploadLables){
bulkUploadLable.innerHTML = ''
}
buttonSelectAll.style.display = 'none';
buttonUnselectAll.style.display = 'none';
} else {
if(this.selectedItemIds.length === 1) {
const id1 = id;
const idArr1 = id1.split("-")
const status = idArr1[13].replace(/_/g, '-');
this.selectedStatus = status;
}
let totalVisibleCount = 0
for(var k = 0; k < buttonSelect.length; k++) {
const id1 = buttonSelect[k].id;
const idArr1 = id1.split("-")
const docs1 = idArr1[6];
const status = idArr1[13].replace(/_/g, '-');
const isnotice1 = idArr1[14]
const isbulk = idArr1[15] == "bulk"
console.log('isBulk button-select', id1, isbulk)
if(isbulk){
(buttonSelect[k] as HTMLInputElement).style.display = 'none';
}
if(docs == docs1 && status == this.selectedStatus && isnotice == isnotice1) {
totalVisibleCount++
} else {
(buttonSelect[k] as HTMLInputElement).style.display = 'none';
(streamEventsContainer[k] as HTMLDivElement).style.display = 'none';
}
}
let bulkUploadLables = eventsContainer.querySelectorAll('.bulk-upload-label') as NodeListOf
for(let bulkUploadLable of bulkUploadLables){
bulkUploadLable.innerHTML = `${this.selectedItemIds.length - 1} other ` + ((this.selectedItemIds.length - 1) === 1 ? `item` : `items`) + ` also selected`
}
if(this.selectedItemIds.length >= parseInt(this.selectallblock) || this.selectedItemIds.length >= totalVisibleCount){
buttonSelectAll.style.display = 'none';
buttonUnselectAll.style.display = 'flex';
}else{
buttonSelectAll.style.display = 'flex';
buttonUnselectAll.style.display = 'none';
}
}
// (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
// this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
if(this.selectedItemIds.length == 1){
ev.target.scrollIntoView()
}
})
}
}
// this.clearGraphData();
// //console.log('rendering range', firstDate, count);
// this.selectedItems = [];
// var html = '';
// html += '';
// html += '
';
// html += '
Select Chart
';
// html += '
';
// html += '
';
// html += '
';
// html += '
'
// html += '
'
// html += '
';
// var total = 0, notStarted = 0, approved = 0, inProgress = 0, pastDueDate = 0, lateExecuted = 0, lateApproved = 0;
// html += '
';
// html += '
Total: DASHBOARD_TOTAL
';
// html += '
schedule Not Started: DASHBOARD_NOT_STARTED
';
// html += '
pending In Progress: DASHBOARD_IN_PROGRESS
';
// html += '
check_circle Approved: DASHBOARD_APPROVED
';
// // html += '
navigate_next
';
// html += '
timer In Time: DASHBOARD_IN_TIME
';
// html += '
running_with_errors Past Due Date: DASHBOARD_PAST_DUE_DATE
';
// html += '
running_with_errors Late Approved: DASHBOARD_LATE_APPROVED
';
// html += '
running_with_errors Late Executed: DASHBOARD_LATE_EXECUTED
';
// html += '
';
// html += '
';
// var lastDate = new Date(firstDate.getTime());
// lastDate.setDate(lastDate.getDate() + count)
// this.eventsInWindow = [];
// var csvCols = "", htmlCols = "";
// var csvValues = "", htmlValues = "";
// var period = ("0" + (firstDate.getMonth()+1)).slice(-2) + "/" + ("0" + firstDate.getDate()).slice(-2) + ' - ' + ("0" + (lastDate.getMonth()+1)).slice(-2) + "/" + ("0" + lastDate.getDate()).slice(-2)
// let firstDay: Date | null = null;
// let endDay = null;
// var slice = 2;
// for(var i = 1; i <= count; i++) {
// if(i === 1) {
// firstDay = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
// endDay = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
// } else {
// endDay?.setDate(endDay.getDate() + 1);
// }
// const mmdd = ("0" + (firstDate.getMonth()+1)).slice(-2) + "/" + ("0" + firstDate.getDate()).slice(-2);
// var hide = true;
// //console.log('eventslice', slice);
// //console.log('event status', mmdd, this.events[mmdd]);
// if(this.events[mmdd] != null) {
// hide = false;
// } else if(i === 1){
// hide = false;
// } else if(i === (count)){
// hide = false;
// } else {
// const startNextDate = new Date(firstDate.getTime());
// startNextDate.setDate(firstDate.getDate() + 1);
// const startPrevDate = new Date(firstDate.getTime());
// startPrevDate.setDate(firstDate.getDate() - 1);
// const mmddNext = ("0" + (startNextDate.getMonth()+1)).slice(-2) + "/" + ("0" + (startNextDate.getDate())).slice(-2);
// const mmddPrev = ("0" + (startPrevDate.getMonth()+1)).slice(-2) + "/" + ("0" + (startPrevDate.getDate())).slice(-2);
// //console.log('hide', i, hide, startNextDate, startPrevDate, mmddNext, mmddPrev);
// if((this.events[mmddPrev] != null || this.events[mmddNext] != null)) {
// hide = false;
// }
// }
// if(this.events[mmdd] != null) {
// html += '
';
// html += '
'+("0" + firstDate.getDate()).slice(-2)+'/'+(firstDate.getMonth()+1)+' |
';
// html += '
'
// for(var j = 0; j < (this.events[mmdd] as Array
).length; j++) {
// total++;
// this.events[mmdd][j]['mmdd'] = mmdd
// this.eventsInWindow.push(this.events[mmdd][j]);
// // this.events[mmdd][j] = this.renderLatestCompliance(("0" + (firstDate.getMonth()+1)).slice(-2), this.events[mmdd][j]);
// var partStatus = "";
// var lateStatus = "in-time";
// if(this.events[mmdd][j].approved != null && (this.events[mmdd][j].approved) != null && (this.events[mmdd][j].approved)) {
// partStatus = "status-approved";
// if(this.getLateExecuted(mmdd, this.events[mmdd][j])) {
// lateStatus = "late-executed"
// } else {
// if(this.getLateApproved(mmdd, this.events[mmdd][j])) {
// lateStatus = "late-approved"
// }
// }
// } else if(this.events[mmdd][j].comments != null && this.events[mmdd][j].comments != null && (this.events[mmdd][j].comments).length > 0) {
// partStatus = "status-in-progress";
// if(this.getPastDueDate(mmdd)) {
// lateStatus = "past-due-date"
// }
// } else {
// partStatus = "status-not-started";
// if(this.getPastDueDate(mmdd)) {
// lateStatus = "past-due-date"
// }
// }
// this.updateRiskAreaStats(this.events[mmdd][j]['riskarea'], partStatus, lateStatus);
// this.updateRiskSeverityStats(this.events[mmdd][j]['risk'], partStatus, lateStatus);
// this.updateFunctionStats(this.events[mmdd][j]['functions'], partStatus, lateStatus);
// this.updateObligationTypeStats(this.events[mmdd][j]['obligationtype'], partStatus, lateStatus);
// this.updateJurisdictionStats(this.events[mmdd][j]['jurisdiction'], partStatus, lateStatus)
// this.updateFrequencyStats(this.events[mmdd][j]['frequency'], partStatus, lateStatus)
// this.updateLocationStats([this.events[mmdd][j]['locationname']], partStatus, lateStatus)
// html += '';
// html += '
'+JSON.stringify(this.events[mmdd][j]['tags'])+'
'
// html += '
'
// html += '
' + ('
';
// html += '
';
// html += '';
// html += '';
// html += 'Status'
// if(csvCols.indexOf('Status') < 0) {
// csvCols += 'Period,Status,Id,ObligationTitle,Obligation,Duedate'
// htmlCols += ' Id Status Statute Reference Applicability ObligationType Obligation InternalControls Penalty RiskSeverity Frequency SubFrequency DueDate ReportParameter ';
// html += ' ';
// html += '';
// html += 'Location'
// html += ' '
// html += '';
// html += 'Entity'
// html += ' '
// html += '';
// html += 'Country'
// html += ' '
// html += '';
// html += 'Function'
// html += ' '
// for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
// if(this.getEventPreviewFields().includes(Object.keys(this.events[mmdd][j])[k])) {
// html += '';
// html += Object.keys(this.events[mmdd][j])[k];
// html += ' ';
// }
// }
// //console.log('listing docs',this.events[mmdd][j].documents )
// if(this.events[mmdd][j].documents != null && this.events[mmdd][j].documents != null && (this.events[mmdd][j].documents).length > 0) {
// html += '';
// html += 'Docs'
// html += ' ';
// }
// if(this.events[mmdd][j].comments != null && this.events[mmdd][j].comments != null && (this.events[mmdd][j].comments).length > 0) {
// html += '';
// html += 'Comments'
// html += ' ';
// } else {
// if(partStatus != "status-approved") {
// notStarted++;
// }
// }
// if(this.events[mmdd][j].lastupdated != null && this.events[mmdd][j].lastupdated != null && (this.events[mmdd][j].lastupdated).length > 0) {
// html += '';
// html += 'Updated'
// html += ' ';
// }
// if(this.events[mmdd][j].makercheckers != null && (this.events[mmdd][j].makercheckers).length > 0) {
// html += '';
// html += ''
// html += ' '
// }
// if(this.events[mmdd][j].docs != null && (this.events[mmdd][j].docs).length > 0) {
// html += '';
// html += ''
// html += ' '
// }
// // for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
// // html += '';
// // html += Object.keys(this.events[mmdd][j])[k];
// // html += ' ';
// // }
// html += ' ';
// html += '';
// csvValues += (period + ',');
// htmlValues += (''+this.events[mmdd][j]["id"]+' ');
// if(partStatus == "status-approved") {
// approved++
// html += '';
// if(lateStatus == "late-executed") {
// lateExecuted++;
// if(this.flowGraph != this.FLOW_GRAPH_TIMELINESS) {
// html += 'check_circle ';
// }
// if(this.flowGraph != this.FLOW_GRAPH_COMPLETENESS) {
// html += 'running_with_errors ';
// }
// csvValues += 'approved late-executed,';
// htmlValues += (' approved late-executed ');
// } else if(lateStatus == "late-approved") {
// lateApproved++;
// if(this.flowGraph != this.FLOW_GRAPH_TIMELINESS) {
// html += 'check_circle '
// }
// if(this.flowGraph != this.FLOW_GRAPH_COMPLETENESS) {
// html += 'running_with_errors '
// }
// csvValues += 'approved late-approved,';
// htmlValues += ('approved late-approved ');
// } else {
// if(this.flowGraph != this.FLOW_GRAPH_TIMELINESS) {
// html += 'check_circle '
// }
// if(this.flowGraph != this.FLOW_GRAPH_COMPLETENESS) {
// html += 'timer '
// }
// csvValues += 'approved,';
// htmlValues += ('approved ');
// }
// html += '';
// } else if(partStatus == "status-in-progress") {
// html += '';
// if(lateStatus == "past-due-date") {
// pastDueDate++;
// if(this.flowGraph != this.FLOW_GRAPH_TIMELINESS) {
// html += 'pending '
// }
// if(this.flowGraph != this.FLOW_GRAPH_COMPLETENESS) {
// html += 'running_with_errors '
// }
// csvValues += 'in-progress past-due-date,';
// htmlValues += (' in-progress past-due-date ');
// } else {
// if(this.flowGraph != this.FLOW_GRAPH_TIMELINESS) {
// html += 'pending '
// }
// if(this.flowGraph != this.FLOW_GRAPH_COMPLETENESS) {
// html += 'timer '
// }
// csvValues += 'in-progress,';
// htmlValues += ('in-progress ');
// }
// html += '';
// } else {
// html += '';
// if(lateStatus == "past-due-date") {
// pastDueDate++;
// if(this.flowGraph != this.FLOW_GRAPH_TIMELINESS) {
// html += 'schedule '
// }
// if(this.flowGraph != this.FLOW_GRAPH_COMPLETENESS) {
// html += 'running_with_errors '
// }
// csvValues += 'not started past-due-date,';
// htmlValues += (' not-started past-due-date ');
// } else {
// if(this.flowGraph != this.FLOW_GRAPH_TIMELINESS) {
// html += 'schedule '
// }
// if(this.flowGraph != this.FLOW_GRAPH_COMPLETENESS) {
// html += 'timer '
// }
// csvValues += 'not started,';
// htmlValues += ('not-started ');
// }
// html += '';
// }
// html += '';
// html += 'open_in_new '
// html += ' ';
// html += '';
// if(this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]].indexOf("[") >= 0) {
// html += this.getEventTexts(Object.keys(this.events[mmdd][j])[k], JSON.parse(this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]]), this.events[mmdd][j]);
// } else {
// html += ' ';
// }
// }
// csvValues += this.events[mmdd][j]["id"] + ',' + this.events[mmdd][j]["obligationtitle"] + ',' + this.events[mmdd][j]["obligation"] + ',' + this.events[mmdd][j]["duedate"];
// htmlValues += (''+this.events[mmdd][j]["statute"]+' ');
// htmlValues += (''+this.events[mmdd][j]["reference"]+' ');
// htmlValues += (''+this.events[mmdd][j]["applicability"]+' ');
// htmlValues += (''+this.events[mmdd][j]["obligationtype"]+' ');
// htmlValues += (''+this.events[mmdd][j]["obligation"]+' ');
// htmlValues += (''+this.events[mmdd][j]["internalcontrols"]+' ');
// htmlValues += (''+this.events[mmdd][j]["penalty"]+' ');
// htmlValues += (''+this.events[mmdd][j]["risk"]+' ');
// htmlValues += (''+this.events[mmdd][j]["frequency"]+' ');
// htmlValues += (''+this.events[mmdd][j]["subfrequency"]+' ');
// htmlValues += (''+this.events[mmdd][j]["duedate"]+' ');
// if(this.events[mmdd][j].documents != null && this.events[mmdd][j].documents != null && (this.events[mmdd][j].documents).length > 0) {
// html += '';
// html += 'description '
// html += (this.events[mmdd][j].documents).length
// html += ' ';
// }
// if(this.events[mmdd][j].comments != null && this.events[mmdd][j].comments != null && (this.events[mmdd][j].comments).length > 0) {
// html += '';
// html += 'forum '
// html += (this.events[mmdd][j].comments).length
// html += ' ';
// }
// if(this.events[mmdd][j].lastupdated != null && this.events[mmdd][j].lastupdated != null && (this.events[mmdd][j].lastupdated).length > 0) {
// html += '';
// html += Util.timeSince(new Date(this.events[mmdd][j].lastupdated).getTime())
// html += ' ';
// }
// if(this.events[mmdd][j].makercheckers != null && (this.events[mmdd][j].makercheckers).length > 0) {
// html += '';
// html += 'done_all '
// html += ' ';
// }
// if(this.events[mmdd][j].docs != null && (this.events[mmdd][j].docs).length > 0) {
// html += '';
// html += 'scan_delete '
// html += ' '
// }
// csvValues += '\n';
// // for(var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
// // html += '';
// // if(this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]].indexOf("[") >= 0) {
// // html += this.getEventTexts(Object.keys(this.events[mmdd][j])[k], JSON.parse(this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]]), this.events[mmdd][j]);
// // } else {
// // html += this.events[mmdd][j][Object.keys(this.events[mmdd][j])[k]].replace(/"/g, "");
// // }
// // html += ' ';
// // }
// html += ' ';
// html += '
';
// html += '
'
// let reporterStr = this.getReporterStringFromEvent(this.events[mmdd][j]);
// let approverStr = this.getApproverStringFromEvent(this.events[mmdd][j]);
// if(this.flowGraph != this.FLOW_GRAPH_COMPLETENESS && this.flowGraph != this.FLOW_GRAPH_TIMELINESS) {
// let graphParam = '';
// if(Array.isArray(this.events[mmdd][j][this.flowGraph])) {
// graphParam = this.events[mmdd][j][this.flowGraph].toString().replace(/ *\([^)]*\) */g, "");
// } else {
// graphParam = this.events[mmdd][j][this.flowGraph].replace(/ *\([^)]*\) */g, "");
// }
// html += '
' + graphParam + '
'+reporterStr + approverStr+'
';
// htmlValues += ('
'+graphParam+' ');
// } else {
// if(this.flowGraph == this.FLOW_GRAPH_COMPLETENESS) {
// html += '
' + partStatus.replace('status-', '') + '
'+reporterStr + approverStr+'
';
// htmlValues += ('
'+partStatus.replace('status-', '')+' ');
// }
// if(this.flowGraph == this.FLOW_GRAPH_TIMELINESS) {
// html += '
' + lateStatus + '
'+reporterStr + approverStr+'
';
// htmlValues += ('
'+lateStatus+' ');
// }
// }
// htmlValues += ('');
// html += '
';
// html += '
';
// } else {
// if(!hide) {
// html += '
';
// html += '
'+("0" + firstDate.getDate()).slice(-2)+'/'+(firstDate.getMonth()+1)+'
';
// html += '
';
// slice = 2;
// } else {
// //console.log('eventslice=person', i, slice, i%slice);
// if(i%slice === 0) {
// html += '
';
// //html += '
'+("0" + i).slice(-2)+' |
';
// html += '
.
';
// html += '
';
// slice+=3;
// }
// }
// }
// firstDate.setDate(firstDate.getDate() + 1);
// }
// html += '
' + htmlCols + htmlValues + '
';
// inProgress = total - notStarted - approved;
// //console.log('progress', total, notStarted, approved)
// html = html.replace("DASHBOARD_TOTAL", total+"");
// html = html.replace("DASHBOARD_NOT_STARTED", notStarted+"");
// html = html.replace("DASHBOARD_APPROVED", approved+"");
// html = html.replace("DASHBOARD_IN_PROGRESS", inProgress+"");
// html = html.replace("DASHBOARD_IN_TIME", (total - pastDueDate - lateApproved - lateExecuted)+"");
// html = html.replace("DASHBOARD_PAST_DUE_DATE", pastDueDate+"");
// html = html.replace("DASHBOARD_LATE_EXECUTED", lateExecuted+"");
// html = html.replace("DASHBOARD_LATE_APPROVED", lateApproved+"");
// this.csvDataStats = 'Period,Total,Not Started,Approved,In Progress,Past Due Date,Late Executed,Late Approved\n';
// this.csvDataStats += this.period + "," + total + "," + notStarted + "," + approved + "," + inProgress + "," + pastDueDate + "," + lateExecuted + "," + lateApproved;
// this.htmlDataStats = 'Total Not Started Approved In Progress Past Due Date Late Executed Late Approved ';
// this.htmlDataStats += ' '+total+' '+notStarted+' '+approved+' '+inProgress+' '+pastDueDate+' '+lateExecuted+' '+lateApproved+'
';
}
renderRangeStatistics = (firstDate: Date, count: number, eventsContainer: HTMLDivElement) => {
var lastDate = new Date(firstDate.getTime());
lastDate.setDate(lastDate.getDate() + count - 1)
const lastDay = count;
let firstDay = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
let endDay = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
endDay?.setDate(endDay.getDate() + lastDay);
var period = ("0" + (firstDate.getMonth()+1)).slice(-2) + "/" + ("0" + firstDate.getDate()).slice(-2) + '/' + firstDate.getFullYear() + ' - ' + ("0" + (endDay.getMonth()+1)).slice(-2) + "/" + ("0" + endDay.getDate()).slice(-2) + '/' + endDay.getFullYear();
console.log('rangeperiod', period, lastDay)
var html = this.renderStatistics(firstDay, endDay, 0, lastDay, true, 0, (firstDate.getMonth()), period, firstDate,"From " + firstDay.toLocaleDateString('en-IN') + " To " + endDay.toLocaleDateString('en-IN'));
eventsContainer.querySelector('.calendar-right-data')!.innerHTML = html;
this.renderButtonRefresh(eventsContainer);
const filterButton = eventsContainer.querySelector('#filter-button') as HTMLButtonElement
filterButton?.addEventListener('click',() => {
const filterList = eventsContainer.querySelector('#filter-list-container') as HTMLDivElement
filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none')
filterButton.innerHTML = (filterList.style.display != 'block' ? 'category' : 'close')
const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
filterSubmitButton.addEventListener('click',() => {
this.processDateSelectionViewer(eventsContainer);
})
// const selectFeatureAll = filterList.querySelector('.input-select-feature-all') as HTMLInputElement
// selectFeatureAll.addEventListener('click',async(ev: any) => {
// let target = ev.target;
// if(target.checked){
// for(let feature of this.getFeatures()){
// if(this.selectedFeatures.indexOf(feature) < 0){
// this.selectedFeatures.push(feature);
// }
// }
// }else{
// this.selectedFeatures = []
// }
// const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf
// for(let selectFeature of selectFeatures){
// let id = selectFeature.id;
// let i = id.split('-')[3];
// let selectedFeature = this.getFeatures()[parseInt(i)]
// selectFeature.checked = this.selectedFeatures.indexOf(selectedFeature) >= 0
// }
// filterSubmitButton.style.visibility = 'visible'
// })
// const selectFeatureAllLabel = filterList.querySelector('#input-select-feature-label-all') as HTMLLabelElement
// selectFeatureAllLabel.addEventListener('click',()=>{
// selectFeatureAll.checked = !selectFeatureAll.checked
// selectFeatureAll.click();
// })
const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf
const selectFeatureLabels = filterList.querySelectorAll('.input-select-feature-label') as NodeListOf
for(let [i,selectFeature] of selectFeatures.entries()){
selectFeature.addEventListener('click',(ev: any) => {
let target = ev.target;
let id = target.id;
let index = id.split('-')[3];
let selectedFeature = this.getFeatures()[index]
if(target.checked){
if(this.selectedFeatures.indexOf(selectedFeature) < 0){
// this.selectedFeatures.push(selectedFeature)
this.selectedFeatures = [selectedFeature]
}
}
// else{
// // selectFeatureAll.checked = false;
// if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
// this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
// }
// }
// filterSubmitButton.style.visibility = 'visible'
filterSubmitButton.click();
})
selectFeatureLabels[i].addEventListener('click',() => {
selectFeature.checked = !selectFeature.checked
selectFeature.click();
})
}
})
// let innerhtml = eventsContainer.innerHTML;
// innerhtml += this.renderSelectAllButtons();
// eventsContainer.innerHTML = innerhtml
// this.attachTimelineFilterHandlers(eventsContainer);
// const radioExpander = eventsContainer.querySelector('#graph-radios-expander') as HTMLButtonElement;
// radioExpander?.addEventListener('click', (e: any) => {
// const button = (e.currentTarget as HTMLButtonElement);
// button.style.display = 'none';
// const arrRadios = eventsContainer.querySelectorAll('.chart-radio-item-secondary') as NodeListOf;
// arrRadios.forEach(div => {
// div.style.display = 'block';
// });
// });
const buttonRefresh = eventsContainer.querySelector('#button-refresh') as HTMLButtonElement
buttonRefresh.addEventListener('click',async ()=>{
this.processDateSelectionViewer(eventsContainer)
})
}
renderStatisticsFilters = (eventsContainer: HTMLDivElement) => {
let selectFilterCriteria = eventsContainer.querySelector('#select-filter-criteria') as HTMLSelectElement
let inputLabelFilter = eventsContainer.querySelector('#input-label-filter') as HTMLLabelElement
let selectFilterCriteriaMobile = eventsContainer.querySelector('#select-filter-criteria-mobile') as HTMLSelectElement
let inputLabelFilterMobile = eventsContainer.querySelector('#input-label-filter-mobile') as HTMLLabelElement
selectFilterCriteria.style.display = 'block'
inputLabelFilter.style.display = 'block'
selectFilterCriteriaMobile.style.display = 'block'
inputLabelFilterMobile.style.display = 'block'
selectFilterCriteria.innerHTML = ""
selectFilterCriteriaMobile.innerHTML = ""
let option = new Option()
option.value = "";
option.innerHTML = "all"
selectFilterCriteria.add(option)
option = new Option()
option.value = "";
option.innerHTML = "all"
selectFilterCriteriaMobile.add(option)
let filterscriteria = ""
if(Object.keys(this.statisticsFiltersData ?? {}).length > 0){
filterscriteria = Object.keys(this.statisticsFiltersData)[0]
}
for(let criteria of Object.keys(this.statisticsMeta)){
if(criteria == "subfilters"){
continue;
}
let option = new Option()
option.value = criteria;
console.log('statistics filters criteria',criteria, filterscriteria, criteria == filterscriteria)
option.selected = (criteria == filterscriteria)
if(criteria == "reporter" || criteria == "approver" || criteria == "functionhead"){
option.innerHTML = "user:" + criteria
}else{
option.innerHTML = criteria
}
selectFilterCriteria.add(option)
option = new Option()
option.value = criteria;
option.selected = (criteria == filterscriteria)
if(criteria == "reporter" || criteria == "approver" || criteria == "functionhead"){
option.innerHTML = "user:" + criteria
}else{
option.innerHTML = criteria
}
selectFilterCriteriaMobile.add(option)
}
let selectFilterCriteriaNew = Util.clearListeners(selectFilterCriteria)
selectFilterCriteriaNew.addEventListener('change',(ev: any) => {
let target = ev.target as HTMLSelectElement
let inputLabelCriteria = eventsContainer.querySelector('#input-label-criteria') as HTMLLabelElement
let selectFilterValues = eventsContainer.querySelector('#select-filter-values') as HTMLSelectElement
selectFilterValues.value = ""
let inputLabelSubfilters = eventsContainer.querySelector('#input-label-subfilter') as HTMLLabelElement
let selectSubfilterCriteria = eventsContainer.querySelector('#select-subfilter-criteria') as HTMLSelectElement
selectSubfilterCriteria.value = ""
selectFilterValues.innerHTML = ""
let option = new Option()
option.value = "";
option.innerHTML = "All";
selectFilterValues.add(option)
if(this.statisticsMeta[target.value] != null){
let sortedFilters = Util.alphabeticalSort(this.statisticsMeta[target.value])
selectFilterValues.style.display = 'block'
inputLabelCriteria.style.display = 'block'
inputLabelCriteria.innerHTML = target.value
for(let filter of sortedFilters){
let option = new Option()
option.value = filter.split(';')[1];
option.innerHTML = filter.split(';')[0].replace(/\([^)]*\)/g,"")
selectFilterValues.add(option)
}
let selectFilterValuesNew = Util.clearListeners(selectFilterValues)
selectFilterValuesNew.addEventListener('change',() => {
console.log('changed')
this.processDateSelectionViewer(eventsContainer);
})
selectSubfilterCriteria.style.display = 'block'
inputLabelSubfilters.style.display = 'block'
let sortedSubfilters = Util.alphabeticalSort(Object.keys(this.statisticsMeta.subfilters))
if(sortedSubfilters.length > 1){
let option = new Option()
option.value = "";
option.innerHTML = "All";
selectSubfilterCriteria.add(option)
}
for(let subfilter of sortedSubfilters){
let option = new Option()
option.value = subfilter;
option.innerHTML = subfilter
selectSubfilterCriteria.add(option)
}
let inputLabelSubfiltersValue = eventsContainer.querySelector('#input-label-subfilter-value') as HTMLLabelElement
let selectSubfilterValues = eventsContainer.querySelector('#select-subfilter-values') as HTMLSelectElement
inputLabelSubfiltersValue.style.display = 'none'
selectSubfilterValues.style.display = 'none'
let selectSubfilterCriteriaNew = Util.clearListeners(selectSubfilterCriteria)
selectSubfilterCriteriaNew.addEventListener('change',() => {
this.processDateSelectionViewer(eventsContainer)
})
}else{
selectFilterValues.style.display = 'none'
inputLabelCriteria.style.display = 'none'
selectSubfilterCriteria.style.display = 'none'
inputLabelSubfilters.style.display = 'none'
}
this.processDateSelectionViewer(eventsContainer)
})
let selectFilterCriteriaMobileNew = Util.clearListeners(selectFilterCriteriaMobile)
selectFilterCriteriaMobileNew.addEventListener('change',(ev: any) => {
let target = ev.target as HTMLSelectElement
let inputLabelCriteriaMobile = eventsContainer.querySelector('#input-label-criteria-mobile') as HTMLLabelElement
let selectFilterValuesMobile = eventsContainer.querySelector('#select-filter-values-mobile') as HTMLSelectElement
selectFilterValuesMobile.value = ""
this.processDateSelectionViewer(eventsContainer)
selectFilterValuesMobile.innerHTML = ""
let option = new Option()
option.value = "";
option.innerHTML = "All";
selectFilterValuesMobile.add(option)
if(this.statisticsMeta[target.value] != null){
let sortedFilters = Util.alphabeticalSort(this.statisticsMeta[target.value])
selectFilterValuesMobile.style.display = 'block'
inputLabelCriteriaMobile.style.display = 'block'
inputLabelCriteriaMobile.innerHTML = target.value
for(let filter of sortedFilters){
let option = new Option()
option.value = filter.split(';')[1];
option.innerHTML = filter.split(';')[0].replace(/\([^)]*\)/g,"")
selectFilterValuesMobile.add(option)
}
let selectFilterValuesMobileNew = Util.clearListeners(selectFilterValuesMobile)
selectFilterValuesMobileNew.addEventListener('change',() => {
console.log('changed')
this.processDateSelectionViewer(eventsContainer);
})
}else{
selectFilterValuesMobile.style.display = 'none'
inputLabelCriteriaMobile.style.display = 'none'
}
});
(selectFilterCriteriaNew as HTMLSelectElement).value = filterscriteria;
(selectFilterCriteriaMobileNew as HTMLSelectElement).value = filterscriteria;
let selectFilterValues = eventsContainer.querySelector('#select-filter-values') as HTMLSelectElement
let inputLabelCriteria = eventsContainer.querySelector('#input-label-criteria') as HTMLLabelElement
let selectFilterValuesMobile = eventsContainer.querySelector('#select-filter-values-mobile') as HTMLSelectElement
let inputLabelCriteriaMobile = eventsContainer.querySelector('#input-label-criteria-mobile') as HTMLLabelElement
if(filterscriteria == ""){
selectFilterValues.style.display = 'none'
inputLabelCriteria.style.display = 'none'
selectFilterValuesMobile.style.display = 'none'
inputLabelCriteriaMobile.style.display = 'none'
}else{
selectFilterValues.style.display = 'block'
inputLabelCriteria.style.display = 'block'
selectFilterValuesMobile.style.display = 'block'
inputLabelCriteriaMobile.style.display = 'block'
}
}
renderSelectAllButtons = () => {
let selectAllHtml = '';
selectAllHtml += 'select_all Select All (Max ' + this.selectallblock + ') remove_selection Unselect
';
return selectAllHtml
}
attachSelectAllListeners = (eventsContainer: HTMLDivElement, buttonSelect: NodeListOf) => {
const buttonSelectAll = eventsContainer.querySelector('#button-select-all') as HTMLButtonElement
const buttonUnselectAll = eventsContainer.querySelector('#button-unselect-all') as HTMLButtonElement
if(this.selectedItemIds.length == 0){
buttonSelectAll.style.display = 'none';
buttonUnselectAll.style.display = 'none';
}
buttonSelectAll?.addEventListener('click',() => {
let count = this.selectedItemIds.length
for(let checkSelect of buttonSelect){
console.log('select count', count, parseInt(this.selectallblock))
if(count < parseInt(this.selectallblock) && checkSelect.style.display != 'none' && !(checkSelect as HTMLInputElement).checked){
checkSelect.click();
count++;
}
if(count >= parseInt(this.selectallblock)){
break;
}
}
setTimeout(()=>{
console.log('Selected All', this.selectedItemIds);
},1000)
})
buttonUnselectAll?.addEventListener('click',() => {
for(let checkSelect of buttonSelect){
if((checkSelect as HTMLInputElement).checked){
checkSelect.click();
}
}
})
return [buttonSelectAll, buttonUnselectAll]
}
renderRegisterEvents = (events: any, meta: string = "") => {
var html = '';
this.csvDataRegisters = '';
html += '';
for(var i = 0; i < Object.keys(events).length; i++) {
const country = Object.keys(events)[i];
html += (''+country+' ');
}
html += '
';
html += '
';
this._SfRegisterContainer.querySelector('.calendar-right-data')!.innerHTML = html;
const divRegisterList = (this._SfRegisterContainer.querySelector('.calendar-right-data') as HTMLDivElement).querySelector('#register-list');
const arrButtons = (this._SfRegisterContainer.querySelector('.calendar-right-data') as HTMLDivElement).querySelectorAll('.tab-button-country') as NodeListOf;
for(i = 0; i < arrButtons.length; i++) {
const button = Util.clearListeners(arrButtons[i]);
button.addEventListener('click', (e: any)=> {
const index = e.currentTarget.id.split('-')[3];
this.selectedCountryTab = index
this.selectedRegisterIndex = -1
this.renderRegisterEvents(events);
});
}
if(this.selectedCountryTab >= 0) {
const index = this.selectedCountryTab;
//console.log('indexclicked', index);
const objCountry = events[Object.keys(events)[index]];
//console.log('indexclicked', objCountry);
var html = '';
this.csvDataRegisters += '"ID",';
for(var i = 0; i < Object.keys(objCountry).length; i++) {
const statute = Object.keys(objCountry)[i];
// this.csvDataRegisters += ('\n\n"' + statute + '"\n\n');
html += (''+statute+' ');
// html += '';
// html += '
';
if(i == this.selectedRegisterIndex && meta == "") {
console.log('meta', meta, this.selectedCountryTab);
for(var k = 0; k < JSON.parse(objCountry[statute][Object.keys(objCountry[statute])[0]].cols).length; k++) {
if(!this.EXCLUDE_COLS_FROM_REGS.includes(JSON.parse(objCountry[statute][Object.keys(objCountry[statute])[0]].cols)[k].toLowerCase())) {
this.csvDataRegisters += ('"' + JSON.parse(objCountry[statute][Object.keys(objCountry[statute])[0]].cols)[k] + '",');
console.log('loggin col', JSON.parse(objCountry[statute][Object.keys(objCountry[statute])[0]].cols)[k])
}
}
this.csvDataRegisters = this.csvDataRegisters.replace(/,\s*$/, "");
this.csvDataRegisters += ('\n');
}
for(var j = 0; j < Object.keys(objCountry[statute]).length; j++) {
const complianceId = Object.keys(objCountry[statute])[j];
const compliance = objCountry[statute][complianceId];
const data = JSON.parse(compliance.data);
const cols = JSON.parse(compliance.cols);
this.csvDataRegisters += ('"' + complianceId + '",');
html += '';
html += '
';
html += '';
html += ('open_in_new ID ' + cols[k] + ' ';
html += '
';
html += '
';
// html += '
;
for(i = 0; i < arrButtonCountries.length; i++) {
const button = Util.clearListeners(arrButtonCountries[i]);
button.addEventListener('click', (e: any)=> {
const index = e.currentTarget.id.split('-')[3];
const i1 = e.currentTarget.id.split('-')[4];
const j1 = e.currentTarget.id.split('-')[5];
//console.log('country clicked', index, i1, j1);
const objCountry = events[Object.keys(events)[index]];
const statute = Object.keys(objCountry)[i1];
const complianceId = Object.keys(objCountry[statute])[j1];
const compliance = objCountry[statute][complianceId];
this.renderEventDetailShort(compliance);
});
}
const arrRegisterStatutes = (this._SfRegisterContainer.querySelector('.calendar-right-data') as HTMLDivElement).querySelectorAll('.register-statute') as NodeListOf;
for(i = 0; i < arrRegisterStatutes.length; i++) {
const button = Util.clearListeners(arrRegisterStatutes[i]);
button.addEventListener('click', async (e: any)=> {
// const button = (e.currentTarget as HTMLDivElement);
const index = e.currentTarget.id.split('-')[2];
console.log('index', index);
if(this.selectedRegisterIndex == index){
this.selectedRegisterIndex = -1;
}else{
this.selectedRegisterIndex = index;
let selectedCountry = Object.keys(events)[this.selectedCountryTab]
let selectedStatute = Object.keys(events[selectedCountry])[index]
console.log('registerevents', Object.keys(events[selectedCountry][selectedStatute]).length)
if(Object.keys(events[selectedCountry][selectedStatute]).length == 0){
let tempRegisters = await this.fetchRegisters("","",selectedCountry,selectedStatute);
events[selectedCountry][selectedStatute] = tempRegisters[selectedCountry][selectedStatute]
}
}
this.renderRegisterEvents(events);
// const divBodys = ((this._SfRegisterContainer.querySelector('.calendar-right-data') as HTMLDivElement).querySelectorAll('.register-body-'+ index) as NodeListOf);
// for(let divBody of divBodys){
// if(divBody.classList.contains('hide')) {
// divBody.classList.remove('hide')
// button.setAttribute('part','register-section-title-selected');
// } else {
// divBody.classList.add('hide')
// button.setAttribute('part','register-section-title-not-selected');
// }
// }
});
}
const registerStatute = (this._SfRegisterContainer.querySelector('.calendar-right-data') as HTMLDivElement).querySelector('#register-statute-' + this.selectedRegisterIndex) as HTMLDivElement;
if(registerStatute != null){
registerStatute.scrollIntoView();
}
} else {
const index = 0;
this.selectedCountryTab = index
this.renderRegisterEvents(events, meta);
}
}
checkStartDateEarliness = (value: string) => {
var startDateCalendar = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
var startDateChosen = new Date(value);
if(startDateChosen.getTime() > startDateCalendar.getTime()) {
return true;
} else {
return false;
}
}
checkEndDateLateness = (value: string) => {
var endDateCalendar = new Date(this.calendarStartMM + '/' + (this.calendarStartDD + 10) + '/' + (parseInt(this.calendarStartYYYY) + 1));
var endDateChosen = new Date(value);
//console.log('end date calendar', endDateCalendar);
//console.log('end date chosen', endDateChosen);
if(endDateChosen.getTime() > endDateCalendar.getTime()) {
return false;
} else {
return true;
}
}
attachHandlers = (eventContainer: HTMLDivElement, valueStart: string, valueEnd: string) => {
const radioCompleteness = eventContainer.querySelector('#radio-completeness') as HTMLButtonElement;
radioCompleteness?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
this.renderRangeEvents(new Date(valueStart), (new Date(valueEnd).getTime() - new Date(valueStart).getTime())/(1000*60*60*24), eventContainer);
this.renderCompletenessGraph(eventContainer);
this.attachHandlers(eventContainer, valueStart, valueEnd);
});
const radioTimeliness = eventContainer.querySelector('#radio-timeliness') as HTMLButtonElement;
radioTimeliness?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_TIMELINESS;
//console.log('setting flow graph to ', this.flowGraph);
this.renderRangeEvents(new Date(valueStart), (new Date(valueEnd).getTime() - new Date(valueStart).getTime())/(1000*60*60*24), eventContainer);
this.renderTimelinessGraph(eventContainer)
this.attachHandlers(eventContainer, valueStart, valueEnd);
});
const radioCompliance = eventContainer.querySelector('#radio-compliance') as HTMLButtonElement;
radioCompliance?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_COMPLIANCE;
//console.log('setting flow graph to ', this.flowGraph);
this.renderRangeEvents(new Date(valueStart), (new Date(valueEnd).getTime() - new Date(valueStart).getTime())/(1000*60*60*24), eventContainer);
this.renderComplianceGraph(eventContainer)
this.attachHandlers(eventContainer, valueStart, valueEnd);
});
const radioRisk = eventContainer.querySelector('#radio-risk') as HTMLButtonElement;
radioRisk?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_RISKAREAS;
// console.log('setting flow graph to ', this.flowGraph);
this.renderRangeEvents(new Date(valueStart), (new Date(valueEnd).getTime() - new Date(valueStart).getTime())/(1000*60*60*24), eventContainer);
this.renderRiskGraph(eventContainer)
this.attachHandlers(eventContainer, valueStart, valueEnd);
});
const radioFunction = eventContainer.querySelector('#radio-function') as HTMLButtonElement;
radioFunction?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_FUNCTION;
this.renderRangeEvents(new Date(valueStart), (new Date(valueEnd).getTime() - new Date(valueStart).getTime())/(1000*60*60*24), eventContainer);
this.renderFunctionGraph(eventContainer)
this.attachHandlers(eventContainer, valueStart, valueEnd);
});
const radioRiskSeverity = eventContainer.querySelector('#radio-riskseverity') as HTMLButtonElement;
radioRiskSeverity?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_RISKSEVERITY;
this.renderRangeEvents(new Date(valueStart), (new Date(valueEnd).getTime() - new Date(valueStart).getTime())/(1000*60*60*24), eventContainer);
this.renderRiskSeverityGraph(eventContainer)
this.attachHandlers(eventContainer, valueStart, valueEnd);
});
const radioObligationType = eventContainer.querySelector('#radio-obligationtype') as HTMLButtonElement;
radioObligationType?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_OBLIGATIONTYPE;
this.renderRangeEvents(new Date(valueStart), (new Date(valueEnd).getTime() - new Date(valueStart).getTime())/(1000*60*60*24), eventContainer);
this.renderObligationTypeGraph(eventContainer)
this.attachHandlers(eventContainer, valueStart, valueEnd);
});
const radioJurisdiction = eventContainer.querySelector('#radio-jurisdiction') as HTMLButtonElement;
radioJurisdiction?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_JURISDICTION;
this.renderRangeEvents(new Date(valueStart), (new Date(valueEnd).getTime() - new Date(valueStart).getTime())/(1000*60*60*24), eventContainer);
this.renderJurisdictionGraph(eventContainer)
this.attachHandlers(eventContainer, valueStart, valueEnd);
});
const radioFrequency = eventContainer.querySelector('#radio-frequency') as HTMLButtonElement;
radioFrequency?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_FREQUENCY;
this.renderRangeEvents(new Date(valueStart), (new Date(valueEnd).getTime() - new Date(valueStart).getTime())/(1000*60*60*24), eventContainer);
this.renderFrequencyGraph(eventContainer)
this.attachHandlers(eventContainer, valueStart, valueEnd);
});
const radioSubcategory = eventContainer.querySelector('#radio-subcategory') as HTMLButtonElement;
radioSubcategory?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_SUBCATEGORY;
this.renderRangeEvents(new Date(valueStart), (new Date(valueEnd).getTime() - new Date(valueStart).getTime())/(1000*60*60*24), eventContainer);
this.renderSubcategoryGraph(eventContainer)
this.attachHandlers(eventContainer, valueStart, valueEnd);
});
const radioLocation = eventContainer.querySelector('#radio-location') as HTMLButtonElement;
radioLocation?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_LOCATION;
this.renderRangeEvents(new Date(valueStart), (new Date(valueEnd).getTime() - new Date(valueStart).getTime())/(1000*60*60*24), eventContainer);
this.renderLocationGraph(eventContainer)
this.attachHandlers(eventContainer, valueStart, valueEnd);
});
// const buttonStatusMore = (this._SfCustomContainer as HTMLDivElement).querySelector('#button-status-more');
// buttonStatusMore?.addEventListener('click', () => {
// const divStatusList = (this._SfCustomContainer as HTMLDivElement).querySelectorAll('.late-statuses') as NodeListOf;
// for(var i = 0; i < divStatusList.length; i++) {
// divStatusList[i].style.display = 'flex';
// }
// (buttonStatusMore as HTMLButtonElement).style.display = 'none';
// });
}
processFindSelection = async (eventContainer: HTMLDivElement, searchString: string) => {
var startDateCalendar = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
var endDateCalendar = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + (parseInt(this.calendarStartYYYY) + 1));
const tsStart = new Date(startDateCalendar);
const tsEnd = new Date(endDateCalendar);
tsStart.setDate(tsStart.getDate() - 2);
tsEnd.setDate(tsEnd.getDate() + 2);
//console.log('tsstart', tsStart);
//console.log('tsend', tsEnd);
// await this.fetchUserCalendar_2(tsStart.getMonth() + "/" + tsStart.getDate() + "/" + tsStart.getFullYear(), valueEnd.split('-')[1] + "/" + valueEnd.split('-')[2] + "/" + valueEnd.split('-')[0]);
await this.fetchAndYearlyRenderUserCalendar_2((tsStart.getMonth() + 1) + "/" + tsStart.getDate() + "/" + tsStart.getFullYear(), (tsEnd.getMonth() + 1) + "/" + tsEnd.getDate() + "/" + tsEnd.getFullYear(), searchString);
this.renderRangeEvents(startDateCalendar, ((endDateCalendar.getTime()+24*60*60*1000) - startDateCalendar.getTime())/(1000*60*60*24), (this._SfFindContainer as HTMLDivElement));
this.attachHandlers(eventContainer, this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY, this.calendarStartMM + '/' + this.calendarStartDD + '/' + (parseInt(this.calendarStartYYYY) + 1));
if(eventContainer.innerHTML.indexOf('myChart') >= 0) {
this.renderCompletenessGraph(eventContainer);
}
}
processDateSelection = async (eventContainer: HTMLDivElement, fetchData: boolean = true, showBackgroundButton: boolean = false) => {
// var startDateCalendar = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
// var endDateCalendar = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + (parseInt(this.calendarStartYYYY) + 1));
var valueStart = ((this._SfCustomContainer as HTMLDivElement).querySelector('#stream-start-date') as HTMLInputElement).value;
if(valueStart == "") {
valueStart = ((this._SfCustomContainer as HTMLDivElement).querySelector('#stream-start-date-mobile') as HTMLInputElement).value;
}
var valueEnd = ((this._SfCustomContainer as HTMLDivElement).querySelector('#stream-end-date') as HTMLInputElement).value;
if(valueEnd == "") {
valueEnd = ((this._SfCustomContainer as HTMLDivElement).querySelector('#stream-end-date-mobile') as HTMLInputElement).value;
}
//console.log('valuestart', valueStart);
//console.log('valueend', valueEnd);
if(valueStart != "" && valueEnd != "") {
this.initCustomRightCol();
// if(!this.checkStartDateEarliness(valueStart)) {
// (this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Chosen Start Date cannot be earlier than " + startDateCalendar;
// return;
// }
// if(!this.checkEndDateLateness(valueEnd)) {
// (this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Chosen End Date cannot be later than " + endDateCalendar;
// return;
// }
if(new Date(valueStart).getTime() > new Date(valueEnd).getTime()) {
(this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Chosen End Date cannot be earlier than chosen Start Date";
return;
}
if(!this.isLessThanYearApart(valueEnd, valueStart)) {
(this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Chosen time window cannot be greater than 365 days";
return;
}
const tsStart = new Date(valueStart);
const tsEnd = new Date(valueEnd);
console.log('start date', tsStart, 'endDate', tsEnd)
// tsStart.setDate(tsStart.getDate() - 2);
// tsEnd.setDate(tsEnd.getDate() + 2);
if(fetchData){
await this.renderWithFeatures((tsStart.getMonth() + 1) + "/" + tsStart.getDate() + "/" + tsStart.getFullYear(), (tsEnd.getMonth() + 1) + "/" + tsEnd.getDate() + "/" + tsEnd.getFullYear())
// await this.fetchAndYearlyRenderUserCalendar_2((tsStart.getMonth() + 1) + "/" + tsStart.getDate() + "/" + tsStart.getFullYear(), (tsEnd.getMonth() + 1) + "/" + tsEnd.getDate() + "/" + tsEnd.getFullYear());
}
this.renderRangeEvents(new Date(valueStart), ((new Date(valueEnd).getTime()) - new Date(valueStart).getTime())/(1000*60*60*24), (this._SfCustomContainer as HTMLDivElement), showBackgroundButton);
} else if(valueStart != "" && valueEnd == "") {
(this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Please select End Date";
} else if(valueStart == "" && valueEnd != "") {
(this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Please select Start Date";
} else {
(this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Please select Start Date and End Date";
}
this.attachHandlers(eventContainer, valueStart, valueEnd);
if(eventContainer.innerHTML.indexOf('myChart') >= 0) {
this.renderCompletenessGraph(eventContainer);
}
}
isLessThanYearApart = (date1: string | Date, date2: string | Date) => {
let d1: Date = new Date(date1);
let d2: Date = new Date(date2);
// Ensure d1 is always the earlier date
if (d1 > d2) {
[d1, d2] = [d2, d1];
}
// Check if the dates are exactly one year apart (same month & day)
if (d2.getFullYear() - d1.getFullYear() === 1 && d2.getMonth() === d1.getMonth() && d2.getDate() === d1.getDate()) {
return false;
}
// Calculate difference in milliseconds
const diffInMs = d2.getTime() - d1.getTime();
// One full year in milliseconds, considering leap years
const oneYearInMs = 365.25 * 24 * 60 * 60 * 1000;
return diffInMs < oneYearInMs;
}
processDateSelectionViewer = async (eventContainer: HTMLDivElement) => {
// var startDateCalendar = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
// var endDateCalendar = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + (parseInt(this.calendarStartYYYY) + 1));
var valueStart = ((this._SfCustomContainer as HTMLDivElement).querySelector('#stream-start-date') as HTMLInputElement).value;
if(valueStart == "") {
valueStart = ((this._SfCustomContainer as HTMLDivElement).querySelector('#stream-start-date-mobile') as HTMLInputElement).value;
}
var valueEnd = ((this._SfCustomContainer as HTMLDivElement).querySelector('#stream-end-date') as HTMLInputElement).value;
if(valueEnd == "") {
valueEnd = ((this._SfCustomContainer as HTMLDivElement).querySelector('#stream-end-date-mobile') as HTMLInputElement).value;
}
//console.log('valuestart', valueStart);
//console.log('valueend', valueEnd);
let filtercriteria = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria') as HTMLSelectElement).value
let filtercriterianame = ""
if(((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria') as HTMLSelectElement).selectedIndex] != null){
filtercriterianame = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria') as HTMLSelectElement).selectedIndex].innerHTML
}
if(filtercriteria == ""){
filtercriteria = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria-mobile') as HTMLSelectElement).value
if(((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria-mobile') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria-mobile') as HTMLSelectElement).selectedIndex] != null){
filtercriterianame = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria-mobile') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria-mobile') as HTMLSelectElement).selectedIndex].innerHTML
}
}
let filtervalue = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values') as HTMLSelectElement).value
let filtervaluename = ""
if(((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values') as HTMLSelectElement).selectedIndex] != null){
filtervaluename = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values') as HTMLSelectElement).selectedIndex].innerHTML
}
if(filtervalue == ""){
filtervalue = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values-mobile') as HTMLSelectElement).value
if(((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values-mobile') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values-mobile') as HTMLSelectElement).selectedIndex] != null){
filtervaluename = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values-mobile') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values-mobile') as HTMLSelectElement).selectedIndex].innerHTML
}
}
if(filtercriteria == ""){
this.htmlStatsFilter = "Filters Selected -> All"
}else{
if(filtervalue == ""){
this.htmlStatsFilter = "Filters Selected -> " + Util.titleCase(filtercriterianame) + " -> All"
}else{
this.htmlStatsFilter = "Filters Selected -> " + Util.titleCase(filtercriterianame) + " -> " + Util.titleCase(filtervaluename)
}
}
let subfiltervalue = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-values') as HTMLSelectElement).value
let subfiltervaluename = ""
if(((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-values') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-values') as HTMLSelectElement).selectedIndex] != null){
subfiltervaluename = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-values') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-values') as HTMLSelectElement).selectedIndex].innerHTML
}
if(subfiltervalue == ""){
subfiltervalue = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-values-mobile') as HTMLSelectElement).value
if(((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-values-mobile') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-values-mobile') as HTMLSelectElement).selectedIndex] != null){
subfiltervaluename = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-values-mobile') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-values-mobile') as HTMLSelectElement).selectedIndex].innerHTML
}
}
console.log('subfiltervalue, subfiltervaluename', subfiltervalue, subfiltervaluename)
let subfiltercriteria = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-criteria') as HTMLSelectElement).value
let subfiltercriterianame = ""
if(((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-criteria') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-criteria') as HTMLSelectElement).selectedIndex] != null){
subfiltercriterianame = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-criteria') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-criteria') as HTMLSelectElement).selectedIndex].innerHTML
}
if(subfiltercriteria == ""){
subfiltercriteria = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-criteria-mobile') as HTMLSelectElement).value
if(((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-criteria-mobile') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-criteria-mobile') as HTMLSelectElement).selectedIndex] != null){
subfiltercriterianame = ((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-criteria-mobile') as HTMLSelectElement).options[((this._SfCustomContainer as HTMLDivElement).querySelector('#select-subfilter-criteria-mobile') as HTMLSelectElement).selectedIndex].innerHTML
}
}
console.log('subfiltercriteria, subfiltercriterianame', subfiltercriteria, subfiltercriterianame)
if(valueStart != "" && valueEnd != "") {
this.initCustomRightColViewer();
// if(!this.checkStartDateEarliness(valueStart)) {
// (this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Chosen Start Date cannot be earlier than " + startDateCalendar;
// return;
// }
// if(!this.checkEndDateLateness(valueEnd)) {
// (this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Chosen End Date cannot be later than " + endDateCalendar;
// return;
// }
if(new Date(valueStart).getTime() > new Date(valueEnd).getTime()) {
(this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Chosen End Date cannot be earlier than chosen Start Date";
return;
}
if(!this.isLessThanYearApart(valueEnd, valueStart)) {
console.log('dates entered', valueEnd, valueStart);
(this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Chosen time window cannot be greater than 365 days";
return;
}
const tsStart = new Date(valueStart);
const tsEnd = new Date(valueEnd);
// tsStart.setDate(tsStart.getDate() - 2);
// tsEnd.setDate(tsEnd.getDate() + 2);
//console.log('tsstart', tsStart);
//console.log('tsend', tsEnd);
let meta = await this.fetchStatistics((tsStart.getMonth() + 1) + "/" + tsStart.getDate() + "/" + tsStart.getFullYear(), (tsEnd.getMonth() + 1) + "/" + tsEnd.getDate() + "/" + tsEnd.getFullYear(), filtercriteria, filtervalue, subfiltercriteria, subfiltervalue);
this.renderRangeStatistics(new Date(valueStart), ((new Date(valueEnd).getTime()) - new Date(valueStart).getTime())/(1000*60*60*24), (this._SfCustomContainer as HTMLDivElement));
if(meta != null) this.renderStatisticsFilters((this._SfCustomContainer as HTMLDivElement))
} else if(valueStart != "" && valueEnd == "") {
(this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Please select End Date";
} else if(valueStart == "" && valueEnd != "") {
(this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Please select Start Date";
} else if(valueStart == "" && valueEnd == "") {
(this._SfStreamEventStatus as HTMLDivElement).innerHTML = "Please select Start Date and End Date";
}
this.attachHandlers(eventContainer, valueStart, valueEnd);
if(eventContainer.innerHTML.indexOf('myChart') >= 0) {
this.renderCompletenessGraph(eventContainer, -1, 2, ["Completeness","From " + new Date(valueStart).toLocaleDateString('en-IN') + " To " + new Date(valueEnd).toLocaleDateString('en-IN'), this.htmlStatsFilter]);
}
}
initFindRightCol = () => {
var html = "";
html += '';
html += '
';
html += '
Type something and press enter ';
html += '
';
html += '
';
html += '
';
html += '
Please select Start Date and End Date ';
html += '
';
html += '
';
html += '
';
html += '
Please select Start Date, End Date and Filter Criteria ';
html += '
';
html += '
;
var checked = 0;
//console.log('checkAndShowBulk', inputArr.length);
for(var i = 0; i < inputArr.length; i++) {
//console.log(inputArr[i].checked);
if(inputArr[i].checked) {
checked++;
}
}
//console.log('checkAndShowBulk', checked);
if(checked > 1) {
return true;
}
return false;
}
calculateAndShowSummary = () => {
//console.log('showing summary',this.mappedValuesUsers);
const inputArr = (this._SfMappingContainer as HTMLDivElement).querySelectorAll('.input-users');
var mapped = 0;
for(var i = 0; i < Object.keys(this.mappedValuesUsers).length; i++) {
if(this.mappedValuesUsers[Object.keys(this.mappedValuesUsers)[i]].length > 0) {
mapped++;
}
}
(this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-summary')!.innerHTML = 'Completed ' + mapped + ' / ' + inputArr.length;
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-graph')!.querySelector('.div-graph-pending')! as HTMLDivElement).style.width = ((inputArr.length - mapped)*100/(inputArr.length)) + '%';
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-graph')!.querySelector('.div-graph-complete')! as HTMLDivElement).style.width = ((mapped)*100/(inputArr.length)) + '%';
//console.log('showing summary', mapped, Object.keys(this.mappedValuesUsers).length);
if(mapped == inputArr.length) {
((this._SfMappingContainer as HTMLDivElement).querySelector('#button-back-add-mapping') as HTMLButtonElement)!.style.visibility = 'visible';
} else {
((this._SfMappingContainer as HTMLDivElement).querySelector('#button-back-add-mapping') as HTMLButtonElement)!.style.visibility = 'hidden';
}
}
showAllEvents = () => {
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-all') as HTMLInputElement)!.checked = true;
// ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-mapped') as HTMLInputElement)!.checked = false;
// ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-unmapped') as HTMLInputElement)!.checked = false;
//this.renderMapping(this.unmappedEvents)
this.applyFilter();
this.calculateAndShowSummary();
}
showMappedEvents = () => {
// ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-all') as HTMLInputElement)!.checked = false;
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-mapped') as HTMLInputElement)!.checked = true;
// ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-unmapped') as HTMLInputElement)!.checked = false;
//this.renderMapping(this.unmappedEvents)
this.applyFilter("mapped")
}
showUnmappedEvents = () => {
// ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-all') as HTMLInputElement)!.checked = false;
// ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-mapped') as HTMLInputElement)!.checked = false;
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-unmapped') as HTMLInputElement)!.checked = true;
//this.renderMapping(this.unmappedEvents)
this.applyFilter("unmapped")
}
updateInAllSelections = (param: string, value: any) => {
//console.log('updateinallselections', param, value);
const inputArr = (this._SfMappingContainer as HTMLDivElement).querySelectorAll('.input-checkbox') as NodeListOf;
const inputDatesArr = (this._SfMappingContainer as HTMLDivElement).querySelectorAll('.input-dates') as NodeListOf;
const divDatesArr = (this._SfMappingContainer as HTMLDivElement).querySelectorAll('.div-dates') as NodeListOf;
const inputTagsArr = (this._SfMappingContainer as HTMLDivElement).querySelectorAll('.input-tags') as NodeListOf;
const divTagsArr = (this._SfMappingContainer as HTMLDivElement).querySelectorAll('.div-tags') as NodeListOf;
const inputUsersArr = (this._SfMappingContainer as HTMLDivElement).querySelectorAll('.input-users') as NodeListOf;
const divUsersArr = (this._SfMappingContainer as HTMLDivElement).querySelectorAll('.div-users') as NodeListOf;
for(var i = 0; i < inputArr.length; i++) {
//console.log('updateinallselections', i);
if(inputArr[i].checked) {
if(param == "duedate") {
inputDatesArr[i].value = value;
divDatesArr[i].innerHTML = value;
this.mappedValuesDueDates[i] = value;
}
if(param == "tags") {
inputTagsArr[i].preselectedValues = JSON.stringify(value);
inputTagsArr[i].populatePreselected();
divTagsArr[i].innerHTML = '';
var html = '';
for(var j = 0; j < value.length; j++) {
html += value[j];
if(j < (value.length - 1)) {
html += ",";
}
}
divTagsArr[i].innerHTML = 'check_circle'
} else {
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-status-'+clickIndex) as HTMLDivElement).innerHTML = 'pending'
}
}
filterEventsInWindow = (tags: Array, _ctx: any, divContainer: HTMLDivElement | null) => {
const arrData = [];
//console.log('window', this.eventsInWindow, ctx);
if(divContainer != null) this.clearGraph(divContainer, 2);
if(divContainer != null) this.clearGraph(divContainer, 3);
for(var i = 0; i < tags.length; i++) {
var countApproved = 0;
var countInProgress = 0;
var countNotStarted = 0;
for(var j = 0; j < this.eventsInWindow.length; j++) {
const event = this.eventsInWindow[j];
for(var l = 0; l < event.tags.length; l++) {
if((event.tags[l] + "").toLowerCase().indexOf((tags[i] + "").toLowerCase().split(';')[1]) >= 0) {
//console.log('plot approved', event.approved)
//if(event.documents == null || event.documents[event.mmdd + '/' + new Date().getFullYear()] == null || JSON.parse(event.documents[event.mmdd + '/' + new Date().getFullYear()]) == null) {
if(event.comments == null || event.comments.length === 0) {
countNotStarted++;
} else if (event.approved == null) {
countInProgress++;
} else if(!event.approved) {
countInProgress++;
} else if(event.approved) {
countApproved++;
}
// if(event.documents == null || event.documents.length === 0) {
// countNotStarted++;
// } else if (event.approved == null) {
// countInProgress++;
// } else if(!event.approved) {
// countInProgress++;
// } else if(event.approved) {
// countApproved++;
// }
}
}
}
const arrItem = [countApproved, countInProgress, countNotStarted];
arrData.push(arrItem)
}
//console.log(arrData);
const dataSetApproved = [];
const dataSetInProgress = [];
const dataSetNotStarted = [];
for(i = 0; i < arrData.length; i++) {
dataSetApproved.push(arrData[i][0]);
dataSetInProgress.push(arrData[i][1]);
dataSetNotStarted.push(arrData[i][2]);
}
//console.log('plotting dataset', dataSetApproved, dataSetInProgress, dataSetNotStarted);
const tagsCompressed = [];
for(i = 0; i < tags.length; i++) {
tagsCompressed.push(this.truncate(tags[i].split(';')[0], 20, false, false));
}
if(divContainer != null) {
this.clearGraph(divContainer, 1);
this.showGraph(divContainer, 4);
}
if(this.fill == "solid") {
const data = {
labels: tagsCompressed,
datasets: [
{
label: 'Approved',
data: dataSetApproved,
backgroundColor: '#8cd039'
},
{
label: 'In Progress',
data: dataSetInProgress,
backgroundColor: '#FFBA49'
},
{
label: 'Not Started',
data: dataSetNotStarted,
backgroundColor: '#A4A9AD'
}
]
}
const ctx4 = divContainer?.querySelector('#myChart4') as ChartItem;
(divContainer?.querySelector('#myChart4') as HTMLCanvasElement).classList.remove('gone');
if(this.fill == "solid") {
this.renderChart4(ctx4, 'bar', data, "Custom Plot")
} else {
this.renderChart4(ctx4, 'bar', data, "Custom Plot")
}
} else {
const data = {
labels: tagsCompressed,
datasets: [
{
label: 'Approved',
data: dataSetApproved,
backgroundColor: Util.createDiagonalPattern3('#8cd039')
},
{
label: 'In Progress',
data: dataSetInProgress,
backgroundColor: Util.createDiagonalPattern1('#FFBA49')
},
{
label: 'Not Started',
data: dataSetNotStarted,
backgroundColor: Util.createDiagonalPattern2('#A4A9AD')
}
]
}
const ctx4 = divContainer?.querySelector('#myChart4') as ChartItem;
(divContainer?.querySelector('#myChart4') as HTMLCanvasElement).classList.remove('gone');
if(this.fill == "solid") {
this.renderChart4(ctx4, 'bar', data, "Custom Plot")
} else {
this.renderChart4(ctx4, 'bar', data, "Custom Plot")
}
// this.renderChart(ctx, 'bar', data, "Custom Plot")
}
}
sleep = (ms: number) => {
return new Promise((resolve) => {
setTimeout(resolve, ms);
});
}
hideTabContainers = async () => {
(this._SfOnboardingStatutesContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingCompliancesContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingCountriesContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingEntitiesContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingLocationsContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingFunctionsContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingTagsContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingReportersContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingApproversContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingFunctionHeadsContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingMakerCheckersContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingAuditorsContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingViewersContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingDocsContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingDuedatesContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingExtensionsContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingAlertSchedulesContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingActivationsContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingInvalidationsContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingTriggersContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingInternalControlsContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingSignoffContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingCalendarContainer as HTMLDivElement).style.display = 'none';
(this._SfOnboardingStatutesContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingCompliancesContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingCountriesContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingEntitiesContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingLocationsContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingFunctionsContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingTagsContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingReportersContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingApproversContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingFunctionHeadsContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingMakerCheckersContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingAuditorsContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingViewersContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingDocsContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingDuedatesContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingExtensionsContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingAlertSchedulesContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingActivationsContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingInvalidationsContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingTriggersContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingInternalControlsContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingSignoffContainer as HTMLDivElement).innerHTML = '';
(this._SfOnboardingCalendarContainer as HTMLDivElement).innerHTML = '';
}
hideRcmTabContainers = async () => {
(this._SfRcmComplianceContainer as HTMLDivElement).style.display = 'none';
(this._SfRcmProjectsContainer as HTMLDivElement).style.display = 'none';
(this._SfRcmDateContainer as HTMLDivElement).style.display = 'none';
(this._SfRcmConfirmContainer as HTMLDivElement).style.display = 'none';
(this._SfRcmJobsContainer as HTMLDivElement).style.display = 'none';
(this._SfRcmComplianceContainer as HTMLDivElement).innerHTML = '';
(this._SfRcmProjectsContainer as HTMLDivElement).innerHTML = '';
(this._SfRcmDateContainer as HTMLDivElement).innerHTML = '';
(this._SfRcmConfirmContainer as HTMLDivElement).innerHTML = '';
(this._SfRcmJobsContainer as HTMLDivElement).innerHTML = '';
}
loadRcmNotifications = async () => {
const notifs = await this.fetchRcmNotifications(this.projectId);
//console.log('notifs', notifs);
this.renderRcmNotifications(notifs);
}
loadRcmCompliances = async () => {
this.hideRcmTabContainers();
(this._SfRcmComplianceContainer as HTMLDivElement).style.display = 'flex';
const compliances: Array = [];
var nextBackwardTokenOrig = '';
const tempCompliances: Array = [];
while(true) {
const updatedCompliances = await this.fetchUpdatedCompliances(nextBackwardTokenOrig);
//console.log('updatedCompliances', updatedCompliances.data.length);
const nextBackwardTokenNew = updatedCompliances.nextBackwardToken;
//console.log('comparison', nextBackwardTokenNew, nextBackwardTokenOrig);
if(nextBackwardTokenOrig == nextBackwardTokenNew) {
//console.log('breaking...');
break;
} else {
nextBackwardTokenOrig = nextBackwardTokenNew;
}
for(var i = 0; i < updatedCompliances.data.length; i++) {
const event = JSON.parse(updatedCompliances.data[i].message);
//console.log(i, 'event op', JSON.parse(event.req.body).id);
if(event.op == "update") {
if(!tempCompliances.includes(JSON.parse(event.req.body).id)) {
compliances.push(JSON.parse(event.req.body));
tempCompliances.push(JSON.parse(event.req.body).id);
}
}
}
//console.log('compliances', compliances);
}
if(compliances.length > 0) {
this.renderRcmCompliances(compliances);
const arrCompliances = [];
for(var i = 0; i < compliances.length; i++) {
arrCompliances.push(compliances[i].id);
}
//console.log('compliances 2', arrCompliances);
const lockedCompliances = await this.fetchRcmLockedCompliances(arrCompliances);
//console.log('compliances 2 locked', lockedCompliances);
this.renderRcmLockedCompliances(lockedCompliances);
(this._SfRcmComplianceContainer as HTMLDivElement).querySelector('#cb-completed')?.addEventListener('change', (e: any) => {
const cb = (e.currentTarget as HTMLInputElement);
if(cb.checked) {
this.renderRcmUnlockedCompliances(lockedCompliances);
} else {
this.renderRcmLockedCompliances(lockedCompliances);
}
});
const arrButtons = (this._SfRcmComplianceContainer as HTMLDivElement).querySelectorAll('.buttonselect-icon') as NodeListOf;
for(i = 0; i < arrButtons.length; i++) {
arrButtons[i].addEventListener('click', (e: any) => {
const id = e.currentTarget.id.replace('button-', '');
var index = -1;
for(var j = 0; j < compliances.length; j++) {
if(compliances[j].id == id) {
index = j;
}
}
//console.log(id, index, compliances[index]);
this.rcmSelectedCompliance = compliances[index];
((this._SfRcmTabContainer as HTMLDivElement).querySelector('#rcm-tab-projects') as HTMLButtonElement).click();
})
}
const arrLockButtons = (this._SfRcmComplianceContainer as HTMLDivElement).querySelectorAll('.button-lock-icon') as NodeListOf;
for(i = 0; i < arrLockButtons.length; i++) {
arrLockButtons[i].addEventListener('click', async (e: any) => {
const index = e.currentTarget.id.replace('button-lock-', '');
await this.fetchUpdateRcmLock(index);
this.loadRcmCompliances();
})
}
}
}
loadRcmProjects = async () => {
//console.log('loadRcmProjects');
this.hideRcmTabContainers();
(this._SfRcmProjectsContainer as HTMLDivElement).style.display = 'flex';
this.renderRcmSelectedComplianceInProject((this._SfRcmProjectsContainer as HTMLDivElement));
var mappedProjects;
if(this.rcmSelectedCompliance != null) {
mappedProjects = await this.fetchMappedProjects();
//console.log('mappedProjects', mappedProjects.data);
}
const projects = [];
if(mappedProjects != null) {
for(var i = 0; i < mappedProjects.data.length; i++) {
const projectDetail = await this.fetchDetailProject(mappedProjects.data[i]['projectid']['S']);
projects.push(projectDetail.data.value);
}
}
this.rcmSelectedProjects = projects;
this.renderRcmProjects((this._SfRcmProjectsContainer as HTMLDivElement), this.rcmSelectedProjects);
if(this.rcmSelectedProjects != null && this.rcmSelectedProjects.length > 0) {
this.renderRcmProceed((this._SfRcmProjectsContainer as HTMLDivElement), (this._SfRcmTabContainer as HTMLDivElement).querySelector('#rcm-tab-date'));
}
}
loadRcmDate = async () => {
//console.log('loadRcmDate');
this.hideRcmTabContainers();
(this._SfRcmDateContainer as HTMLDivElement).style.display = 'flex';
this.renderRcmDate((this._SfRcmDateContainer as HTMLDivElement));
this.renderRcmSelectedComplianceInProject((this._SfRcmDateContainer as HTMLDivElement));
//console.log('projects', this.rcmSelectedProjects);
this.renderRcmProjects((this._SfRcmDateContainer as HTMLDivElement), this.rcmSelectedProjects);
if(this.rcmSelectedProjects != null && this.rcmSelectedProjects.length > 0) {
this.renderRcmProceed((this._SfRcmDateContainer as HTMLDivElement), (this._SfRcmTabContainer as HTMLDivElement).querySelector('#rcm-tab-jobs'));
}
((this._SfRcmDateContainer as HTMLDivElement).querySelector('#rcm-date') as HTMLInputElement)?.addEventListener('change', (e: any) => {
this.rcmSelectedDate = (e.currentTarget as HTMLInputElement).value;
//console.log(this.rcmSelectedDate);
});
((this._SfRcmDateContainer as HTMLDivElement).querySelector('#rcm-message') as HTMLInputElement)?.addEventListener('change', (e: any) => {
this.rcmSelectedMessage = (e.currentTarget as HTMLInputElement).value;
//console.log(this.rcmSelectedMessage);
});
}
loadRcmJobs = async () => {
//console.log('loadRcmJobs');
this.hideRcmTabContainers();
(this._SfRcmJobsContainer as HTMLDivElement).style.display = 'flex';
if(this.rcmSelectedCompliance != null) {
const jobs = await this.fetchRcmJobs(this.rcmSelectedCompliance.id);
//console.log('jobs', jobs, this.rcmSelectedDate, this.rcmSelectedMessage);
if(this.rcmSelectedDate != null && this.rcmSelectedMessage != null) {
this.renderRcmJobs((this._SfRcmJobsContainer as HTMLDivElement));
this.renderRcmSelectedDate((this._SfRcmJobsContainer as HTMLDivElement));
}
this.renderRcmSelectedComplianceInProject((this._SfRcmJobsContainer as HTMLDivElement));
this.renderRcmProjects((this._SfRcmJobsContainer as HTMLDivElement), this.rcmSelectedProjects);
this.renderRcmSelectedJobs((this._SfRcmJobsContainer as HTMLDivElement), jobs);
//console.log('projects', this.rcmSelectedProjects);
((this._SfRcmJobsContainer as HTMLDivElement).querySelector('#button-submit') as HTMLButtonElement)?.addEventListener('click', async () => {
//console.log(this.rcmSelectedCompliance);
await this.fetchCreateRcmJob(this.rcmSelectedCompliance.id, this.rcmSelectedCompliance, this.rcmSelectedDate, this.rcmSelectedMessage, this.rcmSelectedProjects);
this.loadRcmJobs();
});
} else {
}
}
loadOnboardingStatutes = async () => {
this.hideTabContainers();
(this._SfOnboardingStatutesContainer as HTMLDivElement).style.display = 'flex';
const mappedStatutes = await this.fetchMappedStatutes();
//console.log('mappedstatutes', mappedStatutes);
this.renderOnboardingStatutes(mappedStatutes);
}
loadOnboardingCompliances = async () => {
this.hideTabContainers();
(this._SfOnboardingCompliancesContainer as HTMLDivElement).style.display = 'flex';
const mappedStatutes = await this.fetchMappedStatutes();
const mappedCompliances = await this.fetchMappedCompliances();
this.renderOnboardingCompliances(mappedStatutes, mappedCompliances);
}
loadOnboardingCountries = async () => {
this.hideTabContainers();
(this._SfOnboardingCountriesContainer as HTMLDivElement).style.display = 'flex';
// const countriesJobs = await this.fetchCountriesJobs();
const mappedCountries = await this.fetchMappedCountries();
const mappedCompliances = await this.fetchMappedCompliances();
// const mappedStatutes = await this.fetchMappedStatutes();
//console.log('countriesJobs', countriesJobs);
console.log('mappedCompliances', mappedCompliances);
console.log('mappedCountries', mappedCountries);
for(var i = 0; i < mappedCompliances.data.mappings.mappings.length; i++) {
if(mappedCompliances.data.mappings.mappings[i].id == "33a0deab-e93e-41b7-831a-473f9ea3eea2") {
//console.log('uniqcol zero', mappedCompliances.data.mappings.mappings[i]);
}
}
this.renderOnboardingCountries(mappedCountries, mappedCompliances, null);
}
loadOnboardingEntities = async () => {
this.hideTabContainers();
(this._SfOnboardingEntitiesContainer as HTMLDivElement).style.display = 'flex';
// const entitiesJobs = await this.fetchEntitiesJobs();
const mappedEntities = await this.fetchMappedEntities();
const mappedSerializedCountries = await this.fetchMappedSerializedCountries();
const arrStatuteEntitiesApplicabilities = await this.loadProposedFromStatutes(1);
// const mappedStatutes = await this.fetchMappedStatutes();
//console.log('mappedSerializedCountries', mappedSerializedCountries);
//console.log('mappedEntities', mappedEntities);
//console.log('entitiesApplicabilities', arrStatuteEntitiesApplicabilities);
this.renderOnboardingEntities(mappedEntities, mappedSerializedCountries, null, arrStatuteEntitiesApplicabilities);
}
loadOnboardingLocations = async () => {
this.hideTabContainers();
(this._SfOnboardingLocationsContainer as HTMLDivElement).style.display = 'flex';
// const locationsJobs = await this.fetchLocationsJobs();
const mappedSerializedEntities = await this.fetchMappedSerializedEntities();
const mappedLocations = await this.fetchMappedLocations();
//console.log('mappedserializedentities', mappedSerializedEntities);
//console.log('mappedlocations', mappedLocations);
this.renderOnboardingLocations(mappedLocations, mappedSerializedEntities, null);
}
loadOnboardingFunctions = async () => {
this.hideTabContainers();
(this._SfOnboardingFunctionsContainer as HTMLDivElement).style.display = 'flex';
// const functionsJobs = await this.fetchFunctionJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedFunctions = await this.fetchMappedFunctions();
//console.log('functionjobs', functionsJobs);
//console.log('mappedserializedlocations', mappedSerializedLocations);
//console.log('mappedfunctions', mappedFunctions);
this.renderOnboardingFunctions(mappedFunctions, mappedSerializedLocations, null);
}
loadOnboardingTags = async () => {
this.hideTabContainers();
(this._SfOnboardingTagsContainer as HTMLDivElement).style.display = 'flex';
// const tagsJobs = await this.fetchTagsJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedTags = await this.fetchMappedTags();
//console.log('mappedSerializedLocations', mappedSerializedLocations);
//console.log('mappedtags', mappedTags);
this.renderOnboardingTags(mappedTags, mappedSerializedLocations, null);
}
loadProposedFromStatutes = async (fieldIndex: number) => {
const mappedStatutes = await this.fetchMappedStatutes();
//console.log('mappedstatutes', mappedStatutes);
const arrStatuteReporters : any = {}
for(var i = 0; i < mappedStatutes.data.mappings.mappings.length; i++) {
if(arrStatuteReporters[mappedStatutes.data.mappings.mappings[i].countryname] == null) {
arrStatuteReporters[mappedStatutes.data.mappings.mappings[i].countryname] = {}
}
if(arrStatuteReporters[mappedStatutes.data.mappings.mappings[i].countryname][mappedStatutes.data.mappings.mappings[i].statutename.trim()] == null) {
arrStatuteReporters[mappedStatutes.data.mappings.mappings[i].countryname][mappedStatutes.data.mappings.mappings[i].statutename.trim()] = {}
}
arrStatuteReporters[mappedStatutes.data.mappings.mappings[i].countryname][mappedStatutes.data.mappings.mappings[i].statutename.trim()] = mappedStatutes.data.mappings.mappings[i].extraFields[fieldIndex];
}
//console.log('mappedstatutesend', arrStatuteReporters);
return arrStatuteReporters;
}
loadOnboardingReporters = async () => {
this.hideTabContainers();
(this._SfOnboardingReportersContainer as HTMLDivElement).style.display = 'flex';
// const reportersJobs = await this.fetchReportersJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedReporters = await this.fetchMappedReporters();
// const arrStatuteReporters = await this.loadProposedFromStatutes(1);
//console.log('mappedSerializedLocations', mappedSerializedLocations);
//console.log('mappedreporters', mappedReporters);
//console.log('arrstatutereporters', arrStatuteReporters);
this.renderOnboardingReporters(mappedReporters, mappedSerializedLocations, null, null);
}
loadOnboardingApprovers = async () => {
this.hideTabContainers();
(this._SfOnboardingApproversContainer as HTMLDivElement).style.display = 'flex';
// const approversJobs = await this.fetchApproversJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedApprovers = await this.fetchMappedApprovers();
// const arrStatuteApprovers = await this.loadProposedFromStatutes(2);
//console.log('mappedserializedlocations', mappedSerializedLocations);
//console.log('mappedapprovers', mappedApprovers);
this.renderOnboardingApprovers(mappedApprovers, mappedSerializedLocations, null, null);
}
loadOnboardingFunctionHeads = async () => {
this.hideTabContainers();
(this._SfOnboardingFunctionHeadsContainer as HTMLDivElement).style.display = 'flex';
// const functionHeadsJobs = await this.fetchFunctionHeadsJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedFunctionHeads = await this.fetchMappedFunctionHeads();
// const arrStatuteFunctionheads = await this.loadProposedFromStatutes(3);
//console.log('mappedserializedlocations', mappedSerializedLocations);
//console.log('mappedfunctionheads', mappedFunctionHeads);
this.renderOnboardingFunctionHeads(mappedFunctionHeads, mappedSerializedLocations, null, null);
}
loadOnboardingViewers = async () => {
this.hideTabContainers();
(this._SfOnboardingViewersContainer as HTMLDivElement).style.display = 'flex';
// const makerViewersJobs = await this.fetchViewersJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedViewers = await this.fetchMappedViewers();
// const arrStatuteViewers = await this.loadProposedFromStatutes(5);
//console.log('mappedSerializedLocations', mappedSerializedLocations);
//console.log('mappedViewers', mappedViewers);
this.renderOnboardingViewers(mappedViewers, mappedSerializedLocations, null, null);
}
loadOnboardingDocs = async () => {
this.hideTabContainers();
(this._SfOnboardingDocsContainer as HTMLDivElement).style.display = 'flex';
// const docsJobs = await this.fetchDocsJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedDocs = await this.fetchMappedDocs();
//console.log('mappedSerializedLocations', mappedSerializedLocations);
//console.log('mappedDocs', mappedDocs);
this.renderOnboardingDocs(mappedDocs, mappedSerializedLocations, null);
}
loadOnboardingMakerCheckers = async () => {
this.hideTabContainers();
(this._SfOnboardingMakerCheckersContainer as HTMLDivElement).style.display = 'flex';
// const makerCheckersJobs = await this.fetchMakerCheckersJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedMakerCheckers = await this.fetchMappedMakerCheckers();
//console.log('mappedSerializedLocations', mappedSerializedLocations);
//console.log('mappedMakerCheckers', mappedMakerCheckers);
this.renderOnboardingMakerCheckers(mappedMakerCheckers, mappedSerializedLocations, null);
}
loadOnboardingAuditors = async () => {
this.hideTabContainers();
(this._SfOnboardingAuditorsContainer as HTMLDivElement).style.display = 'flex';
// const auditorsJobs = await this.fetchAuditorsJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedAuditors = await this.fetchMappedAuditors();
// const arrStatuteAuditors = await this.loadProposedFromStatutes(4);
//console.log('mappedSerializedFunctionheads', mappedSerializedLocations);
//console.log('mappedAuditors', mappedAuditors);
this.renderOnboardingAuditors(mappedAuditors, mappedSerializedLocations, null, null);
}
loadOnboardingDuedates = async () => {
this.hideTabContainers();
(this._SfOnboardingDuedatesContainer as HTMLDivElement).style.display = 'flex';
// const duedatesJobs = await this.fetchDueDatesJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedDuedates = await this.fetchMappedDuedates();
//console.log('mappedSerializedLocations', mappedSerializedLocations);
//console.log('mappedduedates', mappedDuedates);
this.renderOnboardingDuedates(mappedDuedates, mappedSerializedLocations, null);
}
loadOnboardingActivations = async () => {
this.hideTabContainers();
(this._SfOnboardingActivationsContainer as HTMLDivElement).style.display = 'flex';
// const activationsJobs = await this.fetchExtensionsJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedActivations = await this.fetchMappedActivations();
//console.log('mappedserializedlocations', mappedSerializedLocations);
//console.log('mappedactivations', mappedActivations);
this.renderOnboardingActivations(mappedActivations, mappedSerializedLocations, null);
}
loadOnboardingInvalidations = async () => {
this.hideTabContainers();
(this._SfOnboardingInvalidationsContainer as HTMLDivElement).style.display = 'flex';
// const invalidationsJobs = await this.fetchExtensionsJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedInvalidations = await this.fetchMappedInvalidations();
//console.log('mappedserializedlocations', mappedSerializedLocations);
//console.log('mappedinvalidations', mappedInvalidations);
this.renderOnboardingInvalidations(mappedInvalidations, mappedSerializedLocations, null);
}
loadOnboardingAlertSchedules = async () => {
this.hideTabContainers();
(this._SfOnboardingAlertSchedulesContainer as HTMLDivElement).style.display = 'flex';
// const alertschedulesJobs = await this.fetchAlertSchedulesJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedAlertSchedules = await this.fetchMappedAlertSchedules();
//console.log('mappedserializedlocations', mappedSerializedLocations);
//console.log('mappedalertschedules', mappedAlertSchedules);
this.renderOnboardingAlertSchedules(mappedAlertSchedules, mappedSerializedLocations, null);
}
loadOnboardingExtensions = async () => {
this.hideTabContainers();
(this._SfOnboardingExtensionsContainer as HTMLDivElement).style.display = 'flex';
// const extensionsJobs = await this.fetchExtensionsJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedExtensions = await this.fetchMappedExtensions();
//console.log('mappedserializedlocations', mappedSerializedLocations);
//console.log('mappedextensions', mappedExtensions);
this.renderOnboardingExtensions(mappedExtensions, mappedSerializedLocations, null);
}
loadOnboardingTriggers = async () => {
this.hideTabContainers();
(this._SfOnboardingTriggersContainer as HTMLDivElement).style.display = 'flex';
// const triggersJobs = await this.fetchInternalControlsJobs();
// const mappedSerializedAlertSchedules = await this.fetchMappedSerializedAlertSchedules();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedTriggers = await this.fetchMappedTriggers();
//console.log('mappedSerializedAlertSchedules', mappedSerializedAlertSchedules);
//console.log('mappedTriggers', mappedTriggers);
this.renderOnboardingTriggers(mappedTriggers, mappedSerializedLocations, null);
}
loadOnboardingInternalControls = async () => {
this.hideTabContainers();
(this._SfOnboardingInternalControlsContainer as HTMLDivElement).style.display = 'flex';
// const internalcontrolsJobs = await this.fetchInternalControlsJobs();
const mappedSerializedLocations = await this.fetchMappedSerializedLocations();
const mappedInternalControls = await this.fetchMappedInternalControls();
//console.log('mappedSerializedlocations', mappedSerializedLocations);
//console.log('mappedinternalcontrols', mappedInternalControls);
this.renderOnboardingInternalControls(mappedInternalControls, mappedSerializedLocations, null);
}
loadOnboardingSignoff = async () => {
this.hideTabContainers();
(this._SfOnboardingSignoffContainer as HTMLDivElement).style.display = 'flex';
const signoff = await this.fetchGetSignOff();
this.renderOnboardingSignoff(signoff);
//console.log(signoff);
}
loadOnboardingCalendar = async () => {
this.hideTabContainers();
(this._SfOnboardingCalendarContainer as HTMLDivElement).style.display = 'flex';
const calendarJobs = await this.fetchCalendarJobs();
this.renderOnboardingCalendar(calendarJobs);
}
calculateStartAndEndDateOfPast = (index: number = 0) => {
//console.log('calculating start and end of past');
let block = 10;
if(index === 0) {
block = 10;
} else {
block = 30;
}
let nowMonth = new Date().getMonth() + 1;
let nowYear = parseInt(this.getCurrentYear(nowMonth + ""));
let nowDate = new Date(nowYear, new Date().getMonth(), new Date().getDate())
let currDay = nowDate;
for(var i = 0; i < block; i++) {
currDay.setDate(currDay.getDate() - 1);
}
const startDate = ("0" + (currDay.getMonth() + 1)).slice(-2) + "/" + ("0" + (currDay.getDate() + 1)).slice(-2) + "/" + currDay.getFullYear();
// currDay = new Date();
currDay = nowDate;
for(var i = 0; i < block; i++) {
currDay.setDate(currDay.getDate() + 1);
}
const endDate = ("0" + (currDay.getMonth() + 1)).slice(-2) + "/" + ("0" + (currDay.getDate() + 1)).slice(-2) + "/" + currDay.getFullYear();
return {startDate: startDate, endDate: endDate}
}
calculateStartAndEndDateOfThis = (index: number = 0) => {
//console.log('calculating start and end of this');
let block = 10;
var firstDate = new Date();
firstDate = new Date(parseInt(this.getCurrentYear((firstDate.getMonth() + 1) + "")), firstDate.getMonth(), firstDate.getDate())
if(index === 0) {
let nowMonth = new Date().getMonth() + 1;
let nowYear = parseInt(this.getCurrentYear(nowMonth + ""));
let nowDate = new Date(nowYear, new Date().getMonth(), new Date().getDate())
firstDate = (this.getFirstDateOfWeek(nowDate) as Date);
//console.log('this first date', firstDate);
block = 10;
}
if(index === 1) {
let nowMonth = new Date().getMonth() + 1;
let nowYear = parseInt(this.getCurrentYear(nowMonth + ""));
firstDate = new Date(nowYear, new Date().getMonth(), 1);
//console.log('this first date', firstDate);
block = 35;
}
let sDate = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
let eDate = new Date(sDate.getFullYear(), sDate.getMonth(), sDate.getDate());
for(var i = 0; i < block; i++) {
eDate.setDate(eDate.getDate() + 1);
}
return {startDate: (sDate.getMonth() + 1) + '/' + sDate.getDate() + '/' + sDate.getFullYear(), endDate: (eDate.getMonth() + 1) + '/' + eDate.getDate() + '/' + eDate.getFullYear()}
}
calculateStartAndEndDateOfUpcoming = (index: number = 0) : any => {
//console.log('calculating start and end of upcoming');
let nowMonth = new Date().getMonth() + 1;
let nowYear = parseInt(this.getCurrentYear(nowMonth + ""));
let currDate = new Date();
let sDate = new Date(nowYear, currDate.getMonth(), currDate.getDate());
sDate.setDate(sDate.getDate() - 1);
let block = 10;
if(index === 0) {
block = 8;
} else if(index === 1) {
block = 32;
} else {
block = 92;
}
let eDate = new Date(sDate.getFullYear(), sDate.getMonth(), sDate.getDate());
for(var i = 0; i < block; i++) {
eDate.setDate(eDate.getDate() + 1);
}
return {startDate: (sDate.getMonth() + 1) + '/' + sDate.getDate() + '/' + sDate.getFullYear(), endDate: (eDate.getMonth() + 1) + '/' + eDate.getDate() + '/' + eDate.getFullYear()}
}
calculateMonthFromIndex = (index: number = 0) => {
let month = parseInt(this.calendarStartMM);
for(var j = 0; j < 12; j++){
if(j == index){
return month
}else{
if(month === 12) {
month = 1;
} else {
month++;
}
}
}
return 0;
}
calculateStartAndEndDateOfStream = (index: number = 0) => {
let month = parseInt(this.calendarStartMM);
//console.log('calculateStartAndEndDateOfStream', index, month);
for(var j = 0; j < 12; j++) {
if(j === index) {
let currentMonth = month;
let nowMonth = new Date().getMonth() + 1;
//let nowYear = new Date().getFullYear();
let nowYear = parseInt(this.getCurrentYear(nowMonth + ""));
let lastMonth = -1;
let nextMonth = -1;
console.log('calculating startAndEndOfStream', index, nowMonth, currentMonth)
let lastMonthsYear = -1;
let nextMonthsYear = -1;
if(currentMonth === 1) {
// Mar
lastMonth = 12;
nextMonth = 2;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear - 1;
nextMonthsYear = nowYear;
} else {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear + 1;
}
}
if(currentMonth === 2) {
// Mar
lastMonth = 1;
nextMonth = 3;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear;
} else {
lastMonthsYear = nowYear + 1;
nextMonthsYear = nowYear + 1;
}
}
if(currentMonth === 3) {
// Mar
lastMonth = 2;
nextMonth = 4;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear;
} else {
lastMonthsYear = nowYear + 1;
nextMonthsYear = nowYear + 1;
}
}
if(currentMonth === 4) {
// Mar
lastMonth = 3;
nextMonth = 5;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear - 1;
nextMonthsYear = nowYear - 1;
} else {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear;
}
}
if(currentMonth === 5) {
// Mar
lastMonth = 4;
nextMonth = 6;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear - 1;
nextMonthsYear = nowYear - 1;
} else {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear;
}
}
if(currentMonth === 6) {
// Mar
lastMonth = 5;
nextMonth = 7;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear - 1;
nextMonthsYear = nowYear - 1;
} else {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear;
}
}
if(currentMonth === 7) {
// Mar
lastMonth = 6;
nextMonth = 8;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear - 1;
nextMonthsYear = nowYear - 1;
} else {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear;
}
}
if(currentMonth === 8) {
// Mar
lastMonth = 7;
nextMonth = 9;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear - 1;
nextMonthsYear = nowYear - 1;
} else {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear;
}
}
if(currentMonth === 9) {
// Mar
lastMonth = 8;
nextMonth = 10;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear - 1;
nextMonthsYear = nowYear - 1;
} else {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear;
}
}
if(currentMonth === 10) {
// Mar
lastMonth = 9;
nextMonth = 11;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear - 1;
nextMonthsYear = nowYear - 1;
} else {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear;
}
}
if(currentMonth === 11) {
// Mar
lastMonth = 10;
nextMonth = 12;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear - 1;
nextMonthsYear = nowYear - 1;
} else {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear;
}
}
if(currentMonth === 12) {
// Mar
lastMonth = 11;
nextMonth = 1;
if(nowMonth < parseInt(this.calendarStartMM)) {
lastMonthsYear = nowYear - 1;
nextMonthsYear = nowYear;
} else {
lastMonthsYear = nowYear;
nextMonthsYear = nowYear + 1;
}
}
// //console.log('calculateStartAndEndDateOfStream', currentMonth, index);
// if(currentMonth <= 11 && currentMonth >= 2) {
// lastMonth = parseInt(((currentMonth - 1) + "").slice(-2));
// nextMonth = parseInt(((currentMonth + 1) + "").slice(-2));
// } else if(currentMonth === 12) {
// lastMonth = 11;
// nextMonth = 1;
// } else if(currentMonth === 1) {
// lastMonth = 12;
// nextMonth = 2;
// }
// //console.log('last month', lastMonth);
// //console.log('next month', nextMonth, this.calendarStartMM);
// // let lastMonthsYear = -1;
// // let nextMonthsYear = -1;
// if((lastMonth) >= parseInt(this.calendarStartMM)) {
// lastMonthsYear = parseInt(this.calendarStartYYYY);
// } else {
// if(j === 0) {
// lastMonthsYear = parseInt(this.calendarStartYYYY);
// } else {
// lastMonthsYear = parseInt(this.calendarStartYYYY) + 1;
// }
// }
// if((nextMonth) >= parseInt(this.calendarStartMM)) {
// nextMonthsYear = parseInt(this.calendarStartYYYY);
// } else {
// nextMonthsYear = parseInt(this.calendarStartYYYY) + 1;
// }
let startDate = ("0" + lastMonth).slice(-2) + "/25/" + lastMonthsYear;
let endDate = ("0" + nextMonth).slice(-2) + "/01/" + nextMonthsYear;
return {startDate: startDate, endDate: endDate};
} else {
if(month === 12) {
month = 1;
} else {
month++;
}
}
}
return null;
}
renderAdhocConfirmed = async (adhocQuestions: any, render: boolean) => {
for(var i = 0; i < Object.keys(adhocQuestions).length; i++) {
const radioYes = (this._SfAdhocContainer as HTMLDivElement).querySelector('#radio-yes-'+i) as HTMLInputElement;
console.log(radioYes.checked);
if(render) {
if(!radioYes.checked) {
const divQuestion = ((this._SfAdhocContainer as HTMLDivElement).querySelector('#adhoc-question-'+i) as HTMLDivElement);
if(divQuestion != null) {
console.log('divQuestion', divQuestion, render, divQuestion.classList);
if(!divQuestion.classList.contains('hide')) {
divQuestion.classList.add('hide');
}
}
}
} else {
if(!radioYes.checked) {
const divQuestion = ((this._SfAdhocContainer as HTMLDivElement).querySelector('#adhoc-question-'+i) as HTMLDivElement);
if(divQuestion != null) {
console.log('divQuestion', divQuestion, render, divQuestion.classList);
if(divQuestion.classList.contains('hide')) {
divQuestion.classList.remove('hide');
}
}
}
}
}
}
renderAdhoc = async () => {
var html = '';
html += '';
html += 'Loading ...';
html += '
';
(this._SfAdhocContainer as HTMLDivElement).innerHTML = html;
const resultAdhoc = await this.fetchAdhoc();
const adhocQuestions : any = {};
for(var i = 0; i < resultAdhoc.data.events["00/00"].length; i++) {
if(resultAdhoc.data.events["00/00"][i]['adhocquestion'] != null && resultAdhoc.data.events["00/00"][i]['adhocquestion'].length > 0) {
if(adhocQuestions[resultAdhoc.data.events["00/00"][i]['adhocquestion'][0].trim()] == null) {
adhocQuestions[resultAdhoc.data.events["00/00"][i]['adhocquestion'][0].trim()] = [];
}
adhocQuestions[resultAdhoc.data.events["00/00"][i]['adhocquestion'][0].trim()].push(resultAdhoc.data.events["00/00"][i]);
}
}
console.log('adhocQuestions', adhocQuestions);
html = '';
const arrAllTriggerIds : any = {};
for(i = 0; i < Object.keys(adhocQuestions).length; i++) {
// const firstCompliance = adhocQuestions[Object.keys(adhocQuestions)[i]][0];
// console.log('triggers', i, '=' + firstCompliance.triggers + '=');
// const firstComplianceTriggers = firstCompliance.triggers == null ? [] : firstCompliance.triggers == "" ? [] : JSON.parse(firstCompliance.triggers);
html += '';
html += '
'+Object.keys(adhocQuestions)[i]+' ';
html += '
' + adhocQuestions[Object.keys(adhocQuestions)[i]].length + ' compliance(s) associated ';
html += '
'
html += '
';
html += '';
html += 'ComplianceId Location Obligation Title Obligation ';
html += ' '
for(var j = 0; j < adhocQuestions[Object.keys(adhocQuestions)[i]].length; j++) {
const compliance = adhocQuestions[Object.keys(adhocQuestions)[i]][j];
html += '';
html += (' '
}
html += '
'
html += '
'
html += '
';
html += 'No Yes ';
html += '
';
html += '
'
html += ('
Date of occurrence ');
html += ('
');
html += '
'
html += ('
Remarks ');
html += ('
');
if(this.locationId != "") {
html += ('
Will be triggered for this location ');
} else if(this.entityId != ""){
html += ('
Will be triggered for all locations of this entity ');
} else if(this.countryId != ""){
html += ('
Will be triggered for all locations of this country ');
}
html += '
';
let arrTriggerIds : Array
= [];
let arrTriggerRemarks : Array = [];
let arrTriggers : any = {};
for(var j = 0; j < adhocQuestions[Object.keys(adhocQuestions)[i]].length; j++) {
const compliance = adhocQuestions[Object.keys(adhocQuestions)[i]][j];
const locationname = compliance.locationname;
const complianceTriggers = compliance.triggers == null ? [] : compliance.triggers == "" ? [] : JSON.parse(compliance.triggers);
console.log('complianceTriggers', complianceTriggers);
for(var k = 0; k < complianceTriggers.length; k++) {
const triggerDate = complianceTriggers[k].triggerDate;
const occurrenceDate = complianceTriggers[k].occurrenceDate;
const complianceId = complianceTriggers[k].complianceId;
const triggerId = complianceTriggers[k].triggerId;
const remarks = complianceTriggers[k].remarks;
const triggerdd = triggerDate.split('/')[0];
const triggermm = triggerDate.split('/')[1];
const triggeryyyy = triggerDate.split('/')[2];
const tsTrigger = (new Date(triggeryyyy, parseInt(triggermm) - 1, triggerdd) + "").split(" ");
const dateTrigger = (tsTrigger[0] + " " + tsTrigger[1] + " " + tsTrigger[2] + " " + tsTrigger[3]);
const occurrencedd = occurrenceDate.split('/')[0];
const occurrencemm = occurrenceDate.split('/')[1];
const occurrenceyyyy = occurrenceDate.split('/')[2];
const tsOccurrence = (new Date(occurrenceyyyy, parseInt(occurrencemm) - 1, occurrencedd) + "").split(" ");
const dateOccurrence = (tsOccurrence[0] + " " + tsOccurrence[1] + " " + tsOccurrence[2] + " " + tsOccurrence[3]);
console.log('triggerId', triggerId);
if(!arrTriggerIds.includes(triggerId)) {
arrTriggerIds.push(triggerId);
arrTriggerRemarks.push(remarks)
}
if(arrTriggers[triggerId] == null) {
arrTriggers[triggerId] = {};
}
if(arrTriggers[triggerId][dateTrigger] == null) {
arrTriggers[triggerId][dateTrigger] = {};
}
if(arrTriggers[triggerId][dateTrigger][locationname] == null) {
arrTriggers[triggerId][dateTrigger][locationname] = {};
}
if(arrTriggers[triggerId][dateTrigger][locationname][complianceId] == null) {
arrTriggers[triggerId][dateTrigger][locationname][complianceId] = dateOccurrence;
}
}
}
arrAllTriggerIds[i] = arrTriggerIds;
if(arrTriggerIds.length > 0) {
html += '';
html += ('Previous Triggers ('+arrTriggerIds.length+')
';
}
html += '';
for(var j = 0; j < arrTriggerIds.length; j++) {
html += '
'
html += '
'+(j+1)+' ';
html += '
';
html += '
'
html += '
'
html += '
Trigger Id:
Retract Cancel Confirm Retract ';
html += '
'
for(var k = 0; k < Object.keys(arrTriggers[arrTriggerIds[j]]).length; k++) {
const dateTrigger = Object.keys(arrTriggers[arrTriggerIds[j]])[k];
for(var l = 0; l < Object.keys(arrTriggers[arrTriggerIds[j]][dateTrigger]).length; l++) {
const locationTrigger = Object.keys(arrTriggers[arrTriggerIds[j]][dateTrigger])[l];
for(var m = 0; m < Object.keys(arrTriggers[arrTriggerIds[j]][dateTrigger][locationTrigger]).length; m++) {
const complianceTrigger = Object.keys(arrTriggers[arrTriggerIds[j]][dateTrigger][locationTrigger])[m];
const dateOccurrence = arrTriggers[arrTriggerIds[j]][dateTrigger][locationTrigger][complianceTrigger];
html += '
';
html += '
Occurred on ' + dateOccurrence + ', Triggered on ' + dateTrigger + ' at '+locationTrigger.replace(/ *\([^)]*\) */g, "").trim()+' for Compliance Id
';
html += '
';
}
}
}
}
html += '
';
html += 'bolt Trigger close Cancel check Confirm
';
if(Object.keys(adhocQuestions).length === 0) {
html = '';
}
(this._SfAdhocContainer as HTMLDivElement).querySelector('#adhoc-list')!.innerHTML = html;
let triggerDeleteStartButtons = ((this._SfAdhocContainer as HTMLDivElement).querySelectorAll('.adhoc-delete-start') as NodeListOf);
for(let triggerDeleteStartButton of triggerDeleteStartButtons){
triggerDeleteStartButton.addEventListener('click',(e: any) => {
const _id = e.currentTarget.id;
const triggerid = _id.split('-')[3];
((this._SfAdhocContainer as HTMLDivElement).querySelector('#adhoc-delete-start-'+triggerid) as HTMLButtonElement).classList.add('hide');
((this._SfAdhocContainer as HTMLDivElement).querySelector('#adhoc-delete-cancel-'+triggerid) as HTMLButtonElement).classList.remove('hide');
((this._SfAdhocContainer as HTMLDivElement).querySelector('#adhoc-delete-confirm-'+triggerid) as HTMLButtonElement).classList.remove('hide');
})
}
let triggerDeleteCancelButtons = ((this._SfAdhocContainer as HTMLDivElement).querySelectorAll('.adhoc-delete-cancel') as NodeListOf);
for(let triggerDeleteCancelButton of triggerDeleteCancelButtons){
triggerDeleteCancelButton.addEventListener('click',(e: any) => {
const _id = e.currentTarget.id;
const triggerid = _id.split('-')[3];
((this._SfAdhocContainer as HTMLDivElement).querySelector('#adhoc-delete-start-'+triggerid) as HTMLButtonElement).classList.remove('hide');
((this._SfAdhocContainer as HTMLDivElement).querySelector('#adhoc-delete-cancel-'+triggerid) as HTMLButtonElement).classList.add('hide');
((this._SfAdhocContainer as HTMLDivElement).querySelector('#adhoc-delete-confirm-'+triggerid) as HTMLButtonElement).classList.add('hide');
})
}
let triggerDeleteConfirmButtons = ((this._SfAdhocContainer as HTMLDivElement).querySelectorAll('.adhoc-delete-confirm') as NodeListOf);
for(let triggerDeleteConfirmButton of triggerDeleteConfirmButtons){
triggerDeleteConfirmButton.addEventListener('click',async (e: any) => {
const _id = e.currentTarget.id;
const triggerid = _id.split('-')[3];
const untrigger = {
projectid: this.projectId,
triggerid: triggerid
}
console.log('untrigger', untrigger);
await this.uploadUnTriggerEvent(untrigger)
this.renderAdhoc();
})
}
for(i = 0; i < Object.keys(adhocQuestions).length; i++) {
const radioYes = (this._SfAdhocContainer as HTMLDivElement).querySelector('#radio-yes-'+i) as HTMLInputElement;
radioYes.addEventListener('click', (e:any) => {
const id = e.currentTarget.id.split('-')[2];
const chooseDate = (this._SfAdhocContainer as HTMLDivElement).querySelector('#choose-date-'+id) as HTMLDivElement;
console.log(chooseDate);
chooseDate.classList.remove('hide');
})
const radioNo = (this._SfAdhocContainer as HTMLDivElement).querySelector('#radio-no-'+i) as HTMLInputElement;
radioNo.addEventListener('click', (e:any) => {
const id = e.currentTarget.id.split('-')[2];
const chooseDate = (this._SfAdhocContainer as HTMLDivElement).querySelector('#choose-date-'+id) as HTMLDivElement;
console.log(chooseDate);
chooseDate.classList.add('hide');
})
}
for(i = 0; i < Object.keys(adhocQuestions).length; i++) {
const complianceCount = (this._SfAdhocContainer as HTMLDivElement).querySelector('#compliance-count-'+i) as HTMLDivElement;
complianceCount.addEventListener('click', (e:any) => {
const index = e.currentTarget.id.split('-')[2];
console.log(index);
const body = (this._SfAdhocContainer as HTMLDivElement).querySelector('#compliance-list-body-'+index) as HTMLDivElement;
if(body.classList.contains('hide')) {
body.classList.remove('hide');
e.currentTarget.setAttribute('part', 'adhoc-compliance-list-count-selected')
} else {
body.classList.add('hide');
e.currentTarget.setAttribute('part', 'adhoc-compliance-list-count-not-selected')
}
});
}
for(i = 0; i < Object.keys(adhocQuestions).length; i++) {
const previousTriggerCount = (this._SfAdhocContainer as HTMLDivElement).querySelector('#previous-triggers-'+i) as HTMLDivElement;
if(previousTriggerCount != null) {
previousTriggerCount.addEventListener('click', (e:any) => {
const index = e.currentTarget.id.split('-')[2];
console.log(index);
const body = (this._SfAdhocContainer as HTMLDivElement).querySelector('#previous-triggers-body-'+index) as HTMLDivElement;
if(body.classList.contains('hide')) {
body.classList.remove('hide');
e.currentTarget.setAttribute('part', 'adhoc-previous-triggers-count-selected')
} else {
body.classList.add('hide');
e.currentTarget.setAttribute('part', 'adhoc-previous-triggers-count-not-selected')
}
});
}
// complianceCount.addEventListener('click', (e:any) => {
// const index = e.currentTarget.id.split('-')[2];
// console.log(index);
// const body = (this._SfAdhocContainer as HTMLDivElement).querySelector('#compliance-list-body-'+index) as HTMLDivElement;
// if(body.classList.contains('hide')) {
// body.classList.remove('hide');
// e.currentTarget.setAttribute('part', 'adhoc-compliance-list-count-selected')
// } else {
// body.classList.add('hide');
// e.currentTarget.setAttribute('part', 'adhoc-compliance-list-count-not-selected')
// }
// });
}
const submitButtonCancel = (this._SfAdhocContainer as HTMLDivElement).querySelector('#radio-submit-cancel') as HTMLButtonElement;
if(submitButtonCancel != null) {
submitButtonCancel.addEventListener('click', () => {
if(submitButtonConfirm != null && !submitButtonConfirm.classList.contains('hide')) {
submitButtonConfirm.classList.add('hide');
}
if(submitButtonCancel != null && !submitButtonCancel.classList.contains('hide')) {
submitButtonCancel.classList.add('hide');
}
if(submitButton != null && submitButton.classList.contains('hide')) {
submitButton.classList.remove('hide');
}
this.renderAdhocConfirmed(adhocQuestions, false);
})
}
const submitButtonConfirm = (this._SfAdhocContainer as HTMLDivElement).querySelector('#radio-submit-confirm') as HTMLButtonElement;
if(submitButtonConfirm != null) {
submitButtonConfirm.addEventListener('click', async () => {
let triggeredCompliances : any = [];
var submitFlag = true;
for(i = 0; i < Object.keys(adhocQuestions).length; i++) {
const radioYes = (this._SfAdhocContainer as HTMLDivElement).querySelector('#radio-yes-'+i) as HTMLInputElement;
console.log(radioYes.checked);
if(radioYes.checked) {
const compliances = adhocQuestions[Object.keys(adhocQuestions)[i]];
// const chooseDate = ((this._SfAdhocContainer as HTMLDivElement).querySelector('#choose-date-'+i) as HTMLDivElement)
const chooseDateInput = ((this._SfAdhocContainer as HTMLDivElement).querySelector('#date-of-occurrence-'+i) as HTMLInputElement);
const remarksInput = ((this._SfAdhocContainer as HTMLDivElement).querySelector('#remarks-'+i) as HTMLTextAreaElement);
const dateOfTrigger = (new Date().getDate() + "").slice(-2) + "/" + ((new Date().getMonth() + 1) + "").slice(-2) + "/" + (new Date().getFullYear() + "");
const dateOfOccurrence = chooseDateInput.value;
const remarks = remarksInput.value;
if(dateOfOccurrence == "") {
chooseDateInput.setAttribute('style', 'border:solid 2px ' + this.COLOR_REJECTED + ' !important');
submitFlag = false;
}
if(remarks == "") {
remarksInput.setAttribute('style', 'border:solid 2px ' + this.COLOR_REJECTED + ' !important');
submitFlag = false;
}
if(submitFlag){
triggeredCompliances.push({
compliances: compliances,
dateOfOccurrence: dateOfOccurrence,
dateOfTrigger: dateOfTrigger,
locationId: this.locationId,
entityId: this.entityId,
countryId: this.countryId,
tagId: this.tagId,
remarks: remarks,
});
chooseDateInput.setAttribute('style', 'border:');
} else {
break;
}
}
}
console.log('triggeredCompliances',triggeredCompliances);
if(submitFlag) {
await this.uploadTriggerEvent(triggeredCompliances);
this.renderAdhoc();
}
});
}
const submitButton = (this._SfAdhocContainer as HTMLDivElement).querySelector('#radio-submit') as HTMLButtonElement;
if(submitButton != null) {
submitButton.addEventListener('click', async () => {
if(submitButtonConfirm != null && submitButtonConfirm.classList.contains('hide')) {
submitButtonConfirm.classList.remove('hide');
}
if(submitButtonCancel != null && submitButtonCancel.classList.contains('hide')) {
submitButtonCancel.classList.remove('hide');
}
if(submitButton != null && !submitButton.classList.contains('hide')) {
submitButton.classList.add('hide');
}
this.renderAdhocConfirmed(adhocQuestions, true);
});
}
}
renderRegister = async () => {
var html = '';
html += '';
html += '';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += 'Search
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += 'Start Date
';
html += '
';
html += 'End Date
';
html += '
';
html += 'Year To Date '
html += '
';
html += '
';
html += 'This Quarter '
html += '
';
html += '
';
html += 'This Year '
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += 'Start Date '
html += '
';
html += '
';
html += 'End Date '
html += '
';
html += '
';
html += 'Year To Date '
html += '
';
html += '
';
html += 'This Quarter '
html += '
';
html += '
';
html += 'This Year '
html += '
';
html += '
';
html += 'Filter Criteria '
html += '
';
html += '
';
html += '
';
html += '
';
html += 'Subfilter Criteria '
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
var part = "";
if(index === 0) {
part = "stream-month-selected";
} else {
part = "stream-month-not-selected";
}
html += '
Week
';
part = "";
if(index === 1) {
part = "stream-month-selected";
} else {
part = "stream-month-not-selected";
}
html += '
Month
';
html += '
';
html += '
';
// var startDate = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
var startDate = new Date();
html += this.renderThisEvents(index, startDate, showGraph, showBackgroundButton);
startDate.setDate(startDate.getDate() + 1);
html += '
';
html += this.renderSelectAllButtons();
html += '
// for(let selectFeature of selectFeatures){
// let id = selectFeature.id;
// let i = id.split('-')[3];
// let selectedFeature = this.getFeatures()[parseInt(i)]
// selectFeature.checked = this.selectedFeatures.indexOf(selectedFeature) >= 0
// }
// filterSubmitButton.style.visibility = 'visible'
// })
// const selectFeatureAllLabel = filterList.querySelector('#input-select-feature-label-all') as HTMLLabelElement
// selectFeatureAllLabel.addEventListener('click',()=>{
// selectFeatureAll.checked = !selectFeatureAll.checked
// selectFeatureAll.click();
// })
const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf
const selectFeatureLabels = filterList.querySelectorAll('.input-select-feature-label') as NodeListOf
for(let [i,selectFeature] of selectFeatures.entries()){
selectFeature.addEventListener('click',async (ev: any) => {
let target = ev.target;
let id = target.id;
let i = id.split('-')[3];
let selectedFeature = this.getFeatures()[i]
if(target.checked){
if(this.selectedFeatures.indexOf(selectedFeature) < 0){
// this.selectedFeatures.push(selectedFeature)
this.selectedFeatures = [selectedFeature]
}
}
// else{
// // selectFeatureAll.checked = false;
// if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
// this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
// }
// }
// filterSubmitButton.style.visibility = 'visible'
filterSubmitButton.click();
})
selectFeatureLabels[i].addEventListener('click',() => {
selectFeature.checked = !selectFeature.checked
selectFeature.click();
})
}
})
const radioExpander = (this._SfThisContainer as HTMLDivElement).querySelector('#graph-radios-expander') as HTMLButtonElement;
radioExpander?.addEventListener('click', (e: any) => {
const button = (e.currentTarget as HTMLButtonElement);
button.style.display = 'none';
const arrRadios = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.chart-radio-item-secondary') as NodeListOf;
arrRadios.forEach(div => {
div.style.display = 'block';
});
});
const radioCompleteness = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-completeness') as HTMLButtonElement;
radioCompleteness?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
this.renderThis(index, showGraph, showBackgroundButton);
this.renderCompletenessGraph((this._SfThisContainer as HTMLDivElement));
});
const radioTimeliness = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-timeliness') as HTMLButtonElement;
radioTimeliness?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_TIMELINESS;
this.renderThis(index, showGraph, showBackgroundButton);
this.renderTimelinessGraph((this._SfThisContainer as HTMLDivElement))
});
const radioCompliance = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-compliance') as HTMLButtonElement;
radioCompliance?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_COMPLIANCE;
this.renderThis(index, showGraph, showBackgroundButton);
this.renderComplianceGraph((this._SfThisContainer as HTMLDivElement))
});
// const radioCompliance = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-compliance') as HTMLButtonElement;
// radioCompliance?.addEventListener('click', () => {
// this.flowGraph = this.FLOW_GRAPH_COMPLIANCE;
// this.renderStream(index);
// this.renderComplianceGraph((this._SfThisContainer as HTMLDivElement))
// });
const radioRisk = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-risk') as HTMLButtonElement;
radioRisk?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_RISKAREAS;
this.renderThis(index, showGraph, showBackgroundButton);
this.renderRiskGraph((this._SfThisContainer as HTMLDivElement))
});
const radioFunction = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-function') as HTMLButtonElement;
radioFunction?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_FUNCTION;
this.renderThis(index, showGraph, showBackgroundButton);
this.renderFunctionGraph((this._SfThisContainer as HTMLDivElement))
});
const radioRiskSeverity = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-riskseverity') as HTMLButtonElement;
radioRiskSeverity?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_RISKSEVERITY;
this.renderThis(index, showGraph, showBackgroundButton);
this.renderRiskSeverityGraph((this._SfThisContainer as HTMLDivElement))
});
const radioObligationType = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-obligationtype') as HTMLButtonElement;
radioObligationType?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_OBLIGATIONTYPE;
this.renderThis(index, showGraph, showBackgroundButton);
this.renderObligationTypeGraph((this._SfThisContainer as HTMLDivElement))
});
const radioJurisdiction = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-jurisdiction') as HTMLButtonElement;
radioJurisdiction?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_JURISDICTION;
this.renderThis(index, showGraph, showBackgroundButton);
this.renderJurisdictionGraph((this._SfThisContainer as HTMLDivElement))
});
const radioFrequency = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-frequency') as HTMLButtonElement;
radioFrequency?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_FREQUENCY;
this.renderThis(index, showGraph, showBackgroundButton);
this.renderFrequencyGraph((this._SfThisContainer as HTMLDivElement))
});
const radioSubcategory = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-subcategory') as HTMLButtonElement;
radioSubcategory?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_SUBCATEGORY;
this.renderThis(index, showGraph, showBackgroundButton);
this.renderSubcategoryGraph((this._SfThisContainer as HTMLDivElement))
});
const radioLocation = (this._SfThisContainer as HTMLDivElement).querySelector('#radio-location') as HTMLButtonElement;
radioLocation?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_LOCATION;
this.renderThis(index, showGraph, showBackgroundButton);
this.renderLocationGraph((this._SfThisContainer as HTMLDivElement))
});
// const buttonStatusMore = (this._SfThisContainer as HTMLDivElement).querySelector('#button-status-more');
// buttonStatusMore?.addEventListener('click', () => {
// const divStatusList = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.late-statuses') as NodeListOf;
// for(var i = 0; i < divStatusList.length; i++) {
// divStatusList[i].style.display = 'flex';
// }
// (buttonStatusMore as HTMLButtonElement).style.display = 'none';
// });
for(var i = 0; i < 3; i++) {
(this._SfThisContainer as HTMLDivElement).querySelector('#stream-month-' + i)?.addEventListener('click', async (ev: any)=> {
const target = parseInt((ev.target as HTMLDivElement).id.split('-')[2]);
//console.log('clicked ', target);
const dateResult = this.calculateStartAndEndDateOfThis(target);
this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
this.currentColumnIndex = target + "";
await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate);
this.renderThis(target, showGraph, showBackgroundButton);
});
(this._SfThisContainer as HTMLDivElement).querySelector('#stream-month-' + i + '-mobile')?.addEventListener('click', async (ev: any)=> {
const target = parseInt((ev.target as HTMLDivElement).id.split('-')[2]);
//console.log('clicked ', target);
this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
this.currentColumnIndex = target + "";
const dateResult = this.calculateStartAndEndDateOfThis(target);
await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate);
this.renderThis(target, showGraph, showBackgroundButton);
})
}
const buttonRefresh = (this._SfThisContainer as HTMLDivElement).querySelector('#button-refresh') as HTMLButtonElement
buttonRefresh.addEventListener('click', async ()=>{
this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
this.currentColumnIndex = index + "";
const dateResult = this.calculateStartAndEndDateOfThis(index);
// await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate);
await this.renderWithFeatures(dateResult.startDate, dateResult.endDate);
this.renderThis(index, showGraph, showBackgroundButton);
})
this.attachListReportingListeners(this._SfThisContainer as HTMLDivElement);
const buttonArr = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.button-expand') as NodeListOf;
for(i = 0; i < buttonArr.length; i++) {
buttonArr[i].addEventListener('click', (ev: any) => {
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[3] + "/" + idArr[4];
const j = idArr[5];
const isnotice = idArr[6];
var yyyy = this.getCurrentYear(idArr[3]);
if(isnotice === "isnotice"){
this.renderNoticeDetails(this.events[mmdd][j], mmdd + "/" + yyyy)
}else{
let found = false;
for(var k = 0; k < this.selectedItemIds.length; k++) {
if(this.selectedItemIds[k].indexOf(idArr[3] + '-' + idArr[4] + '-' + idArr[5]) >= 0) {
found = true;
}
}
if(!found) {
this.selectedItemIds = [];
this.clearButtonSelection();
}
// (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
// this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, (this._SfThisContainer as HTMLDivElement).querySelector('#stream-month-'+this.currentColumnIndex) as HTMLButtonElement);
this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, (this._SfThisContainer as HTMLDivElement).querySelector('#stream-month-'+this.currentColumnIndex) as HTMLButtonElement, this._SfThisContainer as HTMLDivElement);
}
})
}
const titleArr = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.button-event-title') as NodeListOf;
for(var i = 0; i < titleArr.length; i++) {
titleArr[i].addEventListener('click', (ev: any) => {
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[3] + "/" + idArr[4];
const j = idArr[5];
const isnotice = idArr[6];
var yyyy = this.getCurrentYear(idArr[3]);
if(isnotice === "isnotice"){
this.renderNoticeDetails(this.events[mmdd][j], mmdd + "/" + yyyy)
}else{
let found = false;
for(var k = 0; k < this.selectedItemIds.length; k++) {
if(this.selectedItemIds[k].indexOf(idArr[3] + '-' + idArr[4] + '-' + idArr[5]) >= 0) {
found = true;
}
}
if(!found) {
this.selectedItemIds = [];
this.selectedItems = [];
this.clearButtonSelection();
}
// (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
// this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, null);
this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, null, (this._SfThisContainer as HTMLDivElement));
}
})
}
const streamEventsContainer = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.stream-events-container') as NodeListOf;
const buttonSelect = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.button-select') as NodeListOf;
let selectAllArr = this.attachSelectAllListeners((this._SfThisContainer as HTMLDivElement),buttonSelect)
const buttonSelectAll = selectAllArr[0]
const buttonUnselectAll = selectAllArr[1]
for(i = 0; i < buttonSelect.length; i++) {
buttonSelect[i].addEventListener('click', (ev: any) => {
//console.log('eventscontainer', streamEventsContainer.length, buttonSelect.length);
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[2] + "/" + idArr[3];
const j = idArr[4];
// const makercheckers = idArr[5];
const docs = idArr[6];
const isnotice = idArr[14];
if((ev.target as HTMLInputElement).checked) {
this.selectedItemIds.push(id);
} else {
this.selectedItemIds.splice(this.selectedItemIds.indexOf(id), 1);
let listReportingContainer = (this._SfThisContainer as HTMLDivElement).querySelector('#list-reporting-container-' + mmdd.replace(/\//g,'-') + '-' + j) as HTMLDivElement
listReportingContainer.style.display = 'none';
listReportingContainer.innerHTML = '';
let buttonListReporting = (this._SfThisContainer as HTMLDivElement).querySelector('#button-list-reporting-' + mmdd.replace(/\//g,'-') + '-' + j) as HTMLButtonElement
buttonListReporting.setAttribute('part','button-list-reporting')
let streamEventTitle = (this._SfThisContainer as HTMLDivElement).querySelector('#stream-event-title-' + mmdd.replace(/\//g,'-') + '-' + j + '-' + isnotice) as SfIElasticText
streamEventTitle.removeAttribute('part')
}
if(this.selectedItemIds.length === 0) {
for(var k = 0; k < buttonSelect.length; k++) {
const id1 = buttonSelect[k].id;
const idArr1 = id1.split("-")
const isbulk = idArr1[15] == "bulk"
console.log('isBulk button-select1', id1, isbulk)
if(isbulk){
(buttonSelect[k] as HTMLInputElement).style.display = 'none';
}else{
(buttonSelect[k] as HTMLInputElement).style.display = 'block';
}
(streamEventsContainer[k] as HTMLDivElement).style.display = 'block';
}
let bulkUploadLables = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.bulk-upload-label') as NodeListOf
for(let bulkUploadLable of bulkUploadLables){
bulkUploadLable.innerHTML = `${this.selectedItemIds.length - 1} other ` + ((this.selectedItemIds.length - 1) === 1 ? `item` : `items`) + ` also selected`
}
buttonSelectAll.style.display = 'none';
buttonUnselectAll.style.display = 'none';
} else {
if(this.selectedItemIds.length === 1) {
const id1 = id;
const idArr1 = id1.split("-")
const status = idArr1[13].replace(/_/g, '-');
this.selectedStatus = status;
}
let totalVisibleCount = 0
for(var k = 0; k < buttonSelect.length; k++) {
const id1 = buttonSelect[k].id;
const idArr1 = id1.split("-")
const docs1 = idArr1[6];
const status = idArr1[13].replace(/_/g, '-');
const isnotice1 = idArr1[14]
const isbulk = idArr1[15] == "bulk"
if(isbulk){
(buttonSelect[k] as HTMLInputElement).style.display = 'none';
}
if(docs == docs1 && status == this.selectedStatus && isnotice == isnotice1) {
totalVisibleCount++
} else {
(buttonSelect[k] as HTMLInputElement).style.display = 'none';
(streamEventsContainer[k] as HTMLDivElement).style.display = 'none';
}
}
if(this.selectedItemIds.length >= parseInt(this.selectallblock) || this.selectedItemIds.length >= totalVisibleCount){
buttonSelectAll.style.display = 'none';
buttonUnselectAll.style.display = 'flex';
}else{
buttonSelectAll.style.display = 'flex';
buttonUnselectAll.style.display = 'none';
}
let bulkUploadLables = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.bulk-upload-label') as NodeListOf
for(let bulkUploadLable of bulkUploadLables){
bulkUploadLable.innerHTML = `${this.selectedItemIds.length - 1} other ` + ((this.selectedItemIds.length - 1) === 1 ? `item` : `items`) + ` also selected`
}
}
// (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
// this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
if(this.selectedItemIds.length == 1){
ev.target.scrollIntoView()
}
})
}
if(showGraph) {
switch (this.flowGraph) {
case this.FLOW_GRAPH_COMPLETENESS:
this.renderCompletenessGraph((this._SfThisContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_TIMELINESS:
this.renderTimelinessGraph((this._SfThisContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_COMPLIANCE:
this.renderComplianceGraph((this._SfThisContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_RISKAREAS:
this.renderRiskGraph((this._SfThisContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_RISKSEVERITY:
this.renderRiskSeverityGraph((this._SfThisContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_LOCATION:
this.renderLocationGraph((this._SfThisContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_FUNCTION:
this.renderFunctionGraph((this._SfThisContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_OBLIGATIONTYPE:
this.renderObligationTypeGraph((this._SfThisContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_JURISDICTION:
this.renderJurisdictionGraph((this._SfThisContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_FREQUENCY:
this.renderFrequencyGraph((this._SfThisContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_SUBCATEGORY:
this.renderSubcategoryGraph((this._SfThisContainer as HTMLDivElement));
break;
default:
this.renderCompletenessGraph((this._SfThisContainer as HTMLDivElement));
break;
}
}
}
renderButtonRefresh = (eventsContainer: HTMLDivElement) => {
document.addEventListener('scroll',() => {
// console.log('scroll',window.scrollY)
let buttonRefresh = eventsContainer.querySelector('#button-refresh') as HTMLButtonElement
if(buttonRefresh != null){
if(window.scrollY > 720){
if(buttonRefresh.style.display == "flex"){
}else{
buttonRefresh.style.display = 'flex'
}
}else{
if(buttonRefresh.style.display == "none"){
}else{
buttonRefresh.style.display = 'none'
}
}
}
})
}
renderStream = (index: number = 0, showGraph: boolean = true, showBackgroundButton: boolean) => {
//console.log('flowgraph renderStream', this.flowGraph);
this.streamIndex = index;
// this.clearGraphData();
// this.clearSelectedGraphParam();
// this.clearSelectedLegend();
var startDate = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
var html = '';
html += '';
html += '';
html += '
';
var startDate = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
for(i = 0; i < 12; i++) {
var part = "";
if(i === index) {
part = "stream-month-selected";
} else {
part = "stream-month-not-selected";
}
html += '
' + this.monthNames[startDate.getMonth()] + ' ' + startDate.getFullYear() + '
';
startDate.setMonth(startDate.getMonth() + 1);
}
html += '
';
html += '
';
startDate = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
for(i = 0; i < 12; i++) {
if(i === index) {
//console.log(i, index)
html += this.renderStreamEvents(i, startDate.getMonth(), startDate.getFullYear(), showGraph, showBackgroundButton)
}
startDate.setMonth(startDate.getMonth() + 1);
}
html += '
';
html += this.renderSelectAllButtons();
html += '
// for(let selectFeature of selectFeatures){
// let id = selectFeature.id;
// let i = id.split('-')[3];
// let selectedFeature = this.getFeatures()[parseInt(i)]
// selectFeature.checked = this.selectedFeatures.indexOf(selectedFeature) >= 0
// }
// filterSubmitButton.style.visibility = 'visible'
// })
// const selectFeatureAllLabel = filterList.querySelector('#input-select-feature-label-all') as HTMLLabelElement
// selectFeatureAllLabel?.addEventListener('click',()=>{
// selectFeatureAll.checked = !selectFeatureAll.checked;
// selectFeatureAll.click();
// })
const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf
const selectFeatureLabels = filterList.querySelectorAll('.input-select-feature-label') as NodeListOf
for(let [i,selectFeature] of selectFeatures.entries()){
selectFeature.addEventListener('click',async (ev: any) => {
let target = ev.target;
let id = target.id;
let i = id.split('-')[3];
let selectedFeature = this.getFeatures()[i]
if(target.checked){
if(this.selectedFeatures.indexOf(selectedFeature) < 0){
// this.selectedFeatures.push(selectedFeature)
this.selectedFeatures = [selectedFeature]
}
}
// else{
// // selectFeatureAll.checked = false;
// if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
// this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
// }
// }
// filterSubmitButton.style.visibility = 'visible'
filterSubmitButton.click();
})
selectFeatureLabels[i].addEventListener('click',() => {
selectFeature.checked = !selectFeature.checked
selectFeature.click()
})
}
})
const radioExpander = (this._SfStreamContainer as HTMLDivElement).querySelector('#graph-radios-expander') as HTMLButtonElement;
radioExpander?.addEventListener('click', (e: any) => {
const button = (e.currentTarget as HTMLButtonElement);
button.style.display = 'none';
const arrRadios = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.chart-radio-item-secondary') as NodeListOf;
arrRadios.forEach(div => {
div.style.display = 'block';
});
});
const radioCompleteness = (this._SfStreamContainer as HTMLDivElement).querySelector('#radio-completeness') as HTMLButtonElement;
radioCompleteness?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
this.renderStream(index, showGraph, showBackgroundButton);
this.renderCompletenessGraph((this._SfStreamContainer as HTMLDivElement));
});
const radioTimeliness = (this._SfStreamContainer as HTMLDivElement).querySelector('#radio-timeliness') as HTMLButtonElement;
radioTimeliness?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_TIMELINESS;
this.renderStream(index, showGraph, showBackgroundButton);
this.renderTimelinessGraph((this._SfStreamContainer as HTMLDivElement))
});
const radioCompliance = (this._SfStreamContainer as HTMLDivElement).querySelector('#radio-compliance') as HTMLButtonElement;
radioCompliance?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_COMPLIANCE;
this.renderStream(index, showGraph, showBackgroundButton);
this.renderComplianceGraph((this._SfStreamContainer as HTMLDivElement))
});
const radioRisk = (this._SfStreamContainer as HTMLDivElement).querySelector('#radio-risk') as HTMLButtonElement;
radioRisk?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_RISKAREAS;
this.renderStream(index, showGraph, showBackgroundButton);
this.renderRiskGraph((this._SfStreamContainer as HTMLDivElement))
});
const radioRiskSeverity = (this._SfStreamContainer as HTMLDivElement).querySelector('#radio-riskseverity') as HTMLButtonElement;
radioRiskSeverity?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_RISKSEVERITY;
this.renderStream(index, showGraph, showBackgroundButton);
this.renderRiskSeverityGraph((this._SfStreamContainer as HTMLDivElement))
});
const radioFunction = (this._SfStreamContainer as HTMLDivElement).querySelector('#radio-function') as HTMLButtonElement;
radioFunction?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_FUNCTION;
this.renderStream(index, showGraph, showBackgroundButton);
this.renderFunctionGraph((this._SfStreamContainer as HTMLDivElement))
});
const radioObligationType = (this._SfStreamContainer as HTMLDivElement).querySelector('#radio-obligationtype') as HTMLButtonElement;
radioObligationType?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_OBLIGATIONTYPE;
this.renderStream(index, showGraph, showBackgroundButton);
this.renderObligationTypeGraph((this._SfStreamContainer as HTMLDivElement))
});
const radioJurisdiction = (this._SfStreamContainer as HTMLDivElement).querySelector('#radio-jurisdiction') as HTMLButtonElement;
radioJurisdiction?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_JURISDICTION;
this.renderStream(index, showGraph, showBackgroundButton);
this.renderJurisdictionGraph((this._SfStreamContainer as HTMLDivElement))
});
const radioFrequency = (this._SfStreamContainer as HTMLDivElement).querySelector('#radio-frequency') as HTMLButtonElement;
radioFrequency?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_FREQUENCY;
this.renderStream(index, showGraph, showBackgroundButton);
this.renderFrequencyGraph((this._SfStreamContainer as HTMLDivElement))
});
const radioSubcategory = (this._SfStreamContainer as HTMLDivElement).querySelector('#radio-subcategory') as HTMLButtonElement;
radioSubcategory?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_SUBCATEGORY;
this.renderStream(index, showGraph, showBackgroundButton);
this.renderSubcategoryGraph((this._SfStreamContainer as HTMLDivElement))
});
const radioLocation = (this._SfStreamContainer as HTMLDivElement).querySelector('#radio-location') as HTMLButtonElement;
radioLocation?.addEventListener('click', () => {
this.flowGraph = this.FLOW_GRAPH_LOCATION;
this.renderStream(index, showGraph, showBackgroundButton);
this.renderLocationGraph((this._SfStreamContainer as HTMLDivElement))
});
let backgroundProcessButton = (this._SfStreamContainer as HTMLDivElement).querySelector('#button-background-process') as HTMLButtonElement
if(showBackgroundButton){
backgroundProcessButton.style.display = showBackgroundButton ? 'flex' : 'none'
console.log('backgroundprocessbutton', backgroundProcessButton.style.display);
if(showBackgroundButton){
backgroundProcessButton.addEventListener('click',() => {
console.log('bulk-progress clicked')
let bulkLoader = (this._SfIEventsC as HTMLDivElement).querySelector('.bulk-loader') as HTMLDivElement
bulkLoader.scrollIntoView();
})
}
}
// const buttonStatusMore = (this._SfStreamContainer as HTMLDivElement).querySelector('#button-status-more');
// buttonStatusMore?.addEventListener('click', () => {
// const divStatusList = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.late-statuses') as NodeListOf;
// for(var i = 0; i < divStatusList.length; i++) {
// divStatusList[i].style.display = 'flex';
// }
// (buttonStatusMore as HTMLButtonElement).style.display = 'none';
// });
for(var i = 0; i < 12; i++) {
(this._SfStreamContainer as HTMLDivElement).querySelector('#stream-month-' + i)?.addEventListener('click', async (ev: any)=> {
const target = parseInt((ev.target as HTMLDivElement).id.split('-')[2]);
const dateResult = this.calculateStartAndEndDateOfStream(target);
const monthResult = this.calculateMonthFromIndex(target);
// console.log('monthResult', monthResult);
//console.log('dateresult', dateResult);
this.currentColumnIndex = target + "";
if(dateResult != null) {
await this.renderWithFeatures(dateResult.startDate, dateResult.endDate,"","yes",("0" + monthResult).slice(-2));
// await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate,"","yes",("0" + monthResult).slice(-2));
}
this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
this.renderStream(target, showGraph, showBackgroundButton);
});
(this._SfStreamContainer as HTMLDivElement).querySelector('#stream-month-' + i+'-mobile')?.addEventListener('click', async (ev: any)=> {
const target = parseInt((ev.target as HTMLDivElement).id.split('-')[2]);
const dateResult = this.calculateStartAndEndDateOfStream(target);
const monthResult = this.calculateMonthFromIndex(target);
if(dateResult != null) {
await this.renderWithFeatures(dateResult.startDate, dateResult.endDate,"","yes",("0" + monthResult).slice(-2));
// await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate,"","yes",("0" + monthResult).slice(-2));
}
this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
this.currentColumnIndex = target + "";
this.renderStream(target, showGraph, showBackgroundButton);
})
}
const buttonRefresh = (this._SfStreamContainer as HTMLDivElement).querySelector('#button-refresh') as HTMLButtonElement
buttonRefresh?.addEventListener('click', async ()=>{
const dateResult = this.calculateStartAndEndDateOfStream(index);
const monthResult = this.calculateMonthFromIndex(index);
console.log('monthResult', monthResult);
console.log('dateresult', dateResult);
this.currentColumnIndex = index + "";
if(dateResult != null) {
await this.renderWithFeatures(dateResult.startDate, dateResult.endDate,"","yes",("0" + monthResult).slice(-2));
// await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate,"","yes",("0" + monthResult).slice(-2));
}
this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
this.renderStream(index, showGraph, showBackgroundButton);
})
this.attachListReportingListeners(this._SfStreamContainer as HTMLDivElement);
const buttonArr = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.button-expand') as NodeListOf;
for(i = 0; i < buttonArr.length; i++) {
buttonArr[i].addEventListener('click', (ev: any) => {
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[3] + "/" + idArr[4];
const j = idArr[5];
const isnotice = idArr[6];
var yyyy = this.getCurrentYear(idArr[3]);
if(isnotice === "isnotice"){
this.renderNoticeDetails(this.events[mmdd][j], mmdd + "/" + yyyy)
}else{
let found = false;
for(var k = 0; k < this.selectedItemIds.length; k++) {
console.log('selectedItems', this.selectedItemIds[k], idArr[3] + '-' + idArr[4] + '-' + idArr[5], this.selectedItemIds[k].indexOf(idArr[3] + '-' + idArr[4] + '-' + idArr[5]));
if(this.selectedItemIds[k].indexOf(idArr[3] + '-' + idArr[4] + '-' + idArr[5]) >= 0) {
found = true;
}
}
if(!found) {
this.selectedItemIds = [];
this.clearButtonSelection();
}
// (this._SfDetailContainer as HTMLDivElement).style.display = 'block';
//console.log('commentsinlist', (this._SfStreamContainer as HTMLDivElement).querySelector('#stream-month-'+this.currentColumnIndex) as HTMLButtonElement, this.events[mmdd][j].comments, mmdd, j);
// this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, (this._SfStreamContainer as HTMLDivElement).querySelector('#stream-month-'+this.currentColumnIndex) as HTMLButtonElement);
this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, (this._SfStreamContainer as HTMLDivElement).querySelector('#stream-month-'+this.currentColumnIndex) as HTMLButtonElement, this._SfStreamContainer as HTMLDivElement);
}
})
}
const titleArr = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.button-event-title') as NodeListOf;
for(var i = 0; i < titleArr.length; i++) {
titleArr[i].addEventListener('click', (ev: any) => {
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[3] + "/" + idArr[4];
const j = idArr[5];
const isnotice = idArr[6];
var yyyy = this.getCurrentYear(idArr[3]);
if(isnotice === "isnotice"){
this.renderNoticeDetails(this.events[mmdd][j], mmdd + "/" + yyyy)
}else{
let found = false;
for(var k = 0; k < this.selectedItemIds.length; k++) {
if(this.selectedItemIds[k].indexOf(idArr[3] + '-' + idArr[4] + '-' + idArr[5]) >= 0) {
found = true;
}
}
if(!found) {
this.selectedItemIds = [];
this.selectedItems = [];
this.clearButtonSelection();
}
// (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
// this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, null);
this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, null, (this._SfStreamContainer as HTMLDivElement));
}
})
}
const streamEventsContainer = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.stream-events-container') as NodeListOf;
const buttonSelect = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.button-select') as NodeListOf;
let selectAllArr = this.attachSelectAllListeners((this._SfStreamContainer as HTMLDivElement),buttonSelect)
const buttonSelectAll = selectAllArr[0]
const buttonUnselectAll = selectAllArr[1]
for(i = 0; i < buttonSelect.length; i++) {
buttonSelect[i].addEventListener('click', (ev: any) => {
//console.log('eventscontainer', streamEventsContainer.length, buttonSelect.length);
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[2] + "/" + idArr[3];
const j = idArr[4];
// const makercheckers = idArr[5];
const docs = idArr[6];
const isnotice = idArr[14];
if((ev.target as HTMLInputElement).checked) {
this.selectedItemIds.push(id);
} else {
this.selectedItemIds.splice(this.selectedItemIds.indexOf(id), 1);
let listReportingContainer = (this._SfStreamContainer as HTMLDivElement).querySelector('#list-reporting-container-' + mmdd.replace(/\//g,'-') + '-' + j) as HTMLDivElement
listReportingContainer.style.display = 'none';
listReportingContainer.innerHTML = '';
let buttonListReporting = (this._SfStreamContainer as HTMLDivElement).querySelector('#button-list-reporting-' + mmdd.replace(/\//g,'-') + '-' + j) as HTMLButtonElement
buttonListReporting.setAttribute('part','button-list-reporting')
let streamEventTitle = (this._SfStreamContainer as HTMLDivElement).querySelector('#stream-event-title-' + mmdd.replace(/\//g,'-') + '-' + j + '-' + isnotice) as SfIElasticText
streamEventTitle.removeAttribute('part')
}
if(this.selectedItemIds.length === 0) {
for(var k = 0; k < buttonSelect.length; k++) {
const id1 = buttonSelect[k].id;
const idArr1 = id1.split("-")
const isbulk = idArr1[15] == "bulk"
console.log('isBulk button-select2', id1, isbulk)
if(isbulk){
(buttonSelect[k] as HTMLInputElement).style.display = 'none';
}else{
(buttonSelect[k] as HTMLInputElement).style.display = 'block';
}
(streamEventsContainer[k] as HTMLDivElement).style.display = 'block';
}
let bulkUploadLables = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.bulk-upload-label') as NodeListOf
for(let bulkUploadLable of bulkUploadLables){
bulkUploadLable.innerHTML = ``
}
buttonSelectAll.style.display = 'none';
buttonUnselectAll.style.display = 'none';
} else {
if(this.selectedItemIds.length === 1) {
const id1 = id;
const idArr1 = id1.split("-")
const status = idArr1[13].replace(/_/g, '-');
this.selectedStatus = status;
}
let totalVisibleCount = 0
for(var k = 0; k < buttonSelect.length; k++) {
const id1 = buttonSelect[k].id;
const idArr1 = id1.split("-")
const docs1 = idArr1[6];
const status = idArr1[13].replace(/_/g, '-');
const isnotice1 = idArr1[14]
const isbulk = idArr1[15] == "bulk"
console.log('isBulk button-select', id1, isbulk)
if(isbulk){
(buttonSelect[k] as HTMLInputElement).style.display = 'none';
}
if(docs == docs1 && status == this.selectedStatus && isnotice == isnotice1) {
totalVisibleCount++
} else {
(buttonSelect[k] as HTMLInputElement).style.display = 'none';
(streamEventsContainer[k] as HTMLDivElement).style.display = 'none';
}
}
let bulkUploadLables = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.bulk-upload-label') as NodeListOf
for(let bulkUploadLable of bulkUploadLables){
bulkUploadLable.innerHTML = `${this.selectedItemIds.length - 1} other ` + ((this.selectedItemIds.length - 1) === 1 ? `item` : `items`) + ` also selected`
}
if(this.selectedItemIds.length >= parseInt(this.selectallblock) || this.selectedItemIds.length >= totalVisibleCount){
buttonSelectAll.style.display = 'none';
buttonUnselectAll.style.display = 'flex';
}else{
buttonSelectAll.style.display = 'flex';
buttonUnselectAll.style.display = 'none';
}
}
// (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
// this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
if(this.selectedItemIds.length == 1){
ev.target.scrollIntoView()
}
})
}
if(showGraph) {
console.log('showing graph', showGraph, this.flowGraph)
switch (this.flowGraph) {
case this.FLOW_GRAPH_COMPLETENESS:
this.renderCompletenessGraph((this._SfStreamContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_TIMELINESS:
this.renderTimelinessGraph((this._SfStreamContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_COMPLIANCE:
this.renderComplianceGraph((this._SfStreamContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_RISKAREAS:
this.renderRiskGraph((this._SfStreamContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_RISKSEVERITY:
this.renderRiskSeverityGraph((this._SfStreamContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_LOCATION:
this.renderLocationGraph((this._SfStreamContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_FUNCTION:
this.renderFunctionGraph((this._SfStreamContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_OBLIGATIONTYPE:
this.renderObligationTypeGraph((this._SfStreamContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_JURISDICTION:
this.renderJurisdictionGraph((this._SfStreamContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_FREQUENCY:
this.renderFrequencyGraph((this._SfStreamContainer as HTMLDivElement));
break;
case this.FLOW_GRAPH_SUBCATEGORY:
this.renderSubcategoryGraph((this._SfStreamContainer as HTMLDivElement));
break;
default:
this.renderCompletenessGraph((this._SfStreamContainer as HTMLDivElement));
break;
}
}
}
attachTimelineFilterHandlers = (divContainer: HTMLDivElement) => {
const divs = divContainer.querySelectorAll('.chip') as NodeListOf;
divs.forEach(div => {
div.addEventListener('click', () => {
// const spans = div.querySelectorAll('span') as NodeListOf;
// if(spans[2].innerHTML == "0") {
// this.setError('No items present for the selected filter!')
// setTimeout(() => {
// this.clearMessages();
// }, 2000);
// } else {
// this.clickOnPie(false, parseInt(div.id.split('-')[2]))
// this.chart.update();
// }
})
});
}
getCurrentYear = (mm: string) => {
// var currMonth = new Date().getMonth() + 1;
// // if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth < parseInt(this.calendarStartMM)) {
// // yyyy = new Date().getFullYear() + "";
// // } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth <= parseInt(this.calendarStartMM)) {
// // yyyy = (new Date().getFullYear() - 1) + "";
// // } else if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// // yyyy = (new Date().getFullYear() + 1) + "";
// // } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// // yyyy = (new Date().getFullYear() + 1) + "";
// // }
// if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth < parseInt(this.calendarStartMM)) {
// yyyy = parseInt(this.calendarStartYYYY) + "";
// } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth <= parseInt(this.calendarStartMM)) {
// yyyy = (parseInt(this.calendarStartYYYY) - 1) + "";
// } else if(parseInt(mm) < parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// yyyy = (parseInt(this.calendarStartYYYY) + 1) + "";
// } else if(parseInt(mm) >= parseInt(this.calendarStartMM) && currMonth >= parseInt(this.calendarStartMM)) {
// yyyy = (parseInt(this.calendarStartYYYY) + 1) + "";
// }
// if(parseInt(mm) >= 4){
// return new Date().getFullYear() + ""
// }else{
// return (new Date().getFullYear() + 1) + ""
// }
var yyyy = this.getYearFromMonthAndCalendarStart(mm);
return yyyy;
}
clearButtonSelection = () => {
const buttonSelect = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.button-select') as NodeListOf;
for(var i = 0; i < buttonSelect.length; i++) {
(buttonSelect[i] as HTMLInputElement).checked = false;
}
}
clearGraphData = () => {
this.chart = null;
this.chart2 = null;
this.chart3 = null;
this.chart4 = null;
this.riskAreasData = null;
this.riskAreasPartStatusData = null;
this.riskAreasLateStatusData = null;
this.riskAreasComplianceStatusData = null;
this.riskSeverityData = null;
this.riskSeverityLateStatusData = null;
this.riskSeverityPartStatusData = null;
this.riskSeverityComplianceStatusData = null;
this.functionData = null;
this.functionLateStatusData = null;
this.functionPartStatusData = null;
this.functionComplianceStatusData = null;
this.locationData = null;
this.locationLateStatusData = null;
this.locationPartStatusData = null;
this.locationComplianceStatusData = null;
this.obligationTypeData = null;
this.obligationTypeLateStatusData = null;
this.obligationTypePartStatusData = null;
this.obligationTypeComplianceStatusData = null;
this.jurisdictionData = null;
this.jurisdictionPartStatusData = null;
this.jurisdictionLateStatusData = null;
this.jurisdictionComplianceStatusData = null;
this.subcategoryData = null;
this.subcategoryLateStatusData = null;
this.subcategoryPartStatusData = null;
this.subcategoryComplianceStatusData = null;
this.frequencyData = null;
this.frequencyLateStatusData = null;
this.frequencyPartStatusData = null;
this.frequencyComplianceStatusData = null;
}
showGraph = (divContainer: HTMLDivElement, index: number) => {
if(index == 1) {
(divContainer.querySelector('#myChart') as HTMLCanvasElement).parentElement!.style.display = 'block';
}
if(index == 4) {
(divContainer.querySelector('#myChart4') as HTMLCanvasElement).parentElement!.style.display = 'block';
}
if(index == 2) {
(divContainer.querySelector('#myChart2') as HTMLCanvasElement).parentElement!.style.display = 'block';
// (divContainer.querySelector('#myChart2') as HTMLCanvasElement).classList.add('gone');
// (divContainer.querySelector('#myChart2') as HTMLCanvasElement).parentElement!.style.height = '0px';
// if(this.chart2 != null) {
// (this.chart2 as Chart).destroy();
// }
// this.chart2 = null;
}
if(index == 3) {
(divContainer.querySelector('#myChart3') as HTMLCanvasElement).parentElement!.style.display = 'block';
// (divContainer.querySelector('#myChart3') as HTMLCanvasElement).classList.add('gone');
// (divContainer.querySelector('#myChart3') as HTMLCanvasElement).parentElement!.style.height = '0px';
// if(this.chart3 != null) {
// (this.chart3 as Chart).destroy();
// }
// this.chart3 = null;
}
}
clearGraph = (divContainer: HTMLDivElement, index: number) => {
if(index == 1) {
(divContainer.querySelector('#myChart') as HTMLCanvasElement).parentElement!.style.display = 'none';
}
if(index == 4) {
(divContainer.querySelector('#myChart4') as HTMLCanvasElement).parentElement!.style.display = 'none';
}
if(index == 2) {
(divContainer.querySelector('#myChart2') as HTMLCanvasElement).parentElement!.style.display = 'none';
// (divContainer.querySelector('#myChart2') as HTMLCanvasElement).classList.add('gone');
// (divContainer.querySelector('#myChart2') as HTMLCanvasElement).parentElement!.style.height = '0px';
// if(this.chart2 != null) {
// (this.chart2 as Chart).destroy();
// }
// this.chart2 = null;
}
if(index == 3) {
(divContainer.querySelector('#myChart3') as HTMLCanvasElement).parentElement!.style.display = 'none';
// (divContainer.querySelector('#myChart3') as HTMLCanvasElement).classList.add('gone');
// (divContainer.querySelector('#myChart3') as HTMLCanvasElement).parentElement!.style.height = '0px';
// if(this.chart3 != null) {
// (this.chart3 as Chart).destroy();
// }
// this.chart3 = null;
}
}
renderCompletenessCsvForGraph = (dataBar: any, parameter: string) => {
this.csvCompletenessStats = parameter + ",Not Started,In Progress,Complete,Rejected\n";
for(var i = 0; i < dataBar['labels'].length; i++) {
this.csvCompletenessStats += dataBar['labels'][i].join(" ") + "," + dataBar['datasets'][3]['data'][i] + "," + dataBar['datasets'][1]['data'][i] + "," + dataBar['datasets'][0]['data'][i] + "," + dataBar['datasets'][2]['data'][i] + (i < (dataBar['labels'].length - 1) ? "\n" : "");
}
console.log('rendering csv completeness', dataBar, this.csvCompletenessStats);
}
renderTimelinessCsvForGraph = (dataBar: any, parameter: string) => {
//console.log('dataBar', dataBar);
this.csvTimelinessStats = parameter + ",In Time,Past Due Date,Late Approved,Late Executed,Late Reported\n";
for(var i = 0; i < dataBar['labels'].length; i++) {
this.csvTimelinessStats += dataBar['labels'][i].join(" ") + "," + dataBar['datasets'][0]['data'][i] + "," + dataBar['datasets'][1]['data'][i] + "," + dataBar['datasets'][3]['data'][i] + "," + dataBar['datasets'][2]['data'][i] + "," + dataBar['datasets'][4]['data'][i] + (i < (dataBar['labels'].length - 1) ? "\n" : "");
}
//console.log('rendering csv csvTimelinessStats', this.csvTimelinessStats);
}
renderComplianceCsvForGraph = (dataBar: any, parameter: string) => {
this.csvComplianceStats = parameter + ",Scheduled,Not Complied,Partially Complied,Complied\n";
for(var i = 0; i < dataBar['labels'].length; i++) {
this.csvComplianceStats += dataBar['labels'][i].join(" ") + "," + dataBar['datasets'][0]['data'][i] + "," + dataBar['datasets'][1]['data'][i] + "," + dataBar['datasets'][3]['data'][i] + "," + dataBar['datasets'][2]['data'][i] + (i < (dataBar['labels'].length - 1) ? "\n" : "");
}
//console.log('rendering csv csvComplianceStats', this.csvComplianceStats);
}
renderCompletenessGraph = (divContainer: HTMLDivElement, selectedTab: number = -1, selectedSummary: number = -1, title: string|string[] = "Completeness") => {
this.clearSelectedGraphParam();
// this.clearSelectedLegend();
this.csvGraphStats = "";
this.csvCompletenessStats = "";
this.csvTimelinessStats = "";
this.csvComplianceStats = "";
if((divContainer.querySelector('#graph-approved') as HTMLSpanElement) == null) return;
var dataApproved = (divContainer.querySelector('#graph-approved') as HTMLSpanElement).innerHTML;
var dataNotStarted = (divContainer.querySelector('#graph-not-started') as HTMLSpanElement).innerHTML;
var dataPendingApproval = (divContainer.querySelector('#graph-pending-approval') as HTMLSpanElement).innerHTML;
var dataRejected = (divContainer.querySelector('#graph-rejected') as HTMLSpanElement).innerHTML;
const ctx = divContainer.querySelector('#myChart') as ChartItem;
this.showGraph(divContainer, 1);
this.clearGraph(divContainer, 2);
this.clearGraph(divContainer, 3);
this.clearGraph(divContainer, 4);
if(this.fill == "pattern") {
const data = {
labels: ['Approved', 'Not Started', 'Pending Approval', 'Rejected'],
datasets: [{
label: 'Compliances',
data: [dataApproved, dataNotStarted, dataPendingApproval, dataRejected],
borderWidth: 1,
backgroundColor: [
Util.createDiagonalPattern3(this.COLOR_APPROVED),
Util.createDiagonalPattern2(this.COLOR_NOT_STARTED),
Util.createDiagonalPattern1(this.COLOR_PENDING_APPROVAL),
Util.createDiagonalPattern1(this.COLOR_REJECTED)
]
}]
}
this.renderChartSettings(divContainer, selectedTab, selectedSummary, ctx);
this.renderChart(ctx, 'doughnut', data, title)
}
const data = {
labels: ['Approved', 'Not Started', 'Pending Approval', 'Rejected'],
datasets: [{
label: 'Compliances',
data: [dataApproved, dataNotStarted, dataPendingApproval, dataRejected],
borderWidth: 1,
backgroundColor: [
this.COLOR_APPROVED,
this.COLOR_NOT_STARTED,
this.COLOR_PENDING_APPROVAL,
this.COLOR_REJECTED
]
}]
}
this.csvGraphStats += 'Completeness,Approved,Not Started,Pending Approval,Rejected,Total\n';
this.csvGraphStats += 'Total,'+dataApproved+','+dataNotStarted+','+dataPendingApproval+','+dataRejected+','+(parseInt(dataApproved)+parseInt(dataNotStarted)+parseInt(dataPendingApproval)+parseInt(dataRejected))+'\n';
const itemsTimeliness = divContainer.querySelectorAll('.stat-timeliness') as NodeListOf;
for(var i = 0; i < itemsTimeliness.length; i++) {
itemsTimeliness[i].style.display = 'none';
}
const itemsCompleteness = divContainer.querySelectorAll('.stat-completeness') as NodeListOf;
for(var i = 0; i < itemsCompleteness.length; i++) {
itemsCompleteness[i].style.display = 'flex';
}
const itemsCompliance = divContainer.querySelectorAll('.stat-compliance') as NodeListOf;
for(var i = 0; i < itemsCompliance.length; i++) {
itemsCompliance[i].style.display = 'none';
}
let flagFilterFound = false;
for(let label of data.labels){
if(label.toLowerCase().replace(/ /g, "-").replace('status-', '') === this.graphFilter){
flagFilterFound = true;
break;
}
}
if(!flagFilterFound){
this.graphFilter = ""
}
this.renderChartSettings(divContainer, selectedTab, selectedSummary, ctx);
this.renderChart(ctx, 'doughnut', data, title)
}
renderComplianceGraph = (divContainer: HTMLDivElement) => {
//console.log('Rendering compliance graph...');
this.clearSelectedGraphParam();
// this.clearSelectedLegend();
this.csvGraphStats = "";
this.csvCompletenessStats = "";
this.csvTimelinessStats = "";
this.csvComplianceStats = "";
var dataTotal = (divContainer.querySelector('#graph-total') as HTMLSpanElement).innerHTML;
var dataNotComplied = (divContainer.querySelector('#graph-not-complied') as HTMLSpanElement).innerHTML;
var dataScheduled = (divContainer.querySelector('#graph-scheduled') as HTMLSpanElement).innerHTML;
var dataPartiallyComplied = (divContainer.querySelector('#graph-partially-complied') as HTMLSpanElement).innerHTML;
var dataComplied = (divContainer.querySelector('#graph-complied') as HTMLSpanElement).innerHTML;
var dataCompliedWithGaps = (divContainer.querySelector('#graph-complied-with-gaps') as HTMLSpanElement).innerHTML;
var dataReportedNonComplaince = (divContainer.querySelector('#graph-reported-non-compliance') as HTMLSpanElement).innerHTML;
const ctx = divContainer.querySelector('#myChart') as ChartItem;
this.showGraph(divContainer, 1);
this.clearGraph(divContainer, 2);
this.clearGraph(divContainer, 3);
this.clearGraph(divContainer, 4);
const data = {
labels: ['Scheduled', 'Not Complied', 'Partially Complied', 'Complied', 'Complied With Gaps','Reported Non Complinace'],
datasets: [{
label: 'Compliances',
data: [dataScheduled, dataNotComplied, dataPartiallyComplied, dataComplied, dataCompliedWithGaps, dataReportedNonComplaince],
borderWidth: 1,
backgroundColor: [
this.COLOR_SCHEDULED,
this.COLOR_NOT_COMPLIED,
this.COLOR_PARTIALLY_COMPLIED,
this.COLOR_COMPLIED,
this.COLOR_COMPLIED_WITH_EXCEPTION,
this.COLOR_REPORTED_NON_COMPLIANCE
]
}]
}
this.csvGraphStats += 'Compliance,Scheduled,Not Complied,Partially Complied,Complied,Complied With Gaps,Reported Non Compliance,Total\n';
this.csvGraphStats += 'Count,'+parseInt(dataScheduled)+','+parseInt(dataNotComplied)+','+parseInt(dataPartiallyComplied)+','+parseInt(dataComplied)+','+parseInt(dataCompliedWithGaps)+','+parseInt(dataReportedNonComplaince)+','+parseInt(dataTotal)+'\n';
//console.log('rendering timeliness graph', this.csvGraphStats);
const itemsTimeliness = divContainer.querySelectorAll('.stat-timeliness') as NodeListOf;
for(var i = 0; i < itemsTimeliness.length; i++) {
itemsTimeliness[i].style.display = 'none';
}
const itemsCompleteness = divContainer.querySelectorAll('.stat-completeness') as NodeListOf;
for(var i = 0; i < itemsCompleteness.length; i++) {
itemsCompleteness[i].style.display = 'none';
}
const itemsCompliance = divContainer.querySelectorAll('.stat-compliance') as NodeListOf;
for(var i = 0; i < itemsCompliance.length; i++) {
itemsCompliance[i].style.display = 'flex';
}
let flagFilterFound = false;
for(let label of data.labels){
console.log('finding flag', this.graphFilter, label.toLowerCase());
if(label.toLowerCase() === this.graphFilter){
flagFilterFound = true;
break;
}
}
if(!flagFilterFound){
console.log('resetting flagFilter', this.graphFilter);
this.graphFilter = ""
}
this.renderChartSettings(divContainer, -1, -1, ctx);
this.renderChart(ctx, 'doughnut', data, "Compliance")
}
renderTimelinessGraph = (divContainer: HTMLDivElement) => {
this.clearSelectedGraphParam();
// this.clearSelectedLegend();
this.csvGraphStats = "";
this.csvCompletenessStats = "";
this.csvTimelinessStats = "";
this.csvComplianceStats = "";
var dataTotal = (divContainer.querySelector('#graph-total') as HTMLSpanElement).innerHTML;
var dataPastDueDate = (divContainer.querySelector('#graph-past-due-date') as HTMLSpanElement).innerHTML;
var dataLateApproved = (divContainer.querySelector('#graph-late-approved') as HTMLSpanElement).innerHTML;
var dataLateExecuted = (divContainer.querySelector('#graph-late-executed') as HTMLSpanElement).innerHTML;
var dataLateReported = (divContainer.querySelector('#graph-late-reported') as HTMLSpanElement).innerHTML;
const ctx = divContainer.querySelector('#myChart') as ChartItem;
this.showGraph(divContainer, 1);
this.clearGraph(divContainer, 2);
this.clearGraph(divContainer, 3);
this.clearGraph(divContainer, 4);
const data = {
labels: ['In Time', 'Past Due Date', 'Late Approved', 'Late Executed', 'Late Reported'],
datasets: [{
label: 'Compliances',
data: [(parseInt(dataTotal) - (parseInt(dataPastDueDate)+parseInt(dataLateApproved)+parseInt(dataLateExecuted)+parseInt(dataLateReported))) + "", dataPastDueDate, dataLateApproved, dataLateExecuted, dataLateReported],
borderWidth: 1,
backgroundColor: [
this.COLOR_NOT_STARTED,
this.COLOR_PAST_DUE_DATE,
this.COLOR_LATE_APPROVED,
this.COLOR_LATE_EXECUTED,
this.COLOR_LATE_REPORTED
]
}]
}
this.csvGraphStats += 'Completeness,In Time,Past Due Date,Late Approved,Late Executed,Late Reported,Total\n';
this.csvGraphStats += 'Count,'+(parseInt(dataTotal) - (parseInt(dataPastDueDate)+parseInt(dataLateApproved)+parseInt(dataLateExecuted)))+','+(parseInt(dataPastDueDate)+','+parseInt(dataLateApproved)+','+parseInt(dataLateExecuted)+','+parseInt(dataLateReported)+',' + (parseInt(dataTotal) - (parseInt(dataPastDueDate)+parseInt(dataLateApproved)+parseInt(dataLateExecuted)+parseInt(dataLateReported))))+'\n';
//console.log('rendering timeliness graph', this.csvGraphStats);
const itemsTimeliness = divContainer.querySelectorAll('.stat-timeliness') as NodeListOf;
for(var i = 0; i < itemsTimeliness.length; i++) {
itemsTimeliness[i].style.display = 'flex';
}
const itemsCompleteness = divContainer.querySelectorAll('.stat-completeness') as NodeListOf;
for(var i = 0; i < itemsCompleteness.length; i++) {
itemsCompleteness[i].style.display = 'none';
}
const itemsCompliance = divContainer.querySelectorAll('.stat-compliance') as NodeListOf;
for(var i = 0; i < itemsCompliance.length; i++) {
itemsCompliance[i].style.display = 'none';
}
let flagFilterFound = false;
for(let label of data.labels){
if(label.toLowerCase().replace(/ /g, "-").replace('status-', '') === this.graphFilter){
flagFilterFound = true;
break;
}
}
if(!flagFilterFound){
this.graphFilter = ""
}
this.renderChartSettings(divContainer, -1, -1, ctx);
this.renderChart(ctx, 'doughnut', data, "Timeliness")
}
renderRiskSeverityGraph = (divContainer: HTMLDivElement) => {
//console.log('Rendering risk severity', this.riskSeverityComplianceStatusData);
this.renderGraph(divContainer, this.riskSeverityData, this.riskSeverityPartStatusData, this.riskSeverityLateStatusData, this.riskSeverityComplianceStatusData, 'RiskSeverity');
}
renderObligationTypeGraph = (divContainer: HTMLDivElement) => {
this.renderGraph(divContainer, this.obligationTypeData, this.obligationTypePartStatusData, this.obligationTypeLateStatusData, this.obligationTypeComplianceStatusData, 'ObligationType');
}
renderFunctionGraph = (divContainer: HTMLDivElement) => {
this.renderGraph(divContainer, this.functionData, this.functionPartStatusData, this.functionLateStatusData, this.functionComplianceStatusData, 'Function');
}
renderLocationGraph = (divContainer: HTMLDivElement) => {
this.renderGraph(divContainer, this.locationData, this.locationPartStatusData, this.locationLateStatusData, this.locationComplianceStatusData, 'Location');
}
renderJurisdictionGraph = (divContainer: HTMLDivElement) => {
this.renderGraph(divContainer, this.jurisdictionData, this.jurisdictionPartStatusData, this.jurisdictionLateStatusData, this.jurisdictionComplianceStatusData, 'Jurisdiction');
}
renderSubcategoryGraph = (divContainer: HTMLDivElement) => {
this.renderGraph(divContainer, this.subcategoryData, this.subcategoryPartStatusData, this.subcategoryLateStatusData, this.subcategoryComplianceStatusData, 'SubCategory');
}
renderFrequencyGraph = (divContainer: HTMLDivElement) => {
this.renderGraph(divContainer, this.frequencyData, this.frequencyPartStatusData, this.frequencyLateStatusData, this.frequencyComplianceStatusData, 'Frequency');
}
renderRiskGraph = (divContainer: HTMLDivElement) => {
this.renderGraph(divContainer, this.riskAreasData, this.riskAreasPartStatusData, this.riskAreasLateStatusData, this.riskAreasComplianceStatusData, 'RiskAreas');
}
populateGraphDataBarPart = (partData: any) => {
const dataBar:any = {};
dataBar['labels'] = [];
for(var i = 0; i < Object.keys(partData).length; i++) {
dataBar['labels'].push(this.formatLabel(Object.keys(partData)[i], 15));
}
dataBar['datasets'] = [];
dataBar['datasets'].push({});
dataBar['datasets'].push({});
dataBar['datasets'].push({});
dataBar['datasets'].push({});
dataBar['datasets'][0]['label'] = 'Approved';
dataBar['datasets'][0]['data'] = [];
for(i = 0; i < Object.keys(partData).length; i++) {
dataBar['datasets'][0]['data'].push(partData[Object.keys(partData)[i]]['approved']);
}
dataBar['datasets'][0]['backgroundColor'] = this.COLOR_APPROVED;
dataBar['datasets'][1]['label'] = 'Pending Approval';
dataBar['datasets'][1]['data'] = [];
for(i = 0; i < Object.keys(partData).length; i++) {
dataBar['datasets'][1]['data'].push(partData[Object.keys(partData)[i]]['pending-approval']);
}
dataBar['datasets'][1]['backgroundColor'] = this.COLOR_PENDING_APPROVAL;
dataBar['datasets'][2]['label'] = 'Rejected';
dataBar['datasets'][2]['data'] = [];
for(i = 0; i < Object.keys(partData).length; i++) {
dataBar['datasets'][2]['data'].push(partData[Object.keys(partData)[i]]['rejected']);
}
dataBar['datasets'][2]['backgroundColor'] = this.COLOR_REJECTED;
dataBar['datasets'][3]['label'] = 'Not Started';
dataBar['datasets'][3]['data'] = [];
for(i = 0; i < Object.keys(partData).length; i++) {
dataBar['datasets'][3]['data'].push(partData[Object.keys(partData)[i]]['not-started']);
}
dataBar['datasets'][3]['backgroundColor'] = this.COLOR_NOT_STARTED;
return dataBar;
}
populateGraphDataBarLate = (lateData: any) => {
const dataBar2:any = {};
dataBar2['labels'] = [];
for(var i = 0; i < Object.keys(lateData).length; i++) {
dataBar2['labels'].push(this.formatLabel(Object.keys(lateData)[i], 15));
}
dataBar2['datasets'] = [];
dataBar2['datasets'].push({});
dataBar2['datasets'].push({});
dataBar2['datasets'].push({});
dataBar2['datasets'].push({});
dataBar2['datasets'].push({});
dataBar2['datasets'][0]['label'] = 'In Time';
dataBar2['datasets'][0]['data'] = [];
for(i = 0; i < Object.keys(lateData).length; i++) {
dataBar2['datasets'][0]['data'].push(lateData[Object.keys(lateData)[i]]['in-time']);
}
dataBar2['datasets'][0]['backgroundColor'] = '#888888';
dataBar2['datasets'][1]['label'] = 'Past Due Date';
dataBar2['datasets'][1]['data'] = [];
for(i = 0; i < Object.keys(lateData).length; i++) {
dataBar2['datasets'][1]['data'].push(lateData[Object.keys(lateData)[i]]['past-due-date']);
}
dataBar2['datasets'][1]['backgroundColor'] = this.COLOR_PAST_DUE_DATE;
dataBar2['datasets'][2]['label'] = 'Late Executed';
dataBar2['datasets'][2]['data'] = [];
for(i = 0; i < Object.keys(lateData).length; i++) {
dataBar2['datasets'][2]['data'].push(lateData[Object.keys(lateData)[i]]['late-executed']);
}
dataBar2['datasets'][2]['backgroundColor'] = this.COLOR_LATE_EXECUTED;
dataBar2['datasets'][3]['label'] = 'Late Approved';
dataBar2['datasets'][3]['data'] = [];
for(i = 0; i < Object.keys(lateData).length; i++) {
dataBar2['datasets'][3]['data'].push(lateData[Object.keys(lateData)[i]]['late-approved']);
}
dataBar2['datasets'][3]['backgroundColor'] = this.COLOR_LATE_APPROVED;
dataBar2['datasets'][4]['label'] = 'Late Reported';
dataBar2['datasets'][4]['data'] = [];
for(i = 0; i < Object.keys(lateData).length; i++) {
dataBar2['datasets'][4]['data'].push(lateData[Object.keys(lateData)[i]]['late-reported']);
}
dataBar2['datasets'][4]['backgroundColor'] = this.COLOR_LATE_REPORTED;
return dataBar2;
}
populateGraphDataBarCompliance = (complianceData: any) => {
const dataBar2:any = {};
dataBar2['labels'] = [];
for(var i = 0; i < Object.keys(complianceData).length; i++) {
dataBar2['labels'].push(this.formatLabel(Object.keys(complianceData)[i], 15));
}
dataBar2['datasets'] = [];
dataBar2['datasets'].push({});
dataBar2['datasets'].push({});
dataBar2['datasets'].push({});
dataBar2['datasets'].push({});
dataBar2['datasets'].push({});
dataBar2['datasets'].push({});
dataBar2['datasets'][0]['label'] = 'Scheduled';
dataBar2['datasets'][0]['data'] = [];
for(i = 0; i < Object.keys(complianceData).length; i++) {
dataBar2['datasets'][0]['data'].push(complianceData[Object.keys(complianceData)[i]]['scheduled']);
}
dataBar2['datasets'][0]['backgroundColor'] = this.COLOR_SCHEDULED;
dataBar2['datasets'][1]['label'] = 'Not Complied';
dataBar2['datasets'][1]['data'] = [];
for(i = 0; i < Object.keys(complianceData).length; i++) {
dataBar2['datasets'][1]['data'].push(complianceData[Object.keys(complianceData)[i]]['not-complied']);
}
dataBar2['datasets'][1]['backgroundColor'] = this.COLOR_NOT_COMPLIED;
dataBar2['datasets'][2]['label'] = 'Partially Complied';
dataBar2['datasets'][2]['data'] = [];
for(i = 0; i < Object.keys(complianceData).length; i++) {
dataBar2['datasets'][2]['data'].push(complianceData[Object.keys(complianceData)[i]]['partially-complied']);
}
dataBar2['datasets'][2]['backgroundColor'] = this.COLOR_PARTIALLY_COMPLIED;
dataBar2['datasets'][3]['label'] = 'Complied';
dataBar2['datasets'][3]['data'] = [];
for(i = 0; i < Object.keys(complianceData).length; i++) {
dataBar2['datasets'][3]['data'].push(complianceData[Object.keys(complianceData)[i]]['complied']);
}
dataBar2['datasets'][3]['backgroundColor'] = this.COLOR_COMPLIED;
dataBar2['datasets'][4]['label'] = 'Complied With Gaps';
dataBar2['datasets'][4]['data'] = [];
for(i = 0; i < Object.keys(complianceData).length; i++) {
dataBar2['datasets'][4]['data'].push(complianceData[Object.keys(complianceData)[i]]['complied-with-gaps']);
}
dataBar2['datasets'][4]['backgroundColor'] = this.COLOR_COMPLIED_WITH_EXCEPTION;
dataBar2['datasets'][5]['label'] = 'Reported Non Compliance';
dataBar2['datasets'][5]['data'] = [];
for(i = 0; i < Object.keys(complianceData).length; i++) {
dataBar2['datasets'][5]['data'].push(complianceData[Object.keys(complianceData)[i]]['reported-non-compliance']);
}
dataBar2['datasets'][5]['backgroundColor'] = this.COLOR_REPORTED_NON_COMPLIANCE;
return dataBar2;
}
populateGraphDataPie = (pieData: any) => {
const data:any = {};
data['labels'] = [];
data['datasets'] = [];
data['datasets'].push({});
data['datasets'][0]['data'] = [];
data['datasets'][0]['backgroundColor'] = [];
data['datasets'][0]['borderWidth'] = 1;
for(var i = 0; i < Object.keys(pieData).length; i++) {
data['labels'].push(Object.keys(pieData)[i]);
}
for(var i = 0; i < Object.keys(pieData).length; i++) {
data['datasets'][0]['data'].push(pieData[Object.keys(pieData)[i]]);
data['datasets'][0]['backgroundColor'].push(Util.getRandomColor());
}
return data;
}
renderPieCsv = (pieData: any, csv: string, param: string) => {
csv += param + ','
for(var i = 0; i < Object.keys(pieData).length; i++) {
csv += (Object.keys(pieData)[i])
if(i < (Object.keys(pieData).length - 1)) {
csv += ','
}
}
csv += '\n'
csv += 'Count,'
for(var i = 0; i < Object.keys(pieData).length; i++) {
csv += (pieData[Object.keys(pieData)[i]])
if(i < (Object.keys(pieData).length - 1)) {
csv += ','
}
}
csv += '\n'
return csv;
}
renderGraph = (divContainer: HTMLDivElement, pieData: any, partData: any, lateData: any, complianceData: any, param: string) => {
console.log('rendering graph chart2');
this.clearSelectedGraphParam();
// this.clearSelectedLegend();
this.csvGraphStats = "";
this.csvCompletenessStats = "";
this.csvTimelinessStats = "";
this.csvComplianceStats = "";
if(pieData == null) return;
// this.clearGraph(divContainer, 4);
const data:any = this.populateGraphDataPie(pieData);
this.csvGraphStats = this.renderPieCsv(pieData, this.csvGraphStats, param);
const ctx = divContainer.querySelector('#myChart') as ChartItem;
this.renderChartSettings(divContainer, -1, -1, ctx);
this.renderChart(ctx, 'pie', data, param + " Distribution")
// 2
const dataBar:any = this.populateGraphDataBarPart(partData);
const ctx2 = divContainer.querySelector('#myChart2') as ChartItem;
this.showGraph(divContainer, 2);
this.renderChart2(ctx2, 'bar', dataBar, param + " vs Completeness")
this.renderCompletenessCsvForGraph(dataBar, param + " Completeness Breakdown")
// 3
const dataBar2:any = this.populateGraphDataBarLate(lateData);
const ctx3 = divContainer.querySelector('#myChart3') as ChartItem;
this.showGraph(divContainer, 3);
this.renderChart3(ctx3, 'bar', dataBar2, param + " vs Timeliness")
this.renderTimelinessCsvForGraph(dataBar2, param + " Timeliness Breakdown")
// 4
//console.log('rendering compliance matrix', complianceData);
const dataBar3:any = this.populateGraphDataBarCompliance(complianceData);
console.log('rendering compliance matrix', dataBar3);
const ctx4 = divContainer.querySelector('#myChart4') as ChartItem;
this.showGraph(divContainer, 4);
this.renderChart4(ctx4, 'bar', dataBar3, param + " vs Compliance")
this.renderComplianceCsvForGraph(dataBar3, param + " Compliance Breakdown")
const itemsTimeliness = divContainer.querySelectorAll('.stat-timeliness') as NodeListOf;
for(var i = 0; i < itemsTimeliness.length; i++) {
itemsTimeliness[i].style.display = 'flex';
}
const itemsCompleteness = divContainer.querySelectorAll('.stat-completeness') as NodeListOf;
for(var i = 0; i < itemsCompleteness.length; i++) {
itemsCompleteness[i].style.display = 'flex';
}
const itemsCompliance = divContainer.querySelectorAll('.stat-compliance') as NodeListOf;
for(var i = 0; i < itemsCompliance.length; i++) {
itemsCompliance[i].style.display = 'flex';
}
let flagFilterFound = false;
for(let label of data.labels){
if(label.toLowerCase() === this.graphFilter){
flagFilterFound = true;
break;
}
}
if(!flagFilterFound){
this.graphFilter = ""
}
}
renderEventDetailShort = (compliance: any) => {
var html = `
close
Compliance Details
close
`;
let shortId : string = "";
html += '';
html += '
';
html += '
';
const data = JSON.parse(compliance.data);
const cols = JSON.parse(compliance.cols);
//console.log('cols', cols, cols.length);
for(var k = 0; k < cols.length; k++) {
if(!this.EXCLUDE_COLS_FROM_REGS.includes(cols[k].toLowerCase())) {
html += '
';
html += '
' + cols[k] + '
'
html += '
';
html += '
';
}
if(cols[k].toLowerCase() == "shortid") {
shortId = (data[k])[0];
}
}
console.log('shortid', shortId);
html += '
';
html += '
'
html += '
'
html += ''
html += '
'
html += '
'
html += ('comment Send Feedback close Cancel commentcheck Submit Feedback
'
html += '
'
html += '
';
html += '
;
const data = JSON.parse(compliance.data)
console.log(compliance, cols, data);
this.uploadTriggerMyEvent(
compliance.id + ";" + shortId,
feedbackMessage.value,
compliance.countries.join(",").replace(/ *\([^)]*\) */g, ""),
compliance.entities.join(',').replace(/ *\([^)]*\) */g, ""),
compliance.locations.join(',').replace(/ *\([^)]*\) */g, ""),
data[cols.indexOf('statute')][0],
data[cols.indexOf('subcategory')][0]);
buttonCancel.click();
buttonClose.click();
}
});
(this._SfDetailContainer as HTMLDivElement).querySelector('#feedback-message')?.addEventListener('keyup', (e: any) => {
if(e.code == "Enter") {
const buttonConfirm = ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback-confirm') as HTMLButtonElement);
buttonConfirm.click();
}
})
}
fetchNoticeDetails = async (listEvent: any) => {
console.log('listEvent', listEvent, listEvent.id)
let url = "https://"+this.apiIdNotices+"/details";
//console.log('fetch calendar url', url);
let urlBody :any = {"projectid": this.projectId, "noticeid": listEvent.id};
//console.log('urlbody', urlBody);
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(urlBody, url, this._SfLoader, authorization, 'Preparing')) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
console.log('jsonRespose notice details', jsonRespose);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
if(xhr.status === 404) {
this.showChosenProject();
(this._SfTitleChosenProject as HTMLElement).innerHTML = (this._SfProject[0].querySelector('#sf-i-project') as SfIForm).selectedTexts()[0];
this.renderChosenProject();
} else {
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
}
renderNoticeDetails = async (listEvent: any, mmddyyyy:string) => {
let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1]
let entityId = listEvent.entityid;
let locationId = listEvent.locationid;
let comments = listEvent['comments'];
let docs = listEvent['documents'] == null ? [] : listEvent['documents'] == null ? [] : (listEvent['documents']);
let approved = listEvent['approved'] == null ? false : listEvent['approved'] == null ? false : listEvent['approved'];
let makercheckers = listEvent['makercheckers'] == null ? [] : listEvent['makercheckers'] == null ? [] : listEvent['makercheckers'];
let docsOptional = listEvent['docs'] == null ? [] : listEvent['docs'] == null ? [] : listEvent['docs'];let html:string = '';
let documentType = listEvent['documenttype'] == null ? null : listEvent['documenttype'][0] == null ? null : listEvent['documenttype'][0].split(" ")[0];
html += `
close
Notice Details
close
`
html += `
`
html += ''
html += this.renderReporting(listEvent, mmddyyyy);
html += "
"
html += '';
html += '
';
html += '
';
for(var i = 0; i < comments.length; i++) {
html += '';
}
if(comments.length === 0) {
html += '
No comments yet!
';
}
html += '
';
html += '
, docsOptional, documentType;
let entityId: string = "";
let locationId: string = "";
let statuteName: string = "";
let reportformatName: string = "";
let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1]
entityId = event.entityid;
locationId = event.locationid;
// let completeness = this.getCompletenessStatus(event);
comments = event['comments'] == null ? [] : (event['comments']);
docs = event['documents'] == null ? [] : event['documents'] == null ? [] : (event['documents']);
approved = event['approved'] == null ? false : event['approved'] == null ? false : event['approved'];
// dateOfCompletion = event['dateofcompletion'] == null ? '' : event['dateofcompletion'] == null ? '' : event['dateofcompletion'];
makercheckers = event['makercheckers'] == null ? [] : event['makercheckers'] == null ? [] : event['makercheckers'];
docsOptional = event['docs'] == null ? [] : event['docs'] == null ? [] : event['docs'];
documentType = event['documenttype'] == null ? null : event['documenttype'][0] == null ? null : event['documenttype'][0].split(" ")[0];
statuteName = event['statute'][0].trim();
if(event['reportformat'] != null){
reportformatName = (event['reportformat'][0] ?? "").trim().replace('&','&');
}
console.log('event detail', event, statuteName);
//console.log('event detail comments', comments);
//console.log('event dateofcompletion', dateOfCompletion);
//console.log('event detail documenttype', documentType);
const basicFields = ['id', 'shortid', 'entityname', 'locationname','functions'];
const statuteFields = ['jurisdiction', 'country', 'state', 'category', 'subcategory', 'statute'];
const complianceFields = ['specificity', 'reference', 'obligation', 'penalty', 'authority', 'frequency', 'subfrequency', 'obligationtype', 'duedate', 'applicability', 'form', 'additionalurls', 'adhocquestion', 'adhocquestionschedule', 'adhocinstances', 'uploadguidance', 'attachment'];
const grcFields = ['internalcontrols', 'firstlineofdefence', 'secondlineofdefence', 'thirdlineofdefence', 'risk', 'riskarea'];
let listReportingContainers = eventsContainer.querySelectorAll('.list-reporting-container') as NodeListOf
for(let tempReportingContainer of listReportingContainers){
tempReportingContainer.style.display = 'none';
tempReportingContainer.innerHTML = '';
}
let buttonListReportings = eventsContainer.querySelectorAll('.button-list-reporting') as NodeListOf
for(let buttonListReporting of buttonListReportings){
buttonListReporting.setAttribute('part','button-list-reporting')
}
let streamEventTitles = eventsContainer.querySelectorAll('.stream-event-title') as NodeListOf
for(let streamEventTitle of streamEventTitles){
streamEventTitle.removeAttribute('part')
}
var html = `
close
Compliance Details
close
`;
if(this.selectedItemIds.length > 1) {
html += `
${this.selectedItemIds.length - 1} other ` + ((this.selectedItemIds.length - 1) === 1 ? `item` : `items`) + ` also selected
`;
}
html += '';
html += '
';
html += ('
'+event['obligationtitle']+' ');
html += ('
'+event['obligation']+' ');
html += ('
'+('
');
html += '
';
html += '
';
html += '
';
html += '
';
html += '
Basic Information '
html += '- '
html += '';
html += '
';
for(var i = 0; i < basicFields.length; i++) {
if(!this.getEventPreviewFields().includes(basicFields[i])) {
if(!this.getEventHideFields().includes(basicFields[i])) {
console.log('basicFields', event[basicFields[i]] + "");
if((event[basicFields[i]] + "").indexOf("[") >= 0) {
html += '
';
html += '
'+basicFields[i]+'
'
html += this.getEventTexts(basicFields[i], JSON.parse(event[basicFields[i]]), event).replace(/ *\([^)]*\) */g, "").trim();
html += '
';
} else {
html += '
';
html += '
'+basicFields[i]+'
'
html += '
';
html += '
';
}
}
}
}
if(this.mode == "consumer") {
if(approved) {
html += '
';
html += '
Approved
'
html += '
check_circle '
html += '
';
}
}
if(docs != null) {
html += '
';
html += '
Documents
'
html += '
description '
html += docs.length
html += '
';
}
if(comments != null) {
html += '
';
html += '
Comments
'
html += '
forum '
html += comments.length
html += '
';
}
html += '
';
html += '
Reporters
'
html += this.getReporterDetailStringFromEvent(event);
html += '
';
html += '
';
html += '
Approvers
'
html += this.getApproverDetailStringFromEvent(event);
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
Statute Information '
html += '- '
html += '';
html += '
';
for(var i = 0; i < statuteFields.length; i++) {
if(!this.getEventPreviewFields().includes(statuteFields[i])) {
if(event[statuteFields[i]] != null && event[statuteFields[i]] != "") {
if(!this.getEventHideFields().includes(statuteFields[i])) {
html += '
';
html += '
'+statuteFields[i]+'
'
if((event[statuteFields[i]] + "").indexOf("[") >= 0) {
html += this.getEventTexts(statuteFields[i], JSON.parse(event[statuteFields[i]]), event);
} else {
html += '
';
}
html += '
';
}
}
}
}
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
Compliance Information '
html += '- '
html += '';
html += '
';
for(var i = 0; i < complianceFields.length; i++) {
//console.log(complianceFields[i]);
//console.log(event[complianceFields[i]]);
if(!this.getEventPreviewFields().includes(complianceFields[i])) {
if(!this.getEventHideFields().includes(complianceFields[i])) {
if(event[complianceFields[i]] != null && event[complianceFields[i]] != "") {
if(event[complianceFields[i]].indexOf('http://') >= 0) {
let res = event[complianceFields[i]].split(" ").find((word:any) => word.startsWith("http"));
html += '
';
html += '
'+complianceFields[i]+'
'
if((event[complianceFields[i]] + "").indexOf("[") >= 0) {
html += this.getEventTexts(complianceFields[i], JSON.parse(event[complianceFields[i]]), event) + "
Open ";
} else {
html += '
')+'" minLength="80">' + "
Open ";
}
html += '
';
} else if(complianceFields[i] == 'attachment'){
if(event[complianceFields[i]] != null && event[complianceFields[i]].length > 0) {
console.log('attachments str', event[complianceFields[i]]);
html += '
';
html += '
'+complianceFields[i]+'
'
for(let attachmentStr of event[complianceFields[i]]){
let attachment = JSON.parse( attachmentStr + "");
html += `
`
}
html += '
';
}
} else {
html += '
';
html += '
'+complianceFields[i]+'
'
if((event[complianceFields[i]] + "").indexOf("[") >= 0) {
html += this.getEventTexts(complianceFields[i], JSON.parse(event[complianceFields[i]]), event);
} else {
html += '
')+'" minLength="80">';
}
html += '
';
}
}
}
}
}
html += '
';
html += '
';
html += '
';
html += '
';
html += '
GRC Information '
html += '- '
html += '';
html += '
';
for(var i = 0; i < grcFields.length; i++) {
//console.log(grcFields[i]);
if(!this.getEventPreviewFields().includes(grcFields[i])) {
if(event[grcFields[i]] != null && event[grcFields[i]] != "") {
if(!this.getEventHideFields().includes(grcFields[i])) {
html += '
';
html += '
'+grcFields[i]+'
'
if(grcFields[i].toLowerCase() == "riskarea") {
const arrValues = event[grcFields[i]];
for(var k = 0; k < arrValues.length; k++) {
html += '
' + arrValues[k] + '
';
}
} else {
if((event[grcFields[i]] + "").indexOf("[") >= 0) {
html += this.getEventTexts(grcFields[i], JSON.parse(event[grcFields[i]]), event);
} else {
//console.log('grcfield', event[grcFields[i]]);
html += '
')+'" minLength="80">';
}
}
html += '
';
}
}
}
}
html += '
';
html += '
';
html += '
'
html += '
';
html += '
';
html += '
Feedback '
html += '+ '
html += '';
html += '
';
html += '
'
html += '
'
html += '
Do you wish to send us feedback about this compliance? Any doubts? Need guidance or more clarity? Drop us a feedback and we will revert soon.
'
html += '
'
html += '
'
html += ''
html += '
'
html += '
'
html += ('comment Send Feedback close Cancel commentcheck Submit Feedback
'
html += '
'
html += '
';
html += '
';
html += '
'
html += this.renderReporting(event, mmddyyyy);
html += "
"
html += '';
html += '
';
html += '
';
for(var i = 0; i < comments.length; i++) {
html += '';
}
if(comments.length === 0) {
html += '
No comments yet!
';
}
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
}
}
(this._SfDetailContainer as HTMLDivElement).innerHTML = html;
(this._SfDetailContainer as HTMLDivElement).style.display = 'block';
// let attachmentUploaders = (this._SfDetailContainer as HTMLDivElement).querySelectorAll('.event-attachment') as NodeListOf
// for(let attachmentUploader of attachmentUploaders){
// attachmentUploader.loadMode();
// }
(this._SfDetailContainer as HTMLDivElement).querySelector('.button-delete')?.addEventListener('click', async () => {
await this.fetchDeleteReview(event["id"], mmddyyyy, entityId, locationId);
this.setSuccess('Deleted successfully!')
setTimeout(() => {
this.clearMessages()
}, 3000);
//console.log('deleted', resultDelete);
// if(this.getCurrentTab() == this.TAB_CUSTOM) {
// this.processDateSelection((this._SfCustomContainer as HTMLDivElement));
// } else {
if(currentColumnButton != null) {
currentColumnButton.click();
}
// }
var clickEvent = new MouseEvent("click", {
"view": window,
"bubbles": true,
"cancelable": false
});
((this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close') as HTMLButtonElement)!.dispatchEvent(clickEvent);
});
(this._SfDetailContainer as HTMLDivElement).querySelector('#button-auto-approve')?.addEventListener('click', async () => {
if(this.selectedItemIds.length <= 1) {
await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], "Auto approved", true, event.isnotice != null ? "notices" : "events");
this.setSuccess('Auto-Approved successfully!')
setTimeout(() => {
this.clearMessages()
}, 3000);
}else{
let bulkBodyReview = []
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
entityId = selectedId.split('-')[7].replace(/_/g, '-');
locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
//console.log(entityId, locationId, eventId, mmddyyyy);
bulkBodyReview.push({
"mmddyyyy": mmddyyyy,
"projectid": this.projectId,
"type": "review",
"eventid": eventId,
"comments": "Auto approved",
"approved": true,
"entityid": entityId,
"locationid": locationId,
"username": this.userName,
"userid": this.userProfileId,
"userrole": this.myRole,
"year": this.calendarStartYYYY,
"module": event.isnotice != null ? "notices" : "events"
})
}
await this.uploadReviewsBulk(bulkBodyReview);
}
//console.log('deleted', resultDelete);
// if(this.getCurrentTab() == this.TAB_CUSTOM) {
// this.processDateSelection((this._SfCustomContainer as HTMLDivElement));
// } else {
if(currentColumnButton != null) {
currentColumnButton.click();
}
// }
var clickEvent = new MouseEvent("click", {
"view": window,
"bubbles": true,
"cancelable": false
});
((this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close') as HTMLButtonElement)!.dispatchEvent(clickEvent);
});
(this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close')?.addEventListener('click', () => {
(this._SfDetailContainer as HTMLDivElement).innerHTML = '';
(this._SfDetailContainer as HTMLDivElement).style.display = 'none';
});
(this._SfDetailContainer as HTMLDivElement).querySelector('.head-basic')?.addEventListener('click', () => {
//console.log('head basic clicked', ((this._SfDetailContainer as HTMLDivElement).querySelector('.body-basic') as HTMLDivElement).style.display);
if(((this._SfDetailContainer as HTMLDivElement).querySelector('.body-basic') as HTMLDivElement).style.display == 'flex' || ((this._SfDetailContainer as HTMLDivElement).querySelector('.body-basic') as HTMLDivElement).style.display == '') {
((this._SfDetailContainer as HTMLDivElement).querySelector('.body-basic') as HTMLDivElement).style.display = 'none';
((this._SfDetailContainer as HTMLDivElement).querySelector('.head-indicator-basic') as HTMLDivElement).innerHTML = '+';
} else {
((this._SfDetailContainer as HTMLDivElement).querySelector('.body-basic') as HTMLDivElement).style.display = 'flex';
((this._SfDetailContainer as HTMLDivElement).querySelector('.head-indicator-basic') as HTMLDivElement).innerHTML = '-';
}
});
(this._SfDetailContainer as HTMLDivElement).querySelector('.head-statute')?.addEventListener('click', () => {
//console.log('head statute clicked', ((this._SfDetailContainer as HTMLDivElement).querySelector('.body-statute') as HTMLDivElement).style.display);
if(((this._SfDetailContainer as HTMLDivElement).querySelector('.body-statute') as HTMLDivElement).style.display == 'flex' || ((this._SfDetailContainer as HTMLDivElement).querySelector('.body-statute') as HTMLDivElement).style.display == '') {
((this._SfDetailContainer as HTMLDivElement).querySelector('.body-statute') as HTMLDivElement).style.display = 'none';
((this._SfDetailContainer as HTMLDivElement).querySelector('.head-indicator-statute') as HTMLDivElement).innerHTML = '+';
} else {
((this._SfDetailContainer as HTMLDivElement).querySelector('.body-statute') as HTMLDivElement).style.display = 'flex';
((this._SfDetailContainer as HTMLDivElement).querySelector('.head-indicator-statute') as HTMLDivElement).innerHTML = '-';
}
});
(this._SfDetailContainer as HTMLDivElement).querySelector('.head-compliance')?.addEventListener('click', () => {
if(((this._SfDetailContainer as HTMLDivElement).querySelector('.body-compliance') as HTMLDivElement).style.display == 'flex' || ((this._SfDetailContainer as HTMLDivElement).querySelector('.body-compliance') as HTMLDivElement).style.display == '') {
((this._SfDetailContainer as HTMLDivElement).querySelector('.body-compliance') as HTMLDivElement).style.display = 'none';
((this._SfDetailContainer as HTMLDivElement).querySelector('.head-indicator-compliance') as HTMLDivElement).innerHTML = '+';
} else {
((this._SfDetailContainer as HTMLDivElement).querySelector('.body-compliance') as HTMLDivElement).style.display = 'flex';
((this._SfDetailContainer as HTMLDivElement).querySelector('.head-indicator-compliance') as HTMLDivElement).innerHTML = '-';
}
});
(this._SfDetailContainer as HTMLDivElement).querySelector('.head-grc')?.addEventListener('click', () => {
if(((this._SfDetailContainer as HTMLDivElement).querySelector('.body-grc') as HTMLDivElement).style.display == 'flex' || ((this._SfDetailContainer as HTMLDivElement).querySelector('.body-grc') as HTMLDivElement).style.display == '') {
((this._SfDetailContainer as HTMLDivElement).querySelector('.body-grc') as HTMLDivElement).style.display = 'none';
((this._SfDetailContainer as HTMLDivElement).querySelector('.head-indicator-grc') as HTMLDivElement).innerHTML = '+';
} else {
((this._SfDetailContainer as HTMLDivElement).querySelector('.body-grc') as HTMLDivElement).style.display = 'flex';
((this._SfDetailContainer as HTMLDivElement).querySelector('.head-indicator-grc') as HTMLDivElement).innerHTML = '-';
}
});
(this._SfDetailContainer as HTMLDivElement).querySelector('.head-feedback')?.addEventListener('click', () => {
if(((this._SfDetailContainer as HTMLDivElement).querySelector('.body-feedback') as HTMLDivElement).style.display == 'flex') {
((this._SfDetailContainer as HTMLDivElement).querySelector('.body-feedback') as HTMLDivElement).style.display = 'none';
((this._SfDetailContainer as HTMLDivElement).querySelector('.head-indicator-feedback') as HTMLDivElement).innerHTML = '+';
} else {
((this._SfDetailContainer as HTMLDivElement).querySelector('.body-feedback') as HTMLDivElement).style.display = 'flex';
((this._SfDetailContainer as HTMLDivElement).querySelector('.head-indicator-feedback') as HTMLDivElement).innerHTML = '-';
}
});
(this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close')?.addEventListener('click', () => {
(this._SfDetailContainer as HTMLDivElement).innerHTML = '';
(this._SfDetailContainer as HTMLDivElement).style.display = 'none';
});
(this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback')?.addEventListener('click', () => {
const feedbackMessage = ((this._SfDetailContainer as HTMLDivElement).querySelector('#feedback-message') as HTMLTextAreaElement);
const buttonFeedback = ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback') as HTMLButtonElement);
const buttonCancel = ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback-cancel') as HTMLButtonElement);
const buttonConfirm = ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback-confirm') as HTMLButtonElement);
console.log(buttonConfirm.classList);
if(feedbackMessage.classList.contains('hide')) {
feedbackMessage.classList.remove('hide');
}
if(buttonConfirm.classList.contains('hide')) {
buttonConfirm.classList.remove('hide');
}
if(buttonCancel.classList.contains('hide')) {
buttonCancel.classList.remove('hide');
}
if(!buttonFeedback.classList.contains('hide')) {
buttonFeedback.classList.add('hide');
}
// const body = {
// projectid: this.projectId,
// complianceid: compliance.id
// }
// console.log(body);
});
(this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback-cancel')?.addEventListener('click', () => {
const feedbackMessage = ((this._SfDetailContainer as HTMLDivElement).querySelector('#feedback-message') as HTMLTextAreaElement);
const buttonFeedback = ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback') as HTMLButtonElement);
const buttonCancel = ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback-cancel') as HTMLButtonElement);
const buttonConfirm = ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback-confirm') as HTMLButtonElement);
console.log(buttonConfirm.classList);
if(!feedbackMessage.classList.contains('hide')) {
feedbackMessage.classList.add('hide');
}
if(!buttonConfirm.classList.contains('hide')) {
buttonConfirm.classList.add('hide');
}
if(!buttonCancel.classList.contains('hide')) {
buttonCancel.classList.add('hide');
}
if(buttonFeedback.classList.contains('hide')) {
buttonFeedback.classList.remove('hide');
}
});
(this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback-confirm')?.addEventListener('click', async () => {
const feedbackMessage = ((this._SfDetailContainer as HTMLDivElement).querySelector('#feedback-message') as HTMLTextAreaElement);
const buttonCancel = ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback-cancel') as HTMLButtonElement);
const buttonClose = ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close') as HTMLButtonElement);
console.log('sending feedback', event);
if(feedbackMessage.value.length === 0) {
feedbackMessage.setAttribute('style', 'border:solid 2px ' + this.COLOR_REJECTED + ' !important');
} else {
feedbackMessage.setAttribute('style', 'border:');
this.uploadTriggerMyEvent(
event.id + ";" + event.shortid,
feedbackMessage.value,
event.countries.join(",").replace(/ *\([^)]*\) */g, ""),
event.entities.join(',').replace(/ *\([^)]*\) */g, ""),
event.locations.join(',').replace(/ *\([^)]*\) */g, ""),
event.statute[0],
event.subcategory[0]);
buttonCancel.click();
buttonClose.click();
}
});
(this._SfDetailContainer as HTMLDivElement).querySelector('#feedback-message')?.addEventListener('keyup', (e: any) => {
if(e.code == "Enter") {
const buttonConfirm = ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-feedback-confirm') as HTMLButtonElement);
buttonConfirm.click();
}
})
if(this.mode == "consumer" || this.mode == "next") {
(this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-approve')?.addEventListener('click', async (ev:any) => {
let buttonClick = ev.target as HTMLButtonElement
buttonClick.innerHTML = "Saving..."
const comments = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approver-comments') as HTMLInputElement).value;
const approved = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement).checked;
let currStatus = this.getCompletenessStatus(event);
let newEvent = {...event};
newEvent.comments = comments;
newEvent.approved = approved;
let newStatus = this.getCompletenessStatus(newEvent);
if(currStatus == newStatus){
buttonClick.innerHTML = "Save"
this.setError('Already Approved!');
setTimeout(() => {
this.clearMessages();
}, 3000);
return;
}
var clickEvent = new MouseEvent("click", {
"view": window,
"bubbles": true,
"cancelable": false
});
((this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close') as HTMLButtonElement)!.dispatchEvent(clickEvent);
// await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], comments, approved)
let flagBulk = false;
if(this.selectedItemIds.length <= 1) {
// console.log('mmddyyyy', mmddyyyy)
if(await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], comments, approved, event.isnotice != null ? "notices" : "events")){
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
this.events[mmdd][p].comments.push({'author': 'Approver', 'comment': comments + ` (Approved: ${approved ? 'Yes' : 'No'})`, 'timestamp': new Date().toString()})
this.events[mmdd][p].lastupdated = new Date().toString()
}
}
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(event)
}
} else {
let bulkBodyReview = []
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
entityId = selectedId.split('-')[7].replace(/_/g, '-');
locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
//console.log(entityId, locationId, eventId, mmddyyyy);
bulkBodyReview.push({
"mmddyyyy": mmddyyyy,
"projectid": this.projectId,
"type": "review",
"eventid": eventId,
"comments": comments,
"approved": approved,
"entityid": entityId,
"locationid": locationId,
"username": this.userName,
"userid": this.userProfileId,
"userrole": this.myRole,
"year": this.calendarStartYYYY,
"module": event.isnotice != null ? "notices" : "events"
})
// await this.uploadReview(entityId, locationId, mmddyyyy, eventId, comments, approved)
// this.setSuccess("Updating " + (k + 1) + "/" + this.selectedItemIds.length + ", please wait...");
// await this.sleep(2000);
// this.clearMessages();
}
await this.uploadReviewsBulk(bulkBodyReview);
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
entityId = selectedId.split('-')[7].replace(/_/g, '-');
locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1]
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
this.events[mmdd][p].isbulk = true
flagBulk = true;
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(this.events[mmdd][p])
}
}
}
}
if(this.mode == "next"){
// this.fetchNext(this.nextPage)
this.renderRoleTabsNext(this.nextPage)
}else{
// if(this.getCurrentTab() == this.TAB_CUSTOM) {
// this.processDateSelection((this._SfCustomContainer as HTMLDivElement));
// } else
if(this.getCurrentTab() == this.TAB_FIND) {
const searchString = ((this._SfFindContainer as HTMLDivElement).querySelector('#stream-search') as HTMLInputElement).value;
this.processFindSelection((this._SfFindContainer as HTMLDivElement), searchString);
} else {
if(this.selectedItemIds.length > 0) {
await this.fetchBulkReportingData();
}
this.renderAppropriateStream(this.sdate,this.edate, true, flagBulk);
var clickEvent = new MouseEvent("click", {
"view": window,
"bubbles": true,
"cancelable": false
});
((this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close') as HTMLButtonElement)!.dispatchEvent(clickEvent);
// if(currentColumnButton != null) {
// currentColumnButton.click();
// }
}
}
});
(this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-audit')?.addEventListener('click', async (ev: any) => {
let buttonClick = ev.target as HTMLButtonElement
buttonClick.innerHTML = "Saving..."
const comments: string = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-auditor-comments') as HTMLInputElement).value;
const approved = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement).checked;
let currStatus = this.getCompletenessStatus(event);
let newEvent = {...event};
newEvent.comments = comments;
newEvent.approved = approved;
let newStatus = this.getCompletenessStatus(newEvent);
console.log('status', currStatus, newStatus)
if(currStatus == newStatus){
buttonClick.innerHTML = "Save"
this.setError('Already Approved!');
setTimeout(() => {
this.clearMessages();
}, 3000);
return;
}
if(comments.trim().length === 0) {
buttonClick.innerHTML = "Save"
this.setError('Comments cannot be blank!');
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
let flagBulk = false;
if(this.selectedItemIds.length <= 1) {
if(await this.uploadAudit(entityId, locationId, mmddyyyy, event["id"], comments, approved, event.isnotice != null ? "notices" : "events")){
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
this.events[mmdd][p].approved = approved
this.events[mmdd][p].comments.push({'author': 'Auditor', 'comment': comments + ` (Approved: ${approved ? 'Yes' : 'No'})`, 'timestamp': new Date().toString()})
this.events[mmdd][p].lastupdated = new Date().toString()
}
}
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(event)
}
} else {
let bulkBodyAudit = []
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
entityId = selectedId.split('-')[7].replace(/_/g, '-');
locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
//console.log(entityId, locationId, eventId, mmddyyyy);
bulkBodyAudit.push({
"mmddyyyy": mmddyyyy,
"projectid": this.projectId,
"type": "audit",
"eventid": eventId,
"comments": comments,
"approved": approved,
"entityid": entityId,
"locationid": locationId,
"username": this.userName,
"userid": this.userProfileId,
"userrole": this.myRole,
"year": this.calendarStartYYYY,
"module": event.isnotice != null ? "notices" : "events"
})
// await this.uploadAudit(entityId, locationId, mmddyyyy, eventId, comments, approved);
}
await this.uploadAuditsBulk(bulkBodyAudit);
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
entityId = selectedId.split('-')[7].replace(/_/g, '-');
locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1]
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
this.events[mmdd][p].isbulk = true
flagBulk = true;
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(this.events[mmdd][p])
}
}
}
}
var clickEvent = new MouseEvent("click", {
"view": window,
"bubbles": true,
"cancelable": false
});
((this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close') as HTMLButtonElement)!.dispatchEvent(clickEvent);
if(this.mode == "next"){
this.fetchNext(this.nextPage, this.nextTabRole, this.nextTabStatus)
}else{
// if(this.getCurrentTab() == this.TAB_CUSTOM) {
// this.processDateSelection((this._SfCustomContainer as HTMLDivElement));
// } else
if(this.getCurrentTab() == this.TAB_FIND) {
const searchString = ((this._SfFindContainer as HTMLDivElement).querySelector('#stream-search') as HTMLInputElement).value;
this.processFindSelection((this._SfFindContainer as HTMLDivElement), searchString);
} else {
if(this.selectedItemIds.length > 0) {
await this.fetchBulkReportingData();
}
this.renderAppropriateStream(this.sdate,this.edate,true, flagBulk);
// if(currentColumnButton != null) {
// currentColumnButton.click();
// }
}
}
}
});
if(this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_FUNCTION_HEAD) {
if(approved) {
if(((this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-report') as HTMLElement) != null) {
((this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-report') as HTMLElement).style.visibility = 'hidden';
}
} else {
if(((this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-report') as HTMLElement) != null) {
((this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-report') as HTMLElement).style.visibility = 'visible';
(this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-report')?.addEventListener('click', async (ev:any) => {
let buttonClick = ev.target as HTMLButtonElement
buttonClick.innerHTML = "Saving..."
const reportercomments = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-reporter-comments') as HTMLInputElement).value;
//console.log('reporter comments 1', reportercomments);
const reporterdoc = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-reporter-doc') as HTMLInputElement).value.length > 0 ? (new Date(((this._SfDetailContainer as HTMLDivElement).querySelector('#input-reporter-doc') as HTMLInputElement).value).getTime() + "") : "";
let docs:any[] = [];
//console.log('reporter comments 2', reportercomments);
// if(docsOptional.length === 0) {
docs = (this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.selectedValues();
// }
//console.log('docs', docs);
let reportformatvalues:string = "";
let reportformatschema:string = "";
if(this._SfReporting[0] != null){
reportformatvalues = JSON.stringify((this._SfReporting[0].querySelector('#reporting-format') as SfIReporting)!.selectedValues()) ?? "";
reportformatschema = (this._SfReporting[0].querySelector('#reporting-format') as SfIReporting)!.configjson ?? "";
}
let percentage: string = "100";
if(((this._SfDetailContainer as HTMLDivElement).querySelector('#input-reporter-percentage') as HTMLInputElement) != null){
percentage = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-reporter-percentage') as HTMLInputElement).value
}
if(Number.isNaN(parseInt(percentage)) || parseInt(percentage) < 0 || parseInt(percentage) > 100) {
//console.log('reporter comments 3', reportercomments);
buttonClick.innerHTML = "Save"
this.setError('Invalid Percentage!');
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
if(docs.length === 0 && docsOptional.length === 0) {
//console.log('reporter comments 3', reportercomments);
buttonClick.innerHTML = "Save"
this.setError('No documents uploaded!');
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
//console.log('reporterdoc', reporterdoc);
if(reporterdoc.length === 0) {
buttonClick.innerHTML = "Save"
this.setError('Date of completion not selected!');
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
//console.log('makerscheckers 1', reportercomments);
if(reportercomments.trim().length === 0) {
buttonClick.innerHTML = "Save"
this.setError('Comments cannot be blank!');
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
var clickEvent = new MouseEvent("click", {
"view": window,
"bubbles": true,
"cancelable": false
});
((this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close') as HTMLButtonElement)!.dispatchEvent(clickEvent);
let flagBulk = false;
if(this.selectedItemIds.length <= 1) {
//console.log('makerscheckers', makercheckers, reportercomments);
// console.log('reportformatvalues', reportformatvalues)
// console.log('reportformatschema',reportformatschema)
if(await this.uploadReport(entityId, locationId, mmddyyyy, event["id"], reportercomments, reporterdoc, docs, event, reportformatvalues, reportformatschema, event.isnotice != null ? "notices" : "events", percentage, makercheckers)){
console.log('this.events', this.events);
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
this.events[mmdd][p].documents = docs
this.events[mmdd][p].comments.push({'author': 'Reporter', 'comment': reportercomments + ` (Documents Saved: ${docs.length}})`, 'timestamp': new Date().toString()})
this.events[mmdd][p].lastupdated = new Date().toString()
}
}
if(makercheckers.length > 0) {
// await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], "Auto approved", true, event.isnotice != null ? "notices" : "events");
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
this.events[mmdd][p].approved = true
// this.events[mmdd][p].documents = docs
this.events[mmdd][p].comments.push({'author': 'Approver', 'comment': `Auto approved (Approved: Yes})`, 'timestamp': new Date().toString()})
this.events[mmdd][p].lastupdated = new Date().toString()
}
}
}
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(event)
}
} else {
let bulkBody = []
let bulkBodyReview = []
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
const makercheckersL = selectedId.split('-')[5];
entityId = selectedId.split('-')[7].replace(/_/g, '-');
locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
//console.log(entityId, locationId, eventId, mmddyyyy);
// bulkBody.push({
// "mmddyyyy": mmddyyyy,
// "projectid": this.projectId,
// "type": "report",
// "eventid": eventId,
// "comments": reportercomments,
// "dateofcompletion": reporterdoc,
// "entityid": entityId,
// "locationid": locationId,
// "event": null,
// "docs": JSON.stringify(docs),
// "username": this.userName,
// "reportformatvalues": reportformatvalues,
// "reportformatschema": reportformatschema,
// "userid": this.userProfileId,
// "userrole": this.myRole,
// "year": this.calendarStartYYYY,
// "module": event.isnotice != null ? "notices" : "events"
// })
// await this.uploadReport(entityId, locationId, mmddyyyy, eventId, reportercomments, reporterdoc, docs, null)
// if(parseInt(makercheckersL) > 0) {
// bulkBodyReview.push({
// "mmddyyyy": mmddyyyy,
// "projectid": this.projectId,
// "type": "report",
// "eventid": eventId,
// "comments": reportercomments,
// "dateofcompletion": reporterdoc,
// "percentage": percentage,
// "entityid": entityId,
// "locationid": locationId,
// "event": null,
// "docs": JSON.stringify(docs),
// "approved": true,
// "username": this.userName,
// "reportformatvalues": reportformatvalues,
// "reportformatschema": reportformatschema,
// "userid": this.userProfileId,
// "userrole": this.myRole,
// "year": this.calendarStartYYYY,
// "module": event.isnotice != null ? "notices" : "events"
// } )
// // await this.uploadReview(entityId, locationId, mmddyyyy, eventId, "Auto approved", true);
// }else{
bulkBody.push({
"mmddyyyy": mmddyyyy,
"projectid": this.projectId,
"type": "report",
"eventid": eventId,
"comments": reportercomments,
"dateofcompletion": reporterdoc,
"percentage": percentage,
"entityid": entityId,
"locationid": locationId,
"event": null,
"docs": JSON.stringify(docs),
"username": this.userName,
"reportformatvalues": reportformatvalues,
"reportformatschema": reportformatschema,
"userid": this.userProfileId,
"userrole": this.myRole,
"year": this.calendarStartYYYY,
"module": event.isnotice != null ? "notices" : "events",
"makercheckers": (parseInt(makercheckersL) > 0) ? ["makercheckers"] : null
})
// }
// this.setSuccess("Updating " + (k + 1) + "/" + this.selectedItemIds.length + ", please wait...");
// await this.sleep(2000);
// this.clearMessages();
}
if(bulkBody.length > 0){
await this.uploadReportsBulk(bulkBody, bulkBodyReview.length == 0);
}
// await this.fetchBulkReportingData();
// if(bulkBodyReview.length > 0){
// await this.uploadReportsReviewsBulk(bulkBodyReview)
// }
for(var k = 0; k < this.selectedItemIds.length; k++) {
const selectedId = this.selectedItemIds[k];
//console.log('selectedid', selectedId);
entityId = selectedId.split('-')[7].replace(/_/g, '-');
locationId = selectedId.split('-')[8].replace(/_/g, '-');
const eventId = selectedId.split('-')[9].replace(/_/g, '-');
mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1]
for( var p = 0 ; p < this.events[mmdd].length; p ++){
if(this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
this.events[mmdd][p].isbulk = true
flagBulk = true;
if(this.recentlyReported[mmdd] == null){
this.recentlyReported[mmdd] = []
}
this.recentlyReported[mmdd].push(this.events[mmdd][p])
}
}
}
}
if(this.mode == "next"){
this.fetchNext(this.nextPage, this.nextTabRole, this.nextTabStatus)
}else{
// if(this.getCurrentTab() == this.TAB_CUSTOM) {
// this.processDateSelection((this._SfCustomContainer as HTMLDivElement));
// } else
if(this.getCurrentTab() == this.TAB_FIND) {
const searchString = ((this._SfFindContainer as HTMLDivElement).querySelector('#stream-search') as HTMLInputElement).value;
this.processFindSelection((this._SfFindContainer as HTMLDivElement), searchString);
} else {
if(this.selectedItemIds.length > 0) {
await this.fetchBulkReportingData();
}
this.renderAppropriateStream(this.sdate,this.edate,true, flagBulk)
// if(currentColumnButton != null) {
// currentColumnButton.click();
// }
}
}
}
}
}
}
});
}
}
}
if(this._SfUploader[0] != null) {
(this._SfDetailContainer.querySelector('.uploader-analysis-message') as HTMLDivElement).style.display = "none"
this._SfUploader[0].querySelector('#uploader').addEventListener('analysisInProgress', (_ev: any) => {
console.log('uploader analysisInProgress', _ev);
(this._SfDetailContainer.querySelector('.uploader-analysis-message') as HTMLDivElement).style.display = "block"
});
this._SfUploader[0].querySelector('#uploader').addEventListener('analysisCompleted', (_ev: any) => {
console.log('uploader analysisInProgress', _ev);
if((this._SfDetailContainer.querySelector('.uploader-analysis-message') as HTMLDivElement) != null){
(this._SfDetailContainer.querySelector('.uploader-analysis-message') as HTMLDivElement).style.display = "none"
}
});
//console.log('documentType checking', documentType);
if(documentType != null) {
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.docType = documentType;
}else{
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.docType = ""
}
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.prepopulatedInputArr = JSON.stringify([]);
console.log('uploader', (this._SfUploader[0].querySelector('#uploader') as SfIUploader));
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.loadMode();
if(docs.length > 0) {
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.prepopulatedInputArr = JSON.stringify(docs);
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.loadMode();
}
if(this.myRole == this.TAB_APPROVER || approved) {
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.readOnly = true;
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.loadMode();
} else {
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.readOnly = false;
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.loadMode();
}
const dataPassthrough = {
projectId: this.projectId,
countryId: this.countryId,
entityId: entityId,
locationId: locationId,
mmddyyyy: mmddyyyy,
complianceId: event['id'],
path: "uploadextract"
};
const callbackUrlHost = "8icpy39ru0.execute-api.us-east-1.amazonaws.com";
const callbackUrlPath = "test/uploadextract";
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.projectId = this.projectId;
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.dataPassthrough = JSON.stringify(dataPassthrough);
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.callbackUrlHost = callbackUrlHost;
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.callbackUrlPath = callbackUrlPath;
(this._SfUploader[0].querySelector('#uploader') as SfIUploader)!.loadMode();
}
//console.log('approved 1', event["approved"], this.myRole, this.TAB_APPROVER);
if(this.myRole == this.TAB_APPROVER || this.myRole == this.TAB_VIEWER || this.myRole == this.TAB_AUDITOR || this.myRole == this.TAB_FUNCTION_HEAD) {
//console.log('approved 1', event["approved"], this.myRole, this.TAB_APPROVER);
if(event["approved"] != null) {
if(event["approved"] === true) {
//console.log('approved 2', event["approved"], this.myRole, this.TAB_APPROVER);
if(((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement) != null) {
((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement).checked = true;
}
if(((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-no') as HTMLInputElement) != null) {
((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-no') as HTMLInputElement).checked = false;
}
} else {
if(((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement) != null) {
((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement)!.checked = false;
}
if(((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-no') as HTMLInputElement) != null) {
((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-no') as HTMLInputElement)!.checked = true;
}
}
} else {
if((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement != null) {
((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement).checked = false;
}
if(((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-no') as HTMLInputElement) != null) {
((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-no') as HTMLInputElement).checked = true;
}
}
}
}
this.fetchStatuteDefinitionDetails(statuteName);
if(event['reportformat'] != null && event['reportformat'].length > 0){
this.fetchReportFormat((this._SfDetailContainer as HTMLDivElement), reportformatName, event['reportformatschema'] ?? "", event['reportformatvalues'] ?? "");
}
}
renderCalendar = () => {
//console.log('redering calendar', this.events);
var startDate = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
var html = '';
for(var i = 0; i < 12; i++) {
const monthStatus = this.getMonthStatus(startDate.getMonth(), startDate.getFullYear());
//console.log('monthstatus', monthStatus);
const partApproved = this.COLOR_APPROVED + ' 0%, ' + this.COLOR_APPROVED + ' ' + parseInt(monthStatus['percApproved'] + '') + '%';
const partPendingApproval = this.COLOR_PENDING_APPROVAL + ' ' + parseInt(monthStatus['percApproved'] + '') + '%, ' + this.COLOR_PENDING_APPROVAL + ' ' + parseInt(monthStatus['percApproved'] + '') + parseInt(monthStatus['percPendingApproval'] + '') + '%';
const partRejected = this.COLOR_REJECTED + ' ' + parseInt(monthStatus['percApproved'] + '') + parseInt(monthStatus['percPendingApproval'] + '') + '%, ' + this.COLOR_REJECTED + ' ' + parseInt(monthStatus['percApproved'] + '') + parseInt(monthStatus['percPendingApproval'] + '') + parseInt(monthStatus['percRejected'] + '') + '%';
const partNotStarted = this.COLOR_NOT_STARTED + ' ' + parseInt(monthStatus['percApproved'] + '') + parseInt(monthStatus['percPendingApproval'] + '') + parseInt(monthStatus['percRejected'] + '') + '%, ' + this.COLOR_NOT_STARTED + ' ' + 100 + '%';
html += '';
html += '
';
html += '
' + this.monthNames[startDate.getMonth()] + ' ' + startDate.getFullYear() + '
';
html += '
open_in_new '
html += '
';
html += this.insertDayNames();
html += this.insertDates(startDate.getMonth(), startDate.getFullYear());
html += '
;
const checkboxArr = (divElement as HTMLDivElement).querySelectorAll('.checkbox-row') as NodeListOf;
const statuteArr = (divElement as HTMLDivElement).querySelectorAll('.statute') as NodeListOf;
//console.log(tableRowArr);
//console.log(checkboxArr);
//console.log(statuteArr);
for(var i = 0; i < statuteArr.length; i++) {
//console.log((statuteArr[i] as SfIElasticText).text);
}
let updatedRows = [];
let jsonArr = [];
if(uploadBlock < 0) {
for(var i = 0; i < checkboxArr.length; i++) {
//console.log('tablerow', (tableRowArr[i] as HTMLTableRowElement));
if((tableRowArr[i] as HTMLTableRowElement).style.display == 'none') {
} else {
updatedRows.push((statuteArr[i] as SfIElasticText).text);
}
var dataToBePushed = {id: (statuteArr[i] as SfIElasticText).text, selected: checkboxArr[i].checked, data: this.getDataValue(jsonData, (statuteArr[i] as SfIElasticText).text), cols: this.getColsValue(jsonData, (statuteArr[i] as SfIElasticText).text), extraFields: [] as string[], updatedFields: [] as string[]};
for(var j = 0; j < extraFields.length; j++) {
const inputArr = (divElement as HTMLDivElement).querySelectorAll('.extra-field-'+j) as NodeListOf;
const value = inputArr[i].getValues();
// //console.log('value', value);
dataToBePushed.extraFields.push(value);
if(j === 0) {
const fields = inputArr[i].getFields();
dataToBePushed.updatedFields.push(...fields);
}
}
jsonArr.push(dataToBePushed)
}
//console.log('jsonArr', jsonArr);
//console.log('updatedRows', updatedRows);
const batchNum = new Date().getTime();
await uploadFunction({"searchstring": searchString, "mappings": jsonArr, "batch": batchNum, "updatedrows": updatedRows});
} else {
const batchNum = new Date().getTime();
for(var i = 0; i < checkboxArr.length; i+=uploadBlock) {
if((tableRowArr[i] as HTMLTableRowElement).style.display == 'none') {
} else {
updatedRows.push((statuteArr[i] as SfIElasticText).text);
}
jsonArr = [];
for(var k = i; k < (i + uploadBlock) && k < checkboxArr.length; k++) {
if((statuteArr[k] as SfIElasticText) != null) {
var dataToBePushed = {id: (statuteArr[k] as SfIElasticText).text, selected: checkboxArr[k].checked, data: this.getDataValue(jsonData, (statuteArr[k] as SfIElasticText).text), cols: this.getColsValue(jsonData, (statuteArr[k] as SfIElasticText).text), extraFields: [] as string[], updatedFields: [] as string[]};
for(var j = 0; j < extraFields.length; j++) {
const inputArr = (divElement as HTMLDivElement).querySelectorAll('.extra-field-'+j) as NodeListOf;
const value = inputArr[k].getValues();
dataToBePushed.extraFields.push(value);
if(j === 0) {
const fields = inputArr[i].getFields();
dataToBePushed.updatedFields.push(...fields);
}
}
jsonArr.push(dataToBePushed)
}
}
//console.log('jsonArr', i, jsonArr);
//console.log('updatedRows', updatedRows);
await uploadFunction({"searchstring": searchString, "mappings": jsonArr, "percentage": parseInt(((k*100)/checkboxArr.length) + ""), "batch": batchNum, "updatedrows": updatedRows});
// await this.sleepFunction(2000);
}
}
if(!saveInBackground) refreshFunction();
}
if(this.disablesave == "yes") {
return;
}
if(saveInBackground) {
if(this.AUTOSAVE_FLAG) {
this.AUTOSAVE_FLAG = false;
setTimeout(async () => {
await process();
this.AUTOSAVE_FLAG = true;
this.setSuccess('Autosaved');
setTimeout(() => {
this.clearMessages();
}, 1000);
}, 5000);
}
} else {
process();
}
}
saveTagging = async (mapping: any, uploadFunction: any, refreshFunction: any, saveInBackground: boolean) => {
async function process() {
//console.log('Saving...', mapping);
await uploadFunction(mapping);
if(!saveInBackground) refreshFunction();
}
if(this.disablesave == "yes") {
return;
}
if(saveInBackground) {
if(this.AUTOSAVE_FLAG) {
this.AUTOSAVE_FLAG = false;
setTimeout(async () => {
await process();
this.AUTOSAVE_FLAG = true;
this.setSuccess('Autosaved');
setTimeout(() => {
this.clearMessages();
}, 1000);
}, 10000);
}
} else {
process();
}
}
renderTaggingTable = (divElement: any, sourceArray: any, taggingArray: any, sourceCols: any, uploadFunction: any, refreshFunction: any, colName: any, uniqCols: Array, apiIdDropdown: string, dropdownSearchPhrase: any, mandatoryFields: any, jobs: any, anotherProjection: any, extraFields: Array, _arrFeedbackReference: any, proposedUsersLabel: string, subfilter: string) => {
// source array is the serialized field mappedcompliances
// tagging array is the tagged array mappedcountries
//console.log('divelement', divElement);
//console.log('sourcearray', sourceArray);
console.log('taggingarray', taggingArray);
//console.log('uniqcols', uniqCols);
//console.log('subfiltervalue', subfilter);
//console.log('arrFeedbackReference', arrFeedbackReference);
this.selectedCbs = [];
if(taggingArray.length === 0 || sourceArray.length === 0) return;
const foundArr = [];
if(taggingArray.data.mappings != null && taggingArray.data.mappings.mappings != null) {
for(var i = 0; i < taggingArray.data.mappings.mappings.length; i++) {
var found = false;
for(var j = 0; j < sourceArray.data.mappings.mappings.length; j++) {
var equal = true;
for(var k = 0; k < uniqCols.length; k++) {
if(sourceArray.data.mappings.mappings[j] != null && taggingArray.data.mappings.mappings[i] != null) {
if(sourceArray.data.mappings.mappings[j][uniqCols[k]] != taggingArray.data.mappings.mappings[i][uniqCols[k]]) {
equal = false;
// if(taggingArray.data.mappings.mappings.length > 0){
// console.log('taggingarray col not found', uniqCols[k], taggingArray.data.mappings.mappings[i])
// }
}
}
}
if(equal) {
found = true;
}
}
if(found) {
foundArr.push(taggingArray.data.mappings.mappings[i]);
}else{
console.log('taggingarray not found', taggingArray.data.mappings.mappings[i], i , sourceArray.data.mappings.mappings[i])
}
}
}
console.log('taggingarray2', taggingArray.data.mappings.mappings.length + "");
if(taggingArray.data.mappings == null) {
taggingArray.data.mappings = {};
}
taggingArray.data.mappings.mappings = foundArr;
let mandatoryPresent = true;
for(i = 0; i < (mandatoryFields as Array).length; i++) {
for(var j = 0; j < taggingArray.data.mappings.mappings.length; j++) {
if(taggingArray.data.mappings.mappings[j][mandatoryFields[i]] == null) {
mandatoryPresent = false;
}
}
}
var tagged = 0;
var changed = 0
console.log('taggingarray3', taggingArray.data.mappings.mappings.length + "");
for(var j = 0; j < taggingArray.data.mappings.mappings.length; j++) {
if(taggingArray.data.mappings.mappings[j] != null) {
if(taggingArray.data.mappings.mappings[j][colName] != null && taggingArray.data.mappings.mappings[j][colName].length > 0) {
tagged++;
}
if(this.changedOnboardingItemIds.length > 0 ){
let changedId = ""
for(let [k,col] of uniqCols.entries()){
changedId += taggingArray.data.mappings.mappings[j][col];
if(k < (uniqCols.length - 1)){
changedId += ";"
}
}
if(this.changedOnboardingItemIds.indexOf(changedId) >= 0){
changed++;
}
}
}
}
// let colCountry = -1;
// let colState = -1;
// let colSubcategory = -1;
// let colStatute = -1;
const unfilteredDict : any [] = [];
var html = '';
var showTable = true;
html += ' ';
// if(jobs && jobs.data) {
// html += (jobs.data.status == "0" ? "
schedule Job initizalied
" : jobs.data.status == "1" ? "
pending Job in-progress "+parseInt(jobs.data.progress)+"% complete
" : "
check_circle Job complete
" );
// if(jobs.data.status == "0" || jobs.data.status == "1") {
// showTable = false;
// }
// }
var status = '';
if(tagged < sourceArray.data.mappings.mappings.length) {
status = '
pending ';
} else {
status = '
check_circle ';
}
var mandatoryStatus = '';
if(!mandatoryPresent) {
mandatoryStatus = '
error Mandatory fields are not present';
} else {
mandatoryStatus = '
check_circle Mandatory fields are present';
}
if(showTable) {
html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0" )) ? '' : '
'+status+' Mapped '+tagged+' out of '+sourceArray.data.mappings.mappings.length+' ');
} else {
html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0" )) ? '' : '
'+status+' Mapped '+tagged+' out of '+sourceArray.data.mappings.mappings.length+' ')
}
if(changed > 0){
html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0" )) ? '' : '
pending ' + changed + ' Items changed')
}
html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0" )) ? '' : '
' + mandatoryStatus + ' ')
html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0" )) ? '' : '
')
html += '
';
// html += '
';
html += '
';
html += '
expand_more expand_less
'
// html += '
file_save Download Backups
'
html += '
'
html += 'file_save Download Backups export_notes Export Mapping data_table Export CSV upload_file Load From Local save Save Locally Cancel Job ' : (this.disablesave == "yes" ? '' : 'upload_file Load From Local save Save Locally
';
html += '
';
html += '
touch_app Apply '
html += '
save Save On Cloud '
html += '
';
html += '
';
html += '
'
html += '
'
html += '
';
html += '';
html += ''
html += '
';
html += ' '
for(var i = 0; i < extraFields.length; i++) {
html += ''
html += extraFields[i];
html += ' '
}
html += ''
html += colName;
html += ' '
// if(arrFeedbackReference != null) {
// html += ''
// html += proposedUsersLabel;
// html += ' '
// }
for(i = 0; i < uniqCols.length; i++) {
html += ''
html += uniqCols[i];
html += ' '
}
for(i = 0; i < sourceCols.length; i++) {
html += ''
html += sourceCols[i];
html += ' '
}
// for(i = 0; i < JSON.parse(sourceArray.data.mappings.mappings[0].cols).length; i++) {
// html += ''
// html += JSON.parse(sourceArray.data.mappings.mappings[0].cols)[i];
// html += ' '
// }
html += ' ';
html += '';
// console.log('changedIds', this.changedOnboardingItemIds);
for(i = 0; i < sourceArray.data.mappings.mappings.length; i++) {
var showSearch = false;
if(subfilter == "") {
//console.log('showsearch true 1');
showSearch = true;
}
// check showSearch in extra fields
// if(!showSearch) {
// for(var j = 0; j < extraFields.length; j++) {
// var k = 0;
// for(k = 0; k < taggingArray.data.mappings.mappings.length; k++) {
// if(taggingArray.data.mappings.mappings[k].id == sourceArray.data.mappings.mappings[i].id) {
// break;
// }
// }
// if(k < taggingArray.data.mappings.mappings.length) {
// try {
// if(taggingArray.data.mappings.mappings[k].extraFields != null && taggingArray.data.mappings.mappings[k].extraFields[j] != null && taggingArray.data.mappings.mappings[k].extraFields[j].toLowerCase().indexOf(subfilter.toLowerCase()) >= 0) {
// //console.log('showsearch true 2', taggingArray.data.mappings.mappings[k].extraFields[j].toLowerCase(), subfilter);
// showSearch = true;
// subfiltered++;
// break;
// }
// } catch (_e: any) {
// }
// try {
// if(taggingArray.data.mappings.mappings[k].extraFields != null && taggingArray.data.mappings.mappings[k].extraFields[j] != null && JSON.stringify(taggingArray.data.mappings.mappings[k].extraFields[j]).toLowerCase().indexOf(subfilter.toLowerCase()) >= 0) {
// //console.log('showsearch true 2', taggingArray.data.mappings.mappings[k].extraFields[j].toLowerCase(), subfilter);
// showSearch = true;
// subfiltered++;
// break;
// }
// } catch (_e: any) {
// }
// }
// }
// }
// if(!showSearch) {
// // check showSearch in uniq cols
// for(var l = 0; l < uniqCols.length; l++) {
// if(sourceArray.data.mappings.mappings[i][uniqCols[l]].replace(/ *\([^)]*\) */g, "").toLowerCase().indexOf(subfilter.toLowerCase()) >= 0) {
// //console.log('showsearch true 3');
// showSearch = true;
// subfiltered++;
// break;
// }
// }
// }
// if(!showSearch) {
// // check showSearch in source cols
// for(l = 0; l < sourceCols.length; l++) {
// for(var j = 0; j < JSON.parse(sourceArray.data.mappings.mappings[0].cols).length; j++) {
// if(sourceCols[l] == JSON.parse(sourceArray.data.mappings.mappings[0].cols)[j]) {
// if(sourceArray.data.mappings.mappings[i].data != null) {
// if(Array.isArray(JSON.parse(sourceArray.data.mappings.mappings[i].data)[j])) {
// for(var k = 0; k < JSON.parse(sourceArray.data.mappings.mappings[i].data)[j].length; k++) {
// if(JSON.parse(sourceArray.data.mappings.mappings[i].data)[j][k].toLowerCase().indexOf(subfilter.toLowerCase()) >= 0) {
// //console.log('showsearch true 4');
// showSearch = true;
// subfiltered++;
// break;
// }
// }
// } else {
// if(JSON.parse(sourceArray.data.mappings.mappings[i].data)[j].toLowerCase().indexOf(subfilter.toLowerCase()) >= 0) {
// //console.log('showsearch true 5');
// showSearch = true;
// subfiltered++;
// break;
// }
// }
// }
// }
// }
// }
// }
var classBg = "";
if(i%2 === 0) {
if(this.changedOnboardingItemIds.length > 0){
let changedId = ""
for(let [k,col] of uniqCols.entries()){
// console.log('taggingarray rendered', i, col)
changedId += taggingArray.data.mappings.mappings[i][col];
if(k < (uniqCols.length - 1)){
changedId += ";"
}
}
if(this.changedOnboardingItemIds.indexOf(changedId) >= 0){
classBg = 'td-light-selected';
}else{
classBg = 'td-light';
}
}else{
classBg = 'td-light';
}
} else {
if(this.changedOnboardingItemIds.length > 0){
let changedId = ""
for(let [k,col] of uniqCols.entries()){
if(taggingArray.data.mappings.mappings[i] == null){
console.log('id not found', i, taggingArray.data.mappings.mappings.length, sourceArray.data.mappings.mappings.length)
}
changedId += taggingArray.data.mappings.mappings[i][col];
if(k < (uniqCols.length - 1)){
changedId += ";"
}
}
if(this.changedOnboardingItemIds.indexOf(changedId) >= 0){
classBg = 'td-dark-selected';
}else{
classBg = 'td-dark';
}
}else{
classBg = 'td-dark';
}
}
html += '';
html += '
';
html += ''
// html += '';
html += '';
html += '
';
html += ' ';
} else {
html += '';
html += '';
html += '';
html += '
';
html += ' ';
}
}
html += ''
html += '';
if(apiIdDropdown.length > 0) {
if(anotherProjection != null) {
html += '
';
html += ' '
// if(arrFeedbackReference != null) {
// html += ''
// html += '';
// if(arrFeedbackReference[JSON.parse(sourceArray.data.mappings.mappings[i].data)[1][0].trim()][JSON.parse(sourceArray.data.mappings.mappings[i].data)[6][0].trim().replace(/&/g, "&")] == null) {
// this.setError(JSON.parse(sourceArray.data.mappings.mappings[i].data)[1][0].trim() + ':' + JSON.parse(sourceArray.data.mappings.mappings[i].data)[6][0].trim().replace(/&/g, "&") + ' - is not mapped correctly');
// setTimeout(() => {
// this.clearMessages();
// }, 20000);
// } else {
// html += '
';
// html += ' '
// }
for(var l = 0; l < uniqCols.length; l++) {
// console.log('uniqcolval', uniqCols[l], sourceArray.data.mappings.mappings[i], sourceArray.data.mappings.mappings[i][uniqCols[l]]);
html += ''
html += '';
html += '
';
html += ' '
}
for(l = 0; l < sourceCols.length; l++) {
for(var j = 0; j < JSON.parse(sourceArray.data.mappings.mappings[0].cols).length; j++) {
if(sourceCols[l] == JSON.parse(sourceArray.data.mappings.mappings[0].cols)[j]) {
if(sourceArray.data.mappings.mappings[i].data != null) {
html += '';
html += '';
// if(sourceArray.data.mappings.mappings[i].id == "62330e24-298d-4ef2-9449-c0e400e37cac") {
// console.log('found', sourceArray.data.mappings.mappings[i]);
// //console.log('before before filtermatch',sourceCols[l],JSON.parse(sourceArray.data.mappings.mappings[0].cols)[j], colCountry, (sourceArray.data.mappings.mappings[i]), (sourceArray.data.mappings.mappings[i].data), colState);
// //console.log('before filtermatch', colCountry, JSON.parse(sourceArray.data.mappings.mappings[i].data)[colCountry], colState, JSON.parse(sourceArray.data.mappings.mappings[i].data)[colState], JSON.parse(sourceArray.data.mappings.mappings[i].data)[colSubcategory]);
// }
//const filterMatch = this.matchesOnBoardingFilter(JSON.parse(sourceArray.data.mappings.mappings[i].data)[colCountry][0], JSON.parse(sourceArray.data.mappings.mappings[i].data)[colState].length > 0 ? JSON.parse(sourceArray.data.mappings.mappings[i].data)[colState][0] : "", JSON.parse(sourceArray.data.mappings.mappings[i].data)[colSubcategory].length > 0 ? JSON.parse(sourceArray.data.mappings.mappings[i].data)[colSubcategory][0] : "", Array.isArray(JSON.parse(sourceArray.data.mappings.mappings[i].data)[colStatute]) ? JSON.parse(sourceArray.data.mappings.mappings[i].data)[colStatute][0] : JSON.parse(sourceArray.data.mappings.mappings[i].data)[colStatute]);
const filterMatch = false;
//console.log('after filtermatch', filterMatch);
if(filterMatch) {
if(!unfilteredDict.includes(i)) {
unfilteredDict.push(i);
}
}
//console.log('isArray', sourceCols[l], Array.isArray(JSON.parse(sourceArray.data.mappings.mappings[i].data)[j]));
if(Array.isArray(JSON.parse(sourceArray.data.mappings.mappings[i].data)[j])) {
for(var k = 0; k < JSON.parse(sourceArray.data.mappings.mappings[i].data)[j].length; k++) {
html += ('
';
html += ' ';
}
}
}
}
html += ' ';
//console.log('i=', i);
}
html += ' ';
html += '
';
}
divElement.innerHTML = html;
if(unfilteredDict.length > 0) {
var html = '';
html += 'Items In Your Category (' + unfilteredDict.length + ")
";
html += this.getFilterOnboardingString();
((divElement as HTMLDivElement).querySelector('#span-filtered') as HTMLDivElement).innerHTML = html;
} else {
((divElement as HTMLDivElement).querySelector('#span-filtered') as HTMLDivElement).style.display = 'none';
}
if(subfiltered > 0) {
((divElement as HTMLDivElement).querySelector('#div-subfiltered') as HTMLDivElement).innerHTML = 'Filtered Results ('+subfiltered+') ';
}
if(this.getfilterOnboarding().length > 0) {
for(var i = 0; i < sourceArray.data.mappings.mappings.length; i++) {
if(!unfilteredDict.includes(i)) {
const tableRow = (divElement as HTMLDivElement).querySelector('#tablerow-'+i);
if(tableRow != null) {
(tableRow as HTMLTableRowElement).style.display = 'none';
}
}
}
}
// const inputFilter = (divElement as HTMLDivElement).querySelector('.input-filter') as HTMLInputElement;
// inputFilter.addEventListener('keyup', (e: any) => {
// if(e.key == 'Enter') {
// //console.log('filtering...', inputFilter.value);
// if(this._SfLoader != null) {
// this._SfLoader.innerHTML = '
';
// this._SfLoader.innerHTML += ('');
// }
// setTimeout(() => {
// this.renderTaggingTable(divElement, sourceArray, taggingArray, sourceCols, uploadFunction, refreshFunction, colName, uniqCols,apiIdDropdown, dropdownSearchPhrase, mandatoryFields, jobs, anotherProjection, extraFields, _arrFeedbackReference, proposedUsersLabel, inputFilter.value);
// // this._SfLoader.innerHTML = '';
// }, 1000);
// }
// });
(divElement as HTMLDivElement).querySelector('.checkbox-all')?.addEventListener('change', (e: any) => {
((divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement).disabled = false;
const arrCheckBoxes = (divElement as HTMLDivElement).querySelectorAll('.checkbox-row') as NodeListOf;
//console.log('cb-length', arrCheckBoxes.length);
for(var i = 0; i < arrCheckBoxes.length; i++) {
const tableRow = (divElement as HTMLDivElement).querySelector('#tablerow-' + (i)) as HTMLElement;
//console.log('tablerow', i, tableRow);
if(tableRow != null) {
if(tableRow.style.display != 'none') {
//console.log('tablerow setting', e.currentTarget.checked, (arrCheckBoxes[i] as HTMLInputElement));
(arrCheckBoxes[i] as HTMLInputElement).checked = e.currentTarget.checked;
if(e.currentTarget.checked) {
if(!this.selectedCbs.includes(i + '')) {
this.selectedCbs.push(i + '');
}
} else {
this.selectedCbs = [];
}
}
}
}
//console.log('checkedarr', this.selectedCbs);
});
for(var j = 0; j < extraFields.length; j++) {
const inputArrJ = (divElement as HTMLDivElement).querySelectorAll('.extra-field-'+j) as NodeListOf;
for(var k = 0; k < inputArrJ.length; k++) {
inputArrJ[k].addEventListener('keyup', (e: any) => {
((divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement).disabled = false;
if(e.key == "Enter") {
this.applyAndReloadTagging(e,colName, taggingArray, sourceArray, divElement);
const activeIndex = e.target.id.split('-')[2];
for(var count = 0; count < sourceArray.data.mappings.mappings.length; count++) {
taggingArray.data.mappings.mappings[count].extraFields = [];
if(this.selectedCbs.length > 0 && this.selectedCbs.includes(count + "")) {
for(var l = 0; l < extraFields.length; l++) {
const inputExtraField = ((divElement as HTMLDivElement).querySelector('#extra-field-'+activeIndex+'-'+l) as HTMLInputElement);
taggingArray.data.mappings.mappings[count].extraFields.push(inputExtraField.value)
}
} else {
for(var l = 0; l < extraFields.length; l++) {
const inputExtraField = ((divElement as HTMLDivElement).querySelector('#extra-field-'+count+'-'+l) as HTMLInputElement);
taggingArray.data.mappings.mappings[count].extraFields.push(inputExtraField.value)
}
}
}
this.renderTaggingTable(divElement, sourceArray, taggingArray, sourceCols, uploadFunction, refreshFunction, colName, uniqCols,apiIdDropdown, dropdownSearchPhrase, mandatoryFields, jobs, anotherProjection, extraFields, _arrFeedbackReference, proposedUsersLabel, subfilter)
}
// this.saveTagging(taggingArray.data.mappings, uploadFunction, refreshFunction, true);
});
inputArrJ[k].addEventListener('focusout', (e: any) => {
this.applyAndReloadTagging(e,colName, taggingArray, sourceArray, divElement);
const activeIndex = e.target.id.split('-')[2];
for(var count = 0; count < sourceArray.data.mappings.mappings.length; count++) {
taggingArray.data.mappings.mappings[count].extraFields = [];
if(this.selectedCbs.length > 0 && this.selectedCbs.includes(count + "")) {
for(var l = 0; l < extraFields.length; l++) {
const inputExtraField = ((divElement as HTMLDivElement).querySelector('#extra-field-'+activeIndex+'-'+l) as HTMLInputElement);
taggingArray.data.mappings.mappings[count].extraFields.push(inputExtraField.value)
}
} else {
for(var l = 0; l < extraFields.length; l++) {
const inputExtraField = ((divElement as HTMLDivElement).querySelector('#extra-field-'+count+'-'+l) as HTMLInputElement);
taggingArray.data.mappings.mappings[count].extraFields.push(inputExtraField.value)
}
}
}
this.renderTaggingTable(divElement, sourceArray, taggingArray, sourceCols, uploadFunction, refreshFunction, colName, uniqCols,apiIdDropdown, dropdownSearchPhrase, mandatoryFields, jobs, anotherProjection, extraFields, _arrFeedbackReference, proposedUsersLabel, subfilter)
});
}
}
const multiArr = (divElement as HTMLDivElement).querySelectorAll('.tags-input') as NodeListOf;
for(var i = 0; i < multiArr.length; i++) {
if(apiIdDropdown.length > 0) {
for(var j = 0; j < taggingArray.data.mappings.mappings.length; j++) {
var equal = true;
for(var k = 0; k < uniqCols.length; k++) {
if(sourceArray.data.mappings.mappings[i] != null && taggingArray.data.mappings.mappings[j] != null) {
if(sourceArray.data.mappings.mappings[i][uniqCols[k]] != taggingArray.data.mappings.mappings[j][uniqCols[k]]) {
equal = false;
}
}
}
// if(taggingArray.data.mappings.mappings[j].id == "62330e24-298d-4ef2-9449-c0e400e37cac" && equal) {
if(taggingArray.data.mappings.mappings[j].id == "62330e24-298d-4ef2-9449-c0e400e37cac") {
// console.log('rendertagging', taggingArray.data.mappings.mappings[j], sourceArray.data.mappings.mappings[i]);
console.log('rendertagging', taggingArray.data.mappings.mappings[j]);
}
if(equal) {
(multiArr[i] as SfIForm).preselectedValues = JSON.stringify(taggingArray.data.mappings.mappings[j][colName]);
if(taggingArray.data.mappings.mappings[j][colName] != null && taggingArray.data.mappings.mappings[j][colName].length > 0) {
((multiArr[i] as SfIForm).parentElement as HTMLTableCellElement).setAttribute("part", "row-mapped");
}
}
}
// for(var j = 0; j < taggingArray.data.mappings.mappings.length; j++) {
// var equal = true;
// for(var k = 0; k < uniqCols.length; k++) {
// if(sourceArray.data.mappings.mappings[i] != null && taggingArray.data.mappings.mappings[j] != null) {
// if(sourceArray.data.mappings.mappings[i][uniqCols[k]] != taggingArray.data.mappings.mappings[j][uniqCols[k]]) {
// equal = false;
// }
// }
// }
// if(taggingArray.data.mappings.mappings[i].id == "fdea6e4a-9d47-4042-916f-724c51f465c1") {
// //console.log('rendertagging', taggingArray.data.mappings.mappings[i], sourceArray.data.mappings.mappings[i]);
// }
// if(equal) {
// (multiArr[i] as SfIForm).preselectedValues = JSON.stringify(taggingArray.data.mappings.mappings[j][colName]);
// if(taggingArray.data.mappings.mappings[j][colName].length > 0) {
// ((multiArr[i] as SfIForm).parentElement as HTMLTableCellElement).setAttribute("part", "row-mapped");
// }
// }
// }
//console.log('preselect', multiArr[i]);
multiArr[i].addEventListener('valueChanged', async ( e: any ) => {
((divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement).disabled = false;
this.applyAndReloadTagging(e,colName, taggingArray, sourceArray, divElement);
// this.renderTaggingTable(divElement, sourceArray, taggingArray, sourceCols, uploadFunction, refreshFunction, colName, uniqCols,apiIdDropdown, dropdownSearchPhrase, mandatoryFields, jobs, anotherProjection, extraFields, arrFeedbackReference, proposedUsersLabel, subfilter);
});
} else {
for(var j = 0; j < taggingArray.data.mappings.mappings.length; j++) {
var equal = true;
for(var k = 0; k < uniqCols.length; k++) {
if(sourceArray.data.mappings.mappings[i] != null && taggingArray.data.mappings.mappings[j] != null) {
if(sourceArray.data.mappings.mappings[i][uniqCols[k]] != taggingArray.data.mappings.mappings[j][uniqCols[k]]) {
equal = false;
}
}
}
if(taggingArray.data.mappings.mappings[j].id == "89cbfcab-b1a9-4a33-a59b-da3c1210dfd2" && taggingArray.data.mappings.mappings[j].locationid == "a5fd6c0c-7743-4fd2-b8d9-1d5e53fbaefa" && equal) {
// console.log('rendertagging', taggingArray.data.mappings.mappings[j], sourceArray.data.mappings.mappings[i]);
console.log('rendertagging', i, j, taggingArray.data.mappings.mappings[j], equal);
}
if(equal) {
if(taggingArray.data.mappings.mappings[j] != null) {
(multiArr[i] as HTMLInputElement).value = taggingArray.data.mappings.mappings[j][colName];
}
}
}
multiArr[i].addEventListener('keyup', async (e: any) => {
if(e.key == "Enter") {
((divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement).disabled = false;
this.applyAndReloadTagging(e,colName, taggingArray, sourceArray, divElement);
// this.renderTaggingTable(divElement, sourceArray, taggingArray, sourceCols, uploadFunction, refreshFunction, colName, uniqCols,apiIdDropdown, dropdownSearchPhrase, mandatoryFields, jobs, anotherProjection, extraFields, arrFeedbackReference, proposedUsersLabel, subfilter)
}
});
multiArr[i].addEventListener('focusout', async (e: any) => {
((divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement).disabled = false;
this.applyAndReloadTagging(e,colName, taggingArray, sourceArray, divElement);
// this.renderTaggingTable(divElement, sourceArray, taggingArray, sourceCols, uploadFunction, refreshFunction, colName, uniqCols,apiIdDropdown, dropdownSearchPhrase, mandatoryFields, jobs, anotherProjection, extraFields, arrFeedbackReference, proposedUsersLabel, subfilter)
});
}
}
const buttonApply = (divElement as HTMLDivElement).querySelector('.button-apply') as HTMLButtonElement;
buttonApply.addEventListener('click', () => {
// console.log('applied');
// this.applyAndReloadTagging(e,colName, taggingArray, sourceArray, divElement);
this.renderTaggingTable(divElement, sourceArray, taggingArray, sourceCols, uploadFunction, refreshFunction, colName, uniqCols,apiIdDropdown, dropdownSearchPhrase, mandatoryFields, jobs, anotherProjection, extraFields, _arrFeedbackReference, proposedUsersLabel, subfilter)
})
const buttonToggleMoreBack = (divElement as HTMLDivElement).querySelector('.button-toggle-more-back') as HTMLButtonElement;
const buttonToggleMore = (divElement as HTMLDivElement).querySelector('.button-toggle-more') as HTMLButtonElement;
buttonToggleMore.addEventListener('click', async (ev: any) => {
ev.target.classList.add('hide');
buttonToggleMoreBack.classList.remove('hide');
const buttonDownloadBackups = (divElement as HTMLDivElement).querySelector('.button-download-backups') as HTMLButtonElement;
buttonDownloadBackups.style.display = 'flex';
const buttonExportMapping = (divElement as HTMLDivElement).querySelector('.button-export-mapping') as HTMLButtonElement;
buttonExportMapping.style.display = 'flex';
const buttonExportMappingCSV = (divElement as HTMLDivElement).querySelector('.button-export-mapping-csv') as HTMLButtonElement;
buttonExportMappingCSV.style.display = 'flex';
// const buttonApply = (divElement as HTMLDivElement).querySelector('.button-apply') as HTMLButtonElement;
// buttonApply.style.display = 'flex';
const buttonLoadLocal = (divElement as HTMLDivElement).querySelector('.button-local-load') as HTMLButtonElement;
buttonLoadLocal.style.display = 'flex';
const buttonSaveLocal = (divElement as HTMLDivElement).querySelector('.button-local-save') as HTMLButtonElement;
buttonSaveLocal.style.display = 'flex';
// const buttonSave = (divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement;
// buttonSave.style.display = 'flex';
const buttonDownloadBackupsNew = Util.clearListeners(buttonDownloadBackups);
buttonDownloadBackupsNew.addEventListener('click', async () => {
const result = await this.fetchGetStoredMapping(colName);
for(var i = 0; i < result.data.length; i++) {
const blob = new Blob([result.data[i].mappings != null ? JSON.stringify(result.data[i].mappings) : JSON.stringify(result.data[i])], { type: 'text/html' });
const url = window.URL.createObjectURL(blob)
const a = document.createElement('a')
a.setAttribute('href', url)
a.setAttribute('download', 'report_'+colName+'_'+i+'.json');
a.click()
}
(buttonToggleMoreBack as HTMLButtonElement).click();
if(result.data.length === 0) {
this.setError("No backups found!")
setTimeout(() => {
this.clearMessages();
}, 3000);
}
});
const buttonExportMappingNew = Util.clearListeners(buttonExportMapping);
buttonExportMappingNew.addEventListener('click', async () => {
let valueStr : string [] = [];
for(var i = 0; i < multiArr.length; i++) {
if(apiIdDropdown.length > 0) {
for(var j = 0; j < taggingArray.data.mappings.mappings.length; j++) {
var equal = true;
for(var k = 0; k < uniqCols.length; k++) {
if(sourceArray.data.mappings.mappings[i] != null && taggingArray.data.mappings.mappings[j] != null) {
if(sourceArray.data.mappings.mappings[i][uniqCols[k]] != taggingArray.data.mappings.mappings[j][uniqCols[k]]) {
equal = false;
}
}
}
if(equal) {
valueStr.push(JSON.stringify(taggingArray.data.mappings.mappings[j][colName]));
}
}
} else {
if(taggingArray.data.mappings.mappings[i] != null) {
valueStr.push(taggingArray.data.mappings.mappings[i][colName]);
} else {
valueStr.push('');
}
}
}
//console.log('valueStr', valueStr);
const valuesHTML = JSON.stringify(valueStr);
const outerHTML = 'This extract is generated on '+new Date()+' ' + ((divElement as HTMLDivElement).querySelector('#span-filtered') as HTMLHeadingElement).outerHTML + ''+ ((divElement as HTMLDivElement).querySelector('#mapped-stats-title') as HTMLHeadingElement).outerHTML+' ' + ((divElement as HTMLDivElement).querySelector('#table-data') as HTMLTableElement).outerHTML;
let tableHTML = this.TAGGING_HTML.replace(/TABLE_DATA/g, outerHTML);
tableHTML = tableHTML.replace(/TABLE_VALUES/g, valuesHTML);
const blob = new Blob([tableHTML], { type: 'text/html' });
const url = window.URL.createObjectURL(blob)
const a = document.createElement('a')
a.setAttribute('href', url)
a.setAttribute('download', 'mapping_'+colName+'_'+new Date().getTime()+'.html');
a.click()
});
const buttonExportMappingCSVNew = Util.clearListeners(buttonExportMappingCSV);
buttonExportMappingCSVNew?.addEventListener('click', async () => {
let csvArray = JSON.parse(JSON.stringify(taggingArray.data.mappings.mappings))
for(let [i, obj] of csvArray.entries()){
let tempCsvObj = obj
if(obj['cols'] != null && obj['data'] != null){
let dataArr = JSON.parse(obj['data'])
let colsArr = JSON.parse(obj['cols'])
for(let [j, colKey] of colsArr.entries()){
tempCsvObj['cols_' + colKey] = dataArr[j]
}
}
csvArray[i] = tempCsvObj
}
console.log('csv array', csvArray)
let csvData = Util.convertToCSV(csvArray);
// let csvData = Util.convertToCSV(taggingArray.data.mappings.mappings);
console.log('csvData', csvData);
const blob = new Blob([csvData], { type: 'text/csv;charset=utf-8;'});
const url = window.URL.createObjectURL(blob)
const a = document.createElement('a')
a.setAttribute('href', url)
a.setAttribute('download', 'mapping_'+colName+'_'+new Date().getTime()+'.csv');
a.click()
})
const buttonLoadLocalNew = Util.clearListeners(buttonLoadLocal);
buttonLoadLocalNew?.addEventListener('click', async () => {
console.log('load-local');
((divElement as HTMLDivElement).querySelector('#fileInput') as HTMLInputElement).click();
});
const fileInput = (divElement as HTMLDivElement).querySelector('#fileInput') as HTMLButtonElement;
fileInput.value = '';
const fileInputNew = Util.clearListeners(fileInput);
fileInputNew.addEventListener('change', (e: any) => {
var fr=new FileReader();
fr.onload = () => {
this.renderTaggingTable(divElement, sourceArray, JSON.parse(fr.result + ""), sourceCols, uploadFunction, refreshFunction, colName, uniqCols,apiIdDropdown, dropdownSearchPhrase, mandatoryFields, jobs, anotherProjection, extraFields, _arrFeedbackReference, proposedUsersLabel, subfilter);
};
var frCsv = new FileReader();
frCsv.onload = () => {
console.log('taggingarray onload called');
console.log('csv result', frCsv.result);
const tempArr = Util.parseCsv(frCsv.result + "");
console.log('csv data', tempArr)
let changeCount = 0;
for(let [i,obj] of tempArr.entries()){
if(JSON.stringify(taggingArray.data.mappings.mappings[i]) !== JSON.stringify(obj)){
// console.log('item changed', taggingArray.data.mappings.mappings[i], obj)
let changedId = ""
for(let [k,col] of uniqCols.entries()){
changedId += taggingArray.data.mappings.mappings[i][col];
if(k < (uniqCols.length - 1)){
changedId += ";"
}
}
// this.changedOnboardingItemIds.push(taggingArray.data.mappings.mappings[i].id + ";" + taggingArray.data.mappings.mappings[i].entityid + ";" + taggingArray.data.mappings.mappings[i].locationid)
this.changedOnboardingItemIds.push(changedId)
changeCount++
}
}
this.setSuccessBtn( changeCount + " items changed. Do you wish to apply?",["No","Yes"],[
()=>{
this.clearMessages();
this.changedOnboardingItemIds = [];
(buttonToggleMoreBack as HTMLButtonElement).click();
},
()=>{
this.clearMessages();
let tempObj:any = {}
tempObj["data"] = {}
// let mappingsObj:any = {}
// mappingsObj.mappings = tempArr
// console.log('csv mappingsobj', mappingsObj)
tempObj["data"]["mappings"] = {}
tempObj["data"]["mappings"]["mappings"] = tempArr
// for(let tempItem of tempArr){
// tempObj["data"]["mappings"]["mappings"].push(tempItem)
// }
// tempObj.data.mappings.mappings.push("pqrs")
let tempObjStr = JSON.stringify(tempObj)
// console.log('csv taggingarray tempobj', tempObj, tempObjStr, tempObj.data.mappings.mappings[0])
console.log('csv taggingarray cols', uniqCols, JSON.parse(tempObjStr)["data"]["mappings"]["mappings"].length, Object.keys(tempObj.data.mappings.mappings[0]))
this.renderTaggingTable(divElement, sourceArray, JSON.parse(tempObjStr), sourceCols, uploadFunction, refreshFunction, colName, uniqCols,apiIdDropdown, dropdownSearchPhrase, mandatoryFields, jobs, anotherProjection, extraFields, _arrFeedbackReference, proposedUsersLabel, subfilter);
}
])
// let tempObj:any = {"data":{"mappings":{"mappings":tempArr}}}
// let tempObj:{data:{mappings:{mappings:any[]}}} = {data:{mappings:{mappings:tempArr}}}
}
if(e.target.files[0].name.toLowerCase().indexOf(colName.toLowerCase()) >= 0) {
let ext = e.target.files[0].name.split('.')[e.target.files[0].name.split('.').length - 1]
if(ext.toLowerCase() == "csv"){
frCsv.readAsText(e.target.files[0]);
}else{
fr.readAsText(e.target.files[0]);
}
}
})
const buttonSaveLocalNew = Util.clearListeners(buttonSaveLocal);
buttonSaveLocalNew?.addEventListener('click', async () => {
console.log('save-local');
const blob = new Blob([JSON.stringify(taggingArray)], { type: 'text/plain' });
const url = window.URL.createObjectURL(blob)
const a = document.createElement('a')
a.setAttribute('href', url)
a.setAttribute('download', 'mapping_'+colName+'_'+new Date().toLocaleString()+'.txt');
a.click()
});
});
buttonToggleMoreBack.addEventListener('click', async (ev: any) => {
ev.target.classList.add('hide');
buttonToggleMore.classList.remove('hide');
const buttonDownloadBackups = (divElement as HTMLDivElement).querySelector('.button-download-backups') as HTMLButtonElement;
buttonDownloadBackups.style.display = 'none';
const buttonExportMapping = (divElement as HTMLDivElement).querySelector('.button-export-mapping') as HTMLButtonElement;
buttonExportMapping.style.display = 'none';
const buttonExportMappingCSV = (divElement as HTMLDivElement).querySelector('.button-export-mapping-csv') as HTMLButtonElement;
buttonExportMappingCSV.style.display = 'none';
// const buttonApply = (divElement as HTMLDivElement).querySelector('.button-apply') as HTMLButtonElement;
// buttonApply.style.display = 'none';
const buttonLoadLocal = (divElement as HTMLDivElement).querySelector('.button-local-load') as HTMLButtonElement;
buttonLoadLocal.style.display = 'none';
const buttonSaveLocal = (divElement as HTMLDivElement).querySelector('.button-local-save') as HTMLButtonElement;
buttonSaveLocal.style.display = 'none';
// const buttonSave = (divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement;
// buttonSave.style.display = 'none';
});
// const buttonLoadLocal = (divElement as HTMLDivElement).querySelector('.button-local-load') as HTMLButtonElement;
// buttonLoadLocal?.addEventListener('click', async () => {
// console.log('load-local');
// ((divElement as HTMLDivElement).querySelector('#fileInput') as HTMLInputElement).click();
// });
// const buttonSaveLocal = (divElement as HTMLDivElement).querySelector('.button-local-save') as HTMLButtonElement;
// buttonSaveLocal?.addEventListener('click', async () => {
// console.log('save-local');
// const blob = new Blob([JSON.stringify(taggingArray)], { type: 'text/plain' });
// const url = window.URL.createObjectURL(blob)
// const a = document.createElement('a')
// a.setAttribute('href', url)
// a.setAttribute('download', 'mapping_'+colName+'_'+new Date().toLocaleString()+'.txt');
// a.click()
// });
const buttonSave = (divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement;
buttonSave?.addEventListener('click', async () => {
await this.saveTagging(taggingArray.data.mappings, uploadFunction, refreshFunction, false);
});
const buttonCancel = (divElement as HTMLDivElement).querySelector('.button-cancel') as HTMLButtonElement;
buttonCancel?.addEventListener('click', async () => {
//console.log('cancel clicked');
await this.fetchCancelOnboardingJob(colName);
refreshFunction();
});
const cbArr = (divElement as HTMLDivElement).querySelectorAll('.cb-select') as NodeListOf;
for(i = 0; i < cbArr.length; i++) {
cbArr[i].addEventListener('change', (ev: any) => {
const cbSelectId = ev.currentTarget.id;
const cbSelectIndex = cbSelectId.split('-')[1];
if(!this.selectedCbs.includes(cbSelectIndex)) {
this.selectedCbs.push(cbSelectIndex);
} else {
this.selectedCbs.splice(this.selectedCbs.indexOf(cbSelectIndex), 1);
}
//console.log(this.selectedCbs);
})
}
// const arrExtraFields = (divElement as HTMLDivElement).querySelectorAll('.extra-field') as NodeListOf;
// var totalFields = 0;
// var filledFields = 0;
// for(var i = 0; i < arrExtraFields.length; i++) {
// const extraField = arrExtraFields[i] as HTMLInputElement;
// if(extraField.parentElement?.parentElement?.style.display != "none") {
// if(extraField.value != "") {
// filledFields++;
// }
// totalFields++;
// }
// }
if((divElement as HTMLDivElement).querySelector("#span-extra-filled") != null) {
//(divElement as HTMLDivElement).querySelector("#span-extra-filled")!.innerHTML = "Fields: " + filledFields + "/" + totalFields + " completed";
//console.log('Total fields = ' + totalFields + ', filled fields = ' + filledFields);
}
this.changedOnboardingItemIds = []
}
renderMappingTable = (divElement: any, jsonData: Array, cursor: Array, fetchFunction: any, searchString: string, mappedArray: any, found: number, uploadFunction: any, refreshFunction: any, extraFields: Array, uploadBlock: number, extraFieldPosition: number, colName: string, subfilter: string, statuteColName: string, extraHintsArr: Array) => {
console.log('cols1', jsonData);
// console.log('cols', jsonData[0].data.cols);
//console.log('divelement', divElement);
//console.log('jsonData', jsonData);
//console.log('cursor', cursor);
//console.log('fetch', fetchFunction);
//console.log('searchstring', searchString);
//console.log('subfiltervalue', subfilter);
const arrCompliancesFrequencies : any = {};
if(jsonData.length === 0) return;
this.selectedCbs = [];
let colCountry = -1;
let colState = -1;
let colSubcategory = -1;
let colStatute = -1;
const unfilteredDict : any [] = [];
var html = '';
html += '';
html += '
Total Items ('+found+') ';
html += '';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
Row Details
';
html += '
close ';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
expand_more expand_less
'
html += '
file_save Download Backups export_notes Export Mapping
'
html += '
';
html += (this.disablesave == "yes" ? '' : '
Save ');
html += '
';
html += '
';
html += '';
html += ''
// html += 'Select';
html += '
';
html += ' '
html += ''
html += 'View
';
html += ' '
if(extraFieldPosition === 0) {
for(var i = 0; i < extraFields.length; i++) {
html += ''
html += extraFields[i];
html += ' '
}
}
if(colName.toLowerCase() == "compliances") {
html += ''
html += 'Proposed Users';
html += ' '
}
html += ''
html += 'Id';
html += ' '
// for(var j = 0; j < JSON.parse(jsonData[0].data.cols).length; j++) {
// if(jsonData[0].cols.includes(JSON.parse(jsonData[0].data.cols)[j])) {
// html += ''
// html += JSON.parse(jsonData[0].data.cols)[j]
// html += ' '
// }
// }
for(var j = 0; j < jsonData[0].cols.length; j++) {
html += ''
// html += jsonData[0].cols[j]
html += ' '
}
if(extraFieldPosition === 1) {
for(var i = 0; i < extraFields.length; i++) {
html += ''
html += extraFields[i];
html += ' '
}
}
html += ' '
//console.log('colstate', JSON.parse(jsonData[0].data.cols));
for(var i = 0; i < JSON.parse(jsonData[0].data.cols).length; i++) {
if(JSON.parse(jsonData[0].data.cols)[i].toLowerCase() == "country") {
console.log('colstate country', JSON.parse(jsonData[0].data.cols)[i].toLowerCase(), i);
colCountry = i;
}
if(JSON.parse(jsonData[0].data.cols)[i].toLowerCase() == "state") {
//console.log('colstate state', JSON.parse(jsonData[0].data.cols)[i].toLowerCase(), i);
colState = i;
}
if(JSON.parse(jsonData[0].data.cols)[i].toLowerCase() == "subcategory") {
//console.log('colstate subcategory', JSON.parse(jsonData[0].data.cols)[i].toLowerCase(), i);
colSubcategory = i;
}
if(JSON.parse(jsonData[0].data.cols)[i].toLowerCase() == statuteColName) {
//console.log('colstate statute', JSON.parse(jsonData[0].data.cols)[i].toLowerCase(), i);
colStatute = i;
}
}
//var countExtra0 = 0;
var countextra = [];
var subfiltered = 0;
html += ''
var mappedCount = 0;
for(let level = 0; level < 2; level++) {
for(var i = 0; i < jsonData.length; i++) {
//console.log('subfilter value before', subfiltered);
let tempColCountry = -1;
let tempColState = -1;
let tempColStatute = -1;
let tempColSubcategory = -1;
if(JSON.parse(jsonData[0].data.cols)[0] == ('lastModifiedBy')) {
if(JSON.parse(jsonData[i].data.cols)[0] != ('lastModifiedBy')) {
tempColCountry = colCountry - 2;
tempColState = colState - 2;
tempColStatute = colStatute - 2;
tempColSubcategory = colSubcategory - 2;
} else {
tempColCountry = colCountry;
tempColState = colState;
tempColStatute = colStatute;
tempColSubcategory = colSubcategory;
}
} else {
if(JSON.parse(jsonData[i].data.cols)[0] == ('lastModifiedBy')) {
tempColCountry = colCountry + 2;
tempColState = colState + 2;
tempColStatute = colStatute + 2;
tempColSubcategory = colSubcategory + 2;
} else {
tempColCountry = colCountry;
tempColState = colState;
tempColStatute = colStatute;
tempColSubcategory = colSubcategory;
}
}
if(JSON.parse(jsonData[i].data.data)[tempColCountry].length === 0 && level === 1) {
html += '';
html += '';
html += '
';
html += ' ';
html += '';
html += 'open_in_new
';
html += ' ';
for(var j = 0; j < extraFields.length; j++) {
html += '';
html += '';
html += ' ';
if(j === 0) {
//countExtra0++;
countextra.push(i);
}
}
if(colName.toLowerCase() == "compliances") {
html += '';
html += JSON.stringify(jsonData[i].previousExtraFields);
html += ' ';
}
html += '';
html += ' ';
html += ' ';
continue;
}
var showSearch = false;
if(subfilter == "") {
showSearch = true;
} else {
for(var j = 0; j < extraFields.length; j++) {
try {
if(jsonData[i].extraFields != null && jsonData[i].extraFields[j] != null && jsonData[i].extraFields[j].toLowerCase().indexOf(subfilter.toLowerCase()) >= 0) {
showSearch = true;
subfiltered++;
break;
}
} catch (e) {
}
try {
if(jsonData[i].extraFields != null && jsonData[i].extraFields[j] != null && JSON.stringify(jsonData[i].extraFields[j]).toLowerCase().indexOf(subfilter.toLowerCase()) >= 0) {
showSearch = true;
subfiltered++;
break;
}
} catch (e) {
}
}
if(!showSearch) {
for(var j = 0; j < JSON.parse(jsonData[i].data.cols).length; j++) {
if(jsonData[i].cols.includes(JSON.parse(jsonData[i].data.cols)[j])) {
if(Array.isArray(JSON.parse(jsonData[i].data.data)[j])) {
var tempCount = subfiltered;
for(var k = 0; k < JSON.parse(jsonData[i].data.data)[j].length; k++) {
if(JSON.parse(jsonData[i].data.data)[j][k].toLowerCase().indexOf(subfilter.toLowerCase()) >= 0) {
showSearch = true;
//console.log('subfilter value inside 1', subfiltered);
subfiltered++;
break;
}
}
if(subfiltered > tempCount) break;
} else {
if(JSON.parse(jsonData[i].data.data)[j].toLowerCase().indexOf(subfilter.toLowerCase()) >= 0) {
showSearch = true;
//console.log('subfilter value inside 2', subfiltered);
subfiltered++;
break;
}
}
}
}
}
}
//console.log('subfilter value', subfiltered);
var classBg = "";
if(i%2 === 0) {
classBg = 'td-light';
} else {
classBg = 'td-dark';
}
var mapped = "";
if(jsonData[i].mapped) {
mapped = "checked";
this.selectedCbs.push(i);
}
if((level == 0 && jsonData[i].mapped) || (level == 1 && !jsonData[i].mapped)) {
if((level == 0 && jsonData[i].mapped)) {
mappedCount++;
}
if(arrCompliancesFrequencies[jsonData[i].id] == null) {
arrCompliancesFrequencies[jsonData[i].id] = 0;
} else {
arrCompliancesFrequencies[jsonData[i].id]++;
}
html += '';
html += '';
html += '
';
html += ' ';
html += '';
html += 'open_in_new
';
let locationsForThisItem: any = [];
if(JSON.parse(jsonData[i].data.data)[tempColState].length > 0) {
locationsForThisItem = this.getLocationsByState(JSON.parse(jsonData[i].data.data)[tempColCountry][0], JSON.parse(jsonData[i].data.data)[tempColState][0], JSON.parse(jsonData[i].data.data)[tempColStatute]);
} else {
//console.log(JSON.parse(jsonData[i].data.data)[colStatute]);
locationsForThisItem = this.getLocationsByCountry(JSON.parse(jsonData[i].data.data)[tempColCountry][0], JSON.parse(jsonData[i].data.data)[tempColStatute]);
}
if(extraFieldPosition === 0) {
for(var j = 0; j < extraFields.length; j++) {
html += ' ';
const strLocationsForThisItem = JSON.stringify(locationsForThisItem).replace(/"/g,'"');
const valuesForThisItem = (jsonData[i].extraFields != null ? (jsonData[i].extraFields[j] != null ? jsonData[i].extraFields[j] : "") : "");
let strValuesForThisItem: string = "";
strValuesForThisItem = JSON.stringify(valuesForThisItem).replace(/"/g,'"');
html += '
';
// html += '
';
// html += '
';
html += ' ';
}
/*
for(var j = 0; j < extraFields.length; j++) {
html += '';
let locationsForThisItem: any = '';
if(JSON.parse(jsonData[i].data.data)[colState].length > 0) {
locationsForThisItem = this.getLocationsByState(JSON.parse(jsonData[i].data.data)[colCountry][0], JSON.parse(jsonData[i].data.data)[colState][0], JSON.parse(jsonData[i].data.data)[colStatute][0]);
} else {
locationsForThisItem = this.getLocationsByCountry(JSON.parse(jsonData[i].data.data)[colCountry][0], JSON.parse(jsonData[i].data.data)[colStatute][0]);
}
const strLocationsForThisItem = JSON.stringify(locationsForThisItem).replace(/"/g,'"');
const valuesForThisItem = (jsonData[i].extraFields != null ? (jsonData[i].extraFields[j] != null ? jsonData[i].extraFields[j] : "") : "");
let strValuesForThisItem: string = "";
strValuesForThisItem = JSON.stringify(valuesForThisItem).replace(/"/g,'"');
// try {
// JSON.parse(valuesForThisItem);
// strValuesForThisItem = JSON.stringify(valuesForThisItem).replace(/"/g,'"');
// //console.log('locationsForThisItem 1', JSON.stringify(locationsForThisItem), strValuesForThisItem);
// } catch (e: any) {
// strValuesForThisItem = "";
// }
//console.log('locationsForThisItem', JSON.stringify(locationsForThisItem));
html += '
';
// html += '
';
// html += '
';
html += ' ';
if(j === 0) {
countExtra0++;
}
}
*/
}
if(colName.toLowerCase() == "compliances") {
var userHtml = '';
userHtml = this.getPreviousExtraFields(i, jsonData[i].previousExtraFields, locationsForThisItem, showSearch)
html += '';
html += userHtml
html += ' ';
}
html += '';
html += '
';
html += ' ';
//let data = JSON.parse(jsonData[i].fields.data);
for(var j = 0; j < JSON.parse(jsonData[i].data.cols).length; j++) {
if(jsonData[i].cols.includes(JSON.parse(jsonData[i].data.cols)[j])) {
html += '';
html += ''
html += '
';
let filterMatch: any = null;
filterMatch = this.matchesOnBoardingFilter(JSON.parse(jsonData[i].data.data)[tempColCountry][0], JSON.parse(jsonData[i].data.data)[tempColState].length > 0 ? JSON.parse(jsonData[i].data.data)[tempColState][0] : "", JSON.parse(jsonData[i].data.data)[tempColSubcategory].length > 0 ? JSON.parse(jsonData[i].data.data)[tempColSubcategory][0] : "", Array.isArray(JSON.parse(jsonData[i].data.data)[tempColStatute]) ? JSON.parse(jsonData[i].data.data)[tempColStatute][0] : JSON.parse(jsonData[i].data.data)[tempColStatute]);
if(jsonData[i].id == "f724e2b9-451a-49ec-85ba-2b099f433c73") {
console.log('filtermatch', filterMatch);
}
if(filterMatch) {
if(!unfilteredDict.includes(i)) {
unfilteredDict.push(i);
}
}
// if(JSON.parse(jsonData[i].data.cols)[j] == "statute") {
// html += '
filter_list ';
// }
html += ('
'+JSON.parse(jsonData[i].data.cols)[j]+'
');
if(Array.isArray(JSON.parse(jsonData[i].data.data)[j])) {
for(var k = 0; k < JSON.parse(jsonData[i].data.data)[j].length; k++) {
html += ('
');
//console.log('Considering', JSON.parse(jsonData[i].data.cols)[j], jsonData[i].cols, j, JSON.parse(jsonData[i].data.data)[j], '
');
}
} else {
html += ('
')
//console.log('Considering', JSON.parse(jsonData[i].data.cols)[j], jsonData[i].cols, j, JSON.parse(jsonData[i].data.data)[j], '
');
}
html += '
';
html += '
';
}
}
for(var k = 0; k < jsonData[i].cols.length; k++) {
if(JSON.parse(jsonData[i].data.cols).includes(jsonData[i].cols[k])) {
} else {
html += '';
let locationsForThisItem: any = [];
if(JSON.parse(jsonData[i].data.data)[tempColState].length > 0) {
locationsForThisItem = this.getLocationsByState(JSON.parse(jsonData[i].data.data)[tempColCountry][0], JSON.parse(jsonData[i].data.data)[tempColState][0], JSON.parse(jsonData[i].data.data)[tempColStatute]);
} else {
//console.log(JSON.parse(jsonData[i].data.data)[colStatute]);
locationsForThisItem = this.getLocationsByCountry(JSON.parse(jsonData[i].data.data)[tempColCountry][0], JSON.parse(jsonData[i].data.data)[tempColStatute]);
}
const strLocationsForThisItem = JSON.stringify(locationsForThisItem).replace(/"/g,'"');
const valuesForThisItem = (jsonData[i].extraFields != null ? (jsonData[i].extraFields[j] != null ? jsonData[i].extraFields[j] : "") : "");
let strValuesForThisItem: string = "";
strValuesForThisItem = JSON.stringify(valuesForThisItem).replace(/"/g,'"');
html += '
';
// html += '
';
// html += '
';
html += ' ';
}
}
html += ' ';
}
}
}
html += ' '
html += '
';
//console.log('countextra', countExtra0, countextra);
console.log('arrCompliancesFrequencies', arrCompliancesFrequencies);
divElement.innerHTML = html;
if(unfilteredDict.length > 0) {
var html = '';
html += 'Items In Your Category (' + unfilteredDict.length + ")
";
html += this.getFilterOnboardingString();
((divElement as HTMLDivElement).querySelector('#span-filtered') as HTMLDivElement).innerHTML = html;
} else {
((divElement as HTMLDivElement).querySelector('#span-filtered') as HTMLDivElement).style.display = 'none';
}
if(subfiltered > 0) {
((divElement as HTMLDivElement).querySelector('#div-subfiltered') as HTMLDivElement).innerHTML = 'Filtered Results ('+subfiltered+') ';
}
if(this.getfilterOnboarding().length > 0) {
for(var i = 0; i < jsonData.length; i++) {
if(!unfilteredDict.includes(i)) {
const tableRow = (divElement as HTMLDivElement).querySelector('#tablerow-'+i);
if(tableRow != null) {
(tableRow as HTMLTableRowElement).style.display = 'none';
}
}
}
}
// Scroll arrow handlers
const scrollLeft = (divElement as HTMLDivElement).querySelector('#scroll-overlay-left') as HTMLButtonElement;
scrollLeft.addEventListener('click', () => {
//console.log('left');
(this._SfOnboardingStatutesListContainer as HTMLDivElement).scrollLeft -= 150;
});
const scrollRight = (divElement as HTMLDivElement).querySelector('#scroll-overlay-right') as HTMLButtonElement;
scrollRight.addEventListener('click', () => {
//console.log('right');
//var scrollLeft = ((divElement as HTMLDivElement).querySelector('#statutes-list-container') as HTMLDivElement).scrollLeft;
//((divElement as HTMLDivElement).querySelector('#statutes-list-container') as HTMLDivElement).scrollLeft += 100;
(this._SfOnboardingStatutesListContainer as HTMLDivElement).scrollLeft += 150;
});
// Extra field handlers
for(var i = 0; i < extraFields.length; i++) {
const arrExtraFields = (divElement as HTMLDivElement).querySelectorAll('.extra-field-' + i) as NodeListOf;
// console.log('i='+i, arrExtraFields.length)
for(var j = 0; j < arrExtraFields.length; j++) {
// console.log('j='+j, jsonData[j], arrExtraFields.length)
// const extraField = (divElement as HTMLDivElement).querySelector('#extra-field-' + jsonData[j].id + '-' + i);
// extraField?.addEventListener('focusout', () => {
// ((divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement).disabled = false;
// });
// extraField?.addEventListener('keyup', async (_e:any) => {
// if(extraFieldPosition === 1) {
// await this.saveMapping (divElement, uploadBlock, jsonData, extraFields, searchString, uploadFunction, refreshFunction, true)
// }
// });
}
}
// Filter field handlers
const inputFilter = (divElement as HTMLDivElement).querySelector('.input-filter') as HTMLInputElement;
inputFilter.addEventListener('keyup', (e: any) => {
if(e.key == 'Enter') {
//console.log(inputFilter.value);
if(this._SfLoader != null) {
this._SfLoader.innerHTML = '
';
this._SfLoader.innerHTML += ('');
}
setTimeout(() => {
this.renderMappingTable(divElement, jsonData, cursor, fetchFunction, searchString, mappedArray, found, uploadFunction, refreshFunction, extraFields, uploadBlock, extraFieldPosition, colName, inputFilter.value, statuteColName, extraHintsArr)
this._SfLoader.innerHTML = '';
}, 1000);
}
});
// More button handlers
const buttonToggleMoreBack = (divElement as HTMLDivElement).querySelector('.button-toggle-more-back') as HTMLButtonElement;
const buttonToggleMore = (divElement as HTMLDivElement).querySelector('.button-toggle-more') as HTMLButtonElement;
buttonToggleMore.addEventListener('click', async (ev: any) => {
ev.target.classList.add('hide');
buttonToggleMoreBack.classList.remove('hide');
const buttonDownloadBackups = (divElement as HTMLDivElement).querySelector('.button-download-backups') as HTMLButtonElement;
buttonDownloadBackups.style.display = 'flex';
const buttonDownloadBackupsNew = Util.clearListeners(buttonDownloadBackups);
buttonDownloadBackupsNew.addEventListener('click', async () => {
const result = await this.fetchGetStoredMapping(colName);
for(var i = 0; i < result.data.length; i++) {
const blob = new Blob([result.data[i].mappings != null ? JSON.stringify(result.data[i].mappings) : JSON.stringify(result.data[i])], { type: 'text/html' });
const url = window.URL.createObjectURL(blob)
const a = document.createElement('a')
a.setAttribute('href', url)
a.setAttribute('download', 'report_'+colName+'_'+i+'.json');
a.click()
}
(buttonToggleMoreBack as HTMLButtonElement).click();
if(result.data.length === 0) {
this.setError("No backups found!")
setTimeout(() => {
this.clearMessages();
}, 3000);
}
});
const buttonExportMapping = (divElement as HTMLDivElement).querySelector('.button-export-mapping') as HTMLButtonElement;
buttonExportMapping.style.display = 'flex';
//console.log('buttonExportMapping', buttonExportMapping);
const buttonExportMappingNew = Util.clearListeners(buttonExportMapping);
buttonExportMappingNew.addEventListener('click', async () => {
const outerHTML = 'This extract is generated on '+new Date()+' ' + ((divElement as HTMLDivElement).querySelector('#span-filtered') as HTMLHeadingElement).outerHTML + ' Mapped compliances Un-mapped compliances;
for(var i = 0; i < arrFilterPlain.length; i++) {
arrFilterPlain[i].addEventListener('click', (e: any) => {
const value = ((e.currentTarget as HTMLSpanElement).nextSibling as SfIElasticText).text;
((divElement as HTMLDivElement).querySelector('.input-filter') as HTMLInputElement).value = value;
const event = new KeyboardEvent('keyup', {
key: 'Enter',
code: 'Enter',
which: 13,
keyCode: 13,
});
((divElement as HTMLDivElement).querySelector('.input-filter') as HTMLInputElement).dispatchEvent(event);
//console.log('filter click');
})
}
// Expand handlers
const arrExpands = (divElement as HTMLDivElement).querySelectorAll('.button-expand') as NodeListOf;
for(var i = 0; i < arrExpands.length; i++) {
arrExpands[i].addEventListener('click', (e: any) => {
(divElement as HTMLDivElement).querySelector('#detail-overlay')?.classList.remove('hide');
const id = e.currentTarget.id;
const index = id.split("-")[2];
//console.log(id, index);
var html = '';
html += '';
for(var j = 0; j < JSON.parse(jsonData[0].data.cols).length; j++) {
html += '
';
html += ('
' + JSON.parse(jsonData[0].data.cols)[j] + '
');
if(JSON.parse(jsonData[0].data.cols)[j] == "state") {
//console.log('state value', JSON.parse(jsonData[index].data.data)[j]);
}
if(Array.isArray(JSON.parse(jsonData[index].data.data)[j])) {
html += '
';
if(JSON.parse(jsonData[index].data.data)[j].length === 0) {
html += ('-
';
} else {
var val = JSON.parse(jsonData[index].data.data)[j];
if(val == '') {
val = '-';
}
html += ('
' + '
')
}
html += '
';
}
html += '
;
for(var i = 0; i < arrCheckBoxes.length; i++) {
arrCheckBoxes[i].addEventListener('change', async (_e: any) => {
//console.log(e.currentTarget, (e.currentTarget as HTMLInputElement).checked);
((divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement).disabled = false;
if(extraFieldPosition === 1) {
await this.saveMapping (divElement, uploadBlock, jsonData, extraFields, searchString, uploadFunction, refreshFunction, true)
}
});
}
(divElement as HTMLDivElement).querySelector('.checkbox-all')?.addEventListener('change', (e: any) => {
//console.log('cb-length', arrCheckBoxes.length);
for(var i = 0; i < arrCheckBoxes.length; i++) {
const tableRow = (divElement as HTMLDivElement).querySelector('#tablerow-' + (i)) as HTMLElement;
//console.log('tablerow', i, tableRow);
if(tableRow != null) {
if(tableRow.style.display != 'none') {
//console.log('tablerow setting', e.currentTarget.checked, (arrCheckBoxes[i] as HTMLInputElement));
(arrCheckBoxes[i] as HTMLInputElement).checked = e.currentTarget.checked;
}
}
}
((divElement as HTMLDivElement).querySelector('.button-save') as HTMLButtonElement).disabled = false;
});
// Next, previous, save handlers
(this._SfButtonNext as HTMLButtonElement)?.addEventListener('click', async () => {
const resultFunction = await fetchFunction(searchString, cursor[cursor.length - 1].next);
//console.log(resultFunction);
if(resultFunction != null) {
const jsonData1 = [];
for(var i = 0; i < resultFunction.values.length; i++) {
var mapped = false;
for(var j = 0; j < mappedArray.data.mappings.mappings.length; j++) {
if(mappedArray.data.mappings.mappings[j].id == resultFunction.values[i].id) {
if(mappedArray.data.mappings.mappings[j].selected) {
mapped = true;
}
}
}
for(var j = 0; j < mappedArray.data.mappings.mappings.length; j++) {
if(mappedArray.data.mappings.mappings[j].id == resultFunction.values[i].id) {
if(mappedArray.data.mappings.mappings[j].selected) {
mapped = true;
}
}
}
jsonData1.push({id: resultFunction.values[i].id, mapped: mapped, data: resultFunction.values[i].fields, cols: jsonData[0].cols})
}
cursor.push({prev: cursor[cursor.length - 1].next, next: resultFunction.cursor})
this.renderMappingTable(divElement, jsonData1, cursor, fetchFunction, searchString, mappedArray, found, uploadFunction, refreshFunction, extraFields, uploadBlock, extraFieldPosition, colName, subfilter, statuteColName, extraHintsArr)
}
});
(this._SfButtonPrev as HTMLButtonElement)?.addEventListener('click', async () => {
cursor.pop();
const resultFunction = await fetchFunction(searchString, cursor[cursor.length - 1].prev);
//console.log(resultFunction);
if(resultFunction != null) {
const jsonData1 = [];
for(var i = 0; i < resultFunction.values.length; i++) {
var mapped = false;
for(var j = 0; j < mappedArray.data.mappings.mappings.length; j++) {
if(mappedArray.data.mappings.mappings[j].id == resultFunction.values[i].id) {
if(mappedArray.data.mappings.mappings[j].selected) {
mapped = true;
}
}
}
jsonData1.push({id: resultFunction.values[i].id, mapped: mapped, data: resultFunction.values[i].fields, cols: jsonData[0].cols})
}
//console.log('clicked', jsonData1);
this.renderMappingTable(divElement, jsonData1, cursor, fetchFunction, searchString, mappedArray, found, uploadFunction, refreshFunction, extraFields, uploadBlock, extraFieldPosition, colName, subfilter, statuteColName, extraHintsArr)
}
});
(this._SfButtonSave as HTMLButtonElement)?.addEventListener('click', async () => {
await this.saveMapping (divElement, uploadBlock, jsonData, extraFields, searchString, uploadFunction, refreshFunction, false)
});
// const arrExtraFields = (divElement as HTMLDivElement).querySelectorAll('.extra-field') as NodeListOf;
// var totalFields = 0;
// var filledFields = 0;
// for(var i = 0; i < arrExtraFields.length; i++) {
// const extraField = arrExtraFields[i] as SfIMultitextarea;
// if(extraField.parentElement?.parentElement?.parentElement?.style.display != "none" && (extraField.parentElement?.parentElement?.parentElement?.firstChild?.firstChild?.firstChild as HTMLInputElement).checked) {
// if(extraField.getFilled()) {
// filledFields++;
// }
// totalFields++;
// }
// }
// (divElement as HTMLDivElement).querySelector("#span-extra-filled")!.innerHTML = "Fields: " + filledFields + "/" + totalFields + " completed";
//console.log('Total fields = ' + totalFields + ', filled fields = ' + filledFields);
console.log('totalmapped', mappedCount, this.selectedCbs.length, this.selectedCbs);
}
getPreviousExtraFields = (i:number, previousExtraFields: any, locationsForThisItem: any, showSearch: boolean) => {
var userHtml = '';
if(previousExtraFields != null && previousExtraFields.length === 9 && Object.keys(previousExtraFields[0]).length > 0) {
userHtml += '';
userHtml += '';
userHtml += '';
userHtml += 'Reporter';
userHtml += ' ';
userHtml += '';
userHtml += 'Approver';
userHtml += ' ';
userHtml += '';
userHtml += 'Functionhead';
userHtml += ' ';
userHtml += '';
userHtml += 'Auditor';
userHtml += ' ';
userHtml += '';
userHtml += 'Viewer';
userHtml += ' ';
userHtml += ' ';
userHtml += '';
userHtml += '';
let strLocationsForThisItem : string= JSON.stringify(locationsForThisItem).replace(/"/g,'"');
let valuesForThisItem : any = (previousExtraFields != null ? (previousExtraFields[3] != null ? previousExtraFields[3] : "") : "");
let strValuesForThisItem: string = JSON.stringify(valuesForThisItem).replace(/"/g,'"');
userHtml += '
';
userHtml += ' ';
userHtml += '';
strLocationsForThisItem = JSON.stringify(locationsForThisItem).replace(/"/g,'"');
valuesForThisItem = (previousExtraFields != null ? (previousExtraFields[4] != null ? previousExtraFields[4] : "") : "");
strValuesForThisItem = JSON.stringify(valuesForThisItem).replace(/"/g,'"');
userHtml += '
';
userHtml += ' ';
userHtml += '';
strLocationsForThisItem = JSON.stringify(locationsForThisItem).replace(/"/g,'"');
valuesForThisItem = (previousExtraFields != null ? (previousExtraFields[5] != null ? previousExtraFields[5] : "") : "");
strValuesForThisItem = JSON.stringify(valuesForThisItem).replace(/"/g,'"');
userHtml += '
';
userHtml += ' ';
userHtml += '';
strLocationsForThisItem = JSON.stringify(locationsForThisItem).replace(/"/g,'"');
valuesForThisItem = (previousExtraFields != null ? (previousExtraFields[6] != null ? previousExtraFields[6] : "") : "");
strValuesForThisItem = JSON.stringify(valuesForThisItem).replace(/"/g,'"');
userHtml += '
';
userHtml += ' ';
userHtml += '';
strLocationsForThisItem = JSON.stringify(locationsForThisItem).replace(/"/g,'"');
valuesForThisItem = (previousExtraFields != null ? (previousExtraFields[7] != null ? previousExtraFields[7] : "") : "");
strValuesForThisItem = JSON.stringify(valuesForThisItem).replace(/"/g,'"');
userHtml += '
';
userHtml += ' ';
userHtml += ' ';
userHtml += '
';
userHtml += '';
}
return userHtml;
}
refreshCalendar = async () => {
//console.log('tabs',this.myOnboardingTab,this.TAB_CALENDAR);
if(this.myOnboardingTab == this.TAB_CALENDAR) {
const calendarJobs = await this.fetchCalendarJobs();
if(calendarJobs.data.status == "0" || calendarJobs.data.status == "1") {
setTimeout(async () => {
await this.loadOnboardingCalendar();
this.refreshCalendar();
}, 10000);
}
}
}
renderNewOnboarding = () => {
var html = '';
html += '';
html += '
';
html += '
Client Sign Off
';
html += '
Remarks ';
html += '
'
html += '
Signature ';
html += '
'
html += '
signature Submit
'
html += '
';
html += '
';
html += '
';
html += '
';
html += '
New Sign Off
';
html += '
Remarks ';
html += '
'
html += '
Signature ';
html += '
'
html += '
signature Submit
'
html += '
';
html += '
';
html += '
';
html += '
';
html += '
Sign Offs
';
html += (this.disablesignoff == "yes" ? "" : '
add New ');
html += '
';
html += '
';
html += '';
html += '';
html += 'Name';
html += ' ';
html += '';
html += 'Remarks';
html += ' ';
html += '';
html += 'Signature';
html += ' ';
html += '';
html += 'Timestamp';
html += ' ';
html += ' ';
const jsonData = JSON.parse(signoff.result.data.S);
for(var i = 0; i < jsonData.length; i++) {
var classBg = "";
if (i % 2 === 0) {
classBg = 'td-light';
}
else {
classBg = 'td-dark';
}
html += '';
html += '';
html += jsonData[i].username != null ? jsonData[i].username : "";
html += ' ';
html += '';
html += jsonData[i].signofftext;
html += ' ';
html += '';
html += jsonData[i].signature;
html += ' ';
html += '';
html += new Date(parseInt(jsonData[i].timestamp));
html += ' ';
//console.log(jsonData[i]);
}
html += '
';
html += '
';
html += '
';
html += '
';
// }
(this._SfOnboardingSignoffContainer as HTMLDivElement).innerHTML = html;
(this._SfOnboardingSignoffContainer as HTMLDivElement).querySelector('.submit-signoff')?.addEventListener('click', async (_e: any) => {
const signofftext = ((this._SfOnboardingSignoffContainer as HTMLDivElement).querySelector('#rcm-signoff') as HTMLInputElement).value;
const signoffsignature = ((this._SfOnboardingSignoffContainer as HTMLDivElement).querySelector('#rcm-signature') as HTMLInputElement).value;
await this.fetchUpdateSignOff(signofftext, signoffsignature);
this.loadOnboardingSignoff();
})
}
renderOnboardingCalendar = (_calendarJobs: any) => {
//console.log('calendarjobs', calendarJobs);
var html = '';
html += '';
// html += '
';
// html += '
Calendar ';
// html += '';
// if(calendarJobs.data != null) {
// html += '
';
// html += '
';
// html += '
Job Status
';
// html += '
' + (calendarJobs.data.status == "0" ? "schedule Initialized" : calendarJobs.data.status == "1" ? "pending In-Progress" : "check_circle Complete" ) + '
';
// html += '
';
// html += '
';
// html += '
Last Updated
';
// html += '
' + new Date(calendarJobs.data.lastupdated).toLocaleString() + '
';
// html += '
';
// html += '
';
// }
html += '
';
html += '2025-26 2024-25 2023-24 bolt Update Calendar
';
html += '
';
html += '
';
(this._SfOnboardingTriggersContainer as HTMLDivElement).innerHTML = html;
//console.log('rendering triggers...', (this._SfOnboardingTriggersContainer as HTMLDivElement).innerHTML);
this.renderTaggingTable((this._SfOnboardingTriggersListContainer as HTMLDivElement),mappedSerializedAlertSchedules, mappedTriggers, [], this.uploadTriggersMapping, this.loadOnboardingTriggers, "triggers", ["id", "entityname", "locationname"], '', "", ["triggers"], triggersJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingInternalControls = (mappedInternalControls: any, mappedSerializedTriggers: any, internalcontrolsJobs: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingInternalControlsContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingInternalControlsListContainer as HTMLDivElement),mappedSerializedTriggers, mappedInternalControls, [], this.uploadInternalControlsMapping, this.loadOnboardingInternalControls, "internalcontrols", ["id", "entityname", "locationname"], '', "", ["internalcontrols"], internalcontrolsJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingActivations = (mappedActivations: any, mappedSerializedExtensions: any, activationsJobs: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingActivationsContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingActivationListContainer as HTMLDivElement),mappedSerializedExtensions, mappedActivations, [], this.uploadActivationsMapping, this.loadOnboardingActivations, "activations", ["id", "entityname", "locationname"], '', "", ["activations"], activationsJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingInvalidations = (mappedInvalidations: any, mappedSerializedExtensions: any, invalidationsJobs: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingInvalidationsContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingInvalidationListContainer as HTMLDivElement),mappedSerializedExtensions, mappedInvalidations, [], this.uploadInvalidationsMapping, this.loadOnboardingInvalidations, "invalidations", ["id", "entityname", "locationname"], '', "", ["invalidations"], invalidationsJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingAlertSchedules = (mappedAlertSchedules: any, mappedSerializedExtensions: any, alertschedulesJobs: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingAlertSchedulesContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingAlertSchedulesListContainer as HTMLDivElement),mappedSerializedExtensions, mappedAlertSchedules, [], this.uploadAlertSchedulesMapping, this.loadOnboardingAlertSchedules, "alertschedules", ["id", "entityname", "locationname"], '', "", ["alertschedules"], alertschedulesJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingExtensions = (mappedExtensions: any, mappedSerializedDuedates: any, extensionsJobs: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingExtensionsContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingExtensionsListContainer as HTMLDivElement),mappedSerializedDuedates, mappedExtensions, [], this.uploadExtensionsMapping, this.loadOnboardingExtensions, "extensions", ["id", "entityname", "locationname"], '', "", ["extensions"], extensionsJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingDuedates = (mappedDuedates: any, mappedSerializedMakerCheckers: any, duedatesJobs: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingDuedatesContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingDuedatesListContainer as HTMLDivElement),mappedSerializedMakerCheckers, mappedDuedates, [], this.uploadDuedatesMapping, this.loadOnboardingDuedates, "duedates", ["id", "entityname", "locationname"], '', "", ["duedates"], duedatesJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingReporters = (mappedReporters: any, mappedSerializedTags: any, reportersJobs: any, _arrFeedbackReference: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingReportersContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingReportersListContainer as HTMLDivElement),mappedSerializedTags, mappedReporters, [], this.uploadReportersMapping, this.loadOnboardingReporters, "reporters", ["id", "entityname", "locationname"], this.apiIdUsers, "", ["reporters"], reportersJobs, null, ["Client remarks", "FlaggGRC response"], null, "Guidelines", "");
}
renderOnboardingApprovers = (mappedApprovers: any, mappedSerializedReporters: any, approversJobs: any, _arrFeedbackReference: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingApproversContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingApproversListContainer as HTMLDivElement),mappedSerializedReporters, mappedApprovers, [], this.uploadApproversMapping, this.loadOnboardingApprovers, "approvers", ["id", "entityname", "locationname"], this.apiIdUsers, "", ["approvers"], approversJobs, null, ["Client remarks", "FlaggGRC response"], null, "Guidelines", "");
}
renderOnboardingFunctionHeads = (mappedFunctionHeads: any, mappedSerializedApprovers: any, functionHeadsJobs: any, _arrFeedbackReference: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingFunctionHeadsContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingFunctionHeadsListContainer as HTMLDivElement),mappedSerializedApprovers, mappedFunctionHeads, [], this.uploadFunctionHeadsMapping, this.loadOnboardingFunctionHeads, "functionheads", ["id", "entityname", "locationname"], this.apiIdUsers, "", ["functionheads"], functionHeadsJobs, null, ["Client remarks", "FlaggGRC response"], null, "Guidelines", "");
}
renderOnboardingMakerCheckers = (mappedMakerCheckers: any, mappedSerializedDocs: any, makerCheckerJobs: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingMakerCheckersContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingMakerCheckersListContainer as HTMLDivElement),mappedSerializedDocs, mappedMakerCheckers, [], this.uploadMakerCheckersMapping, this.loadOnboardingMakerCheckers, "makercheckers", ["id", "entityname", "locationname"], this.apiIdTags, "&MakerChecker", ["makercheckers"], makerCheckerJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingDocs = (mappedDocs: any, mappedSerializedViewers: any, docsJobs: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingDocsContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingDocsListContainer as HTMLDivElement),mappedSerializedViewers, mappedDocs, [], this.uploadDocsMapping, this.loadOnboardingDocs, "docs", ["id", "entityname", "locationname"], this.apiIdTags, "&MakerChecker", ["docs"], docsJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingAuditors = (mappedAuditors: any, mappedSerializedFunctionheads: any, auditorsJobs: any, _arrFeedbackReference: any) => {
//console.log('inside rendering auditors..');
var html = '';
html += '';
html += '
';
(this._SfOnboardingAuditorsContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingAuditorsListContainer as HTMLDivElement),mappedSerializedFunctionheads, mappedAuditors, [], this.uploadAuditorsMapping, this.loadOnboardingAuditors, "auditors", ["id", "entityname", "locationname"], this.apiIdUsers, "", ["auditors"], auditorsJobs, null, ["Client remarks", "FlaggGRC response"], null, "Guidelines", "");
}
renderOnboardingViewers = (mappedViewers: any, mappedSerializedAuditors: any, viewersJobs: any, _arrFeedbackReference: any) => {
//console.log('inside rendering viewers..');
var html = '';
html += '';
html += '
';
(this._SfOnboardingViewersContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingViewersListContainer as HTMLDivElement),mappedSerializedAuditors, mappedViewers, [], this.uploadViewersMapping, this.loadOnboardingViewers, "viewers", ["id", "entityname", "locationname"], this.apiIdUsers, "", ["viewers"], viewersJobs, null, ["Client remarks", "FlaggGRC response"], null, "Guidelines", "");
}
renderOnboardingTags = (mappedTags: any, mappedSerializedFunctions: any, tagsJobs: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingTagsContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingTagsListContainer as HTMLDivElement),mappedSerializedFunctions, mappedTags, [], this.uploadTagsMapping, this.loadOnboardingTags, "tags", ["id", "countryname", "entityname", "locationname"], this.apiIdTags, "&Tag", ["tags"], tagsJobs, "tagtype", ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingFunctions = (mappedFunctions: any, mappedSerializedLocations: any, functionsJobs: any) => {
var html = '';
html += '';
html += '
';
for(var i = 0; i < mappedSerializedLocations.data.mappings.mappings.length; i++) {
if(mappedSerializedLocations.data.mappings.mappings[i].id == "33a0deab-e93e-41b7-831a-473f9ea3eea2") {
//console.log('mappedSerializedLocations', mappedSerializedLocations.data.mappings.mappings[i]);
}
}
(this._SfOnboardingFunctionsContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingFunctionsListContainer as HTMLDivElement),mappedSerializedLocations, mappedFunctions, [], this.uploadFunctionsMapping, this.loadOnboardingFunctions, "functions", ["id", "countryname", "entityname", "locationname"], this.apiIdTags, "&Function", ["functions"], functionsJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingLocations = (mappedLocations: any, mappedSerializedEntities: any, locationsJobs: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingLocationsContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingLocationsListContainer as HTMLDivElement),mappedSerializedEntities, mappedLocations, ["firstlineofdefence", "obligation", "country", "statute", "reference"], this.uploadLocationsMapping, this.loadOnboardingLocations, "locations", ["id", "countryname", "entityname"], this.apiIdTags, "&Location", ["locations"], locationsJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingCompliances = (mappedStatutes: any, mappedCompliances: any) => {
//console.log('mappedcompliances', mappedCompliances);
//console.log('mappedstatutes', mappedStatutes);
var searchString = "";
for(var i = 0; i < (mappedStatutes.data.mappings.mappings as Array).length; i++) {
if((mappedStatutes.data.mappings.mappings as Array)[i].selected) {
searchString += (mappedStatutes.data.mappings.mappings as Array)[i].id + "|";
}
}
searchString = searchString.slice(0, -1);
//console.log('searchstring', searchString);
var initCursor = "";
var html = '';
html += '';
html += '
';
html += '
Search Compliances ';
html += '
';
html += 'search '
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
(this._SfOnboardingEntitiesContainer as HTMLDivElement).innerHTML = html;
this.renderTaggingTable((this._SfOnboardingEntitiesListContainer as HTMLDivElement),mappedSerializedCountries, mappedEntities, ["firstlineofdefence", "obligation", "country", "statute"], this.uploadEntitiesMapping, this.loadOnboardingEntities, "entities", ["id", "countryname"], this.apiIdTags, "&Entity", ["entities"], entitiesJobs, null, ["Client remarks", "FlaggGRC response"], arrFeedbackReference, "Guideline", "");
}
renderOnboardingCountries = (mappedCountries: any, mappedCompliances: any, countriesJobs: any) => {
var html = '';
html += '';
html += '
';
(this._SfOnboardingCountriesContainer as HTMLDivElement).innerHTML = html;
const arr1 = [];
for(var i = 0; i < mappedCompliances.data.mappings.mappings.length; i++) {
if(mappedCompliances.data.mappings.mappings[i].selected) {
arr1.push(mappedCompliances.data.mappings.mappings[i]);
}
}
mappedCompliances.data.mappings.mappings = arr1;
// const arr2 = [];
// for(var i = 0; i < mappedCountries.data.mappings.mappings.length; i++) {
// if(mappedCountries.data.mappings.mappings[i].selected) {
// arr2.push(mappedCountries.data.mappings.mappings[i]);
// }
// }
// mappedCountries.data.mappings.mappings = arr2;
this.renderTaggingTable((this._SfOnboardingCountriesListContainer as HTMLDivElement), mappedCompliances, mappedCountries, ["firstlineofdefence", "obligation", "country", "statute", "state", "subcategory"], this.uploadCountriesMapping, this.loadOnboardingCountries, "countries", ["id"], this.apiIdTags, "-Country", ["countries"], countriesJobs, null, ["Client remarks", "FlaggGRC response"], null, "", "");
}
renderOnboardingStatutes = (mappedStatutes: any) => {
var initCursor = "";
var html = '';
html += '';
html += '
';
html += '
Search Statutes ';
html += '
';
html += 'search '
html += '
';
html += '
';
html += '
';
html += '
';
html += '
';
(this._SfOnboardingStatutesContainer as HTMLDivElement).innerHTML = html;
(this._SfInputSearch as HTMLInputElement).addEventListener('keyup', (e: any) => {
if(e.key == 'Enter') {
(this._SfButtonSearch as HTMLButtonElement).click();
}
});
(this._SfButtonSearch as HTMLButtonElement).addEventListener('click', async () => {
//console.log('clicked', mappedStatutes.data.mappings.mappings);
const searchString = (this._SfInputSearch as HTMLButtonElement).value;
//console.log('clicked', searchString);
if(searchString.length > 0) {
const resultStatutes = await this.fetchSearchStatutes(searchString, "");
if(resultStatutes != null) {
const jsonData = [];
for(var i = 0; i < resultStatutes.values.length; i++) {
var mapped = false;
var extraFields = null;
if(mappedStatutes.data != null && mappedStatutes.data.mappings != null && mappedStatutes.data.mappings.mappings != null) {
for(var j = 0; j < mappedStatutes.data.mappings.mappings.length; j++) {
if(mappedStatutes.data.mappings.mappings[j].id == resultStatutes.values[i].id) {
//console.log('comparing',mappedStatutes.data.mappings.mappings[j].id,resultStatutes.values[i].id);
if(mappedStatutes.data.mappings.mappings[j].selected) {
mapped = true;
}
extraFields = mappedStatutes.data.mappings.mappings[j].extraFields;
}
}
}
jsonData.push({id: resultStatutes.values[i].id, mapped: mapped, data: resultStatutes.values[i].fields, cols: ["country", "jurisdiction", "state", "name", "category", "subcategory", "applicability"], extraFields: extraFields})
}
//console.log('clicked', jsonData);
this.renderMappingTable((this._SfOnboardingStatutesListContainer as HTMLDivElement), jsonData, [{prev: initCursor, next: resultStatutes.cursor}], this.fetchSearchStatutes, searchString, mappedStatutes, jsonData.length, this.uploadStatutesMapping, this.loadOnboardingStatutes, ["Client remarks
(mention your queries, else leave blank)", "Entity applicability(only applicable in case of multiple corporate entities, else leave blank)", "Locations applicability(mention in case there is location-wise variance of applicability, else leave blank)", "Reporters(details of personnel who have the reponsibility of reporting)", "Approvers(details of personnel who have the reponsibility of approving)", "Functionheads(details of personnel who head the function)", "Auditors(mention details of auditors in case they are known) ", "Viewers(mention details personnel who need to be given readonly access) ", "FlaggGRC response"], -1, 1, "statutes", "", "name", ["optional", "optional", "optional", "name - email@company.com", "name - email@company.com", "optional", "optional", "optional", "optional"])
}
}
});
if(mappedStatutes.data.mappings.searchstring != "" && mappedStatutes.data.mappings.searchstring != null) {
(this._SfInputSearch as HTMLInputElement).value = mappedStatutes.data.mappings.searchstring;
(this._SfButtonSearch as HTMLButtonElement).click();
}
}
clickOnboardingTabs = () => {
if(this.myOnboardingTab == this.TAB_STATUTES) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-statutes') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_COMPLIANCES) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-compliances') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_COUNTRIES) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-countries') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_ENTITIES) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-entities') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_LOCATIONS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-locations') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_FUNCTIONS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-functions') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_TAGS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-tags') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_REPORTERS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-reporters') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_APPROVERS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-approvers') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_FUNCTION_HEADS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-functionheads') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_AUDITORS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-auditors') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_VIEWERS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-viewers') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_DOCS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-docs') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_MAKER_CHECKERS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-makercheckers') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_DUEDATES) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-duedates') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_EXTENSIONS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#extensions-tab-duedates') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_ALERTSCHEDULES) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-alertschedules') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_ACTIVATIONS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-activations') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_INVALIDATION) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-invalidations') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_INTERNALCONTROLS) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-internalcontrols') as HTMLButtonElement).click();
}
if(this.myOnboardingTab == this.TAB_CALENDAR) {
((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-calendar') as HTMLButtonElement).click();
}
}
renderOnboardingStatus = (status: any) => {
for(var i = 0; i < status.length; i++) {
const arrStatus = status[i].split(';');
if(arrStatus[0].toLowerCase().indexOf('statutes') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-statutes')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('compliances') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-compliances')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('countries') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-countries')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('entities') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-entities')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('locations') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-locations')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('functions') >= 0
) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-functions')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('tags') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-tags')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('reporters') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-reporters')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('approvers') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-approvers')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('functionheads') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-functionheads')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('auditors') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-auditors')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('viewers') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-viewers')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('docs') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-docs')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('makercheckers') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-makercheckers')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('duedates') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-duedates')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('extensions') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-extensions')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('alertschedules') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-alertschedules')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('activations') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-activations')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('invalidations') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-invalidations')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('triggers') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-triggers')!.innerHTML = arrStatus[1];
}
if(arrStatus[0].toLowerCase().indexOf('internalcontrols') >= 0) {
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#button-status-internalcontrols')!.innerHTML = arrStatus[1];
}
}
}
renderClearOnboardingContent = () =>{
(this._SfOnboardingCountriesContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingEntitiesContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingLocationsContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingFunctionsContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingTagsContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingReportersContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingApproversContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingFunctionHeadsContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingAuditorsContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingViewersContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingDocsContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingMakerCheckersContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingDuedatesContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingAlertSchedulesContainer as HTMLDivElement)!.innerHTML = '';
(this._SfOnboardingInternalControlsContainer as HTMLDivElement)!.innerHTML = '';
}
renderOnboardingTabs = async () => {
//console.log('render onboarding tabs', this.myOnboardingTabGroup);
let initialLoad = false;
if(this.myOnboardingTabGroup == "") {
this.myOnboardingTabGroup = this.TAB_GROUP_BUSINESS_UNDERSTANDING
initialLoad = true;
}
//console.log('render onboarding tabs', this.myOnboardingTabGroup);
this.selectedCbs = [];
(this._SfOnboardingTabContainer as HTMLDivElement).innerHTML = '';
var html = '';
html += '';
html += 'Business Insights ';
html += 'GRC Integration ';
html += 'Customization ';
html += 'Rollout ';
html += '
';
html += '';
html += '';
html += 'Functions... ';
html += 'Tags... ';
html += 'Reporters... ';
html += 'Approvers... ';
html += 'Function Heads... ';
html += 'Auditors... ';
html += 'Viewers... ';
html += '
';
html += '';
html += 'Docs... ';
html += 'Maker Checkers... ';
html += 'Duedates... ';
html += 'Extensions... ';
html += 'Alert Schedules... ';
html += 'Activations... ';
html += 'Invalidations... ';
html += 'Triggers... ';
html += 'Internal Controls... ';
html += '
';
html += '';
html += 'Sign Off... ';
html += 'Calendar... ';
html += '
';
(this._SfOnboardingTabContainer as HTMLDivElement).innerHTML = html;
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-statutes')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_STATUTES;
this.renderOnboardingTabs();
await this.loadOnboardingStatutes();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-compliances')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_COMPLIANCES;
this.renderOnboardingTabs();
this.loadOnboardingCompliances();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-countries')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_COUNTRIES;
this.renderOnboardingTabs();
this.loadOnboardingCountries();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-entities')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_ENTITIES;
this.renderOnboardingTabs();
this.loadOnboardingEntities();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-locations')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_LOCATIONS;
this.renderOnboardingTabs();
this.loadOnboardingLocations();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-functions')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_FUNCTIONS;
this.renderOnboardingTabs();
this.loadOnboardingFunctions();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-tags')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_TAGS;
this.renderOnboardingTabs();
this.loadOnboardingTags();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-reporters')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_REPORTERS;
this.renderOnboardingTabs();
this.loadOnboardingReporters();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-approvers')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_APPROVERS;
this.renderOnboardingTabs();
this.loadOnboardingApprovers();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-functionheads')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_FUNCTION_HEADS;
this.renderOnboardingTabs();
this.loadOnboardingFunctionHeads();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-auditors')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_AUDITORS;
this.renderOnboardingTabs();
this.loadOnboardingAuditors();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-viewers')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_VIEWERS;
this.renderOnboardingTabs();
this.loadOnboardingViewers();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-makercheckers')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_MAKER_CHECKERS;
this.renderOnboardingTabs();
this.loadOnboardingMakerCheckers();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-docs')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_DOCS;
this.renderOnboardingTabs();
this.loadOnboardingDocs();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-duedates')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_DUEDATES;
this.renderOnboardingTabs();
this.loadOnboardingDuedates();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-alertschedules')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_ALERTSCHEDULES;
this.renderOnboardingTabs();
this.loadOnboardingAlertSchedules();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-activations')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_ACTIVATIONS;
this.renderOnboardingTabs();
this.loadOnboardingActivations();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-invalidations')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_INVALIDATION;
this.renderOnboardingTabs();
this.loadOnboardingInvalidations();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-triggers')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_TRIGGERS;
this.renderOnboardingTabs();
this.loadOnboardingTriggers();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-extensions')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_EXTENSIONS;
this.renderOnboardingTabs();
this.loadOnboardingExtensions();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-internalcontrols')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_INTERNALCONTROLS;
this.renderOnboardingTabs();
this.loadOnboardingInternalControls();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-signoff')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_SIGNOFF;
this.renderOnboardingTabs();
this.loadOnboardingSignoff();
});
(this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-calendar')?.addEventListener('click', async () => {
this.myOnboardingTab = this.TAB_CALENDAR;
this.renderOnboardingTabs();
this.loadOnboardingCalendar();
});
(this._SfOnboardingTabGroupButton0 as HTMLDivElement).addEventListener('click', () => {
this.myOnboardingTabGroup = this.TAB_GROUP_BUSINESS_UNDERSTANDING;
this.hideTabContainers();
this.myOnboardingTab = '';
this.renderOnboardingTabs();
});
(this._SfOnboardingTabGroupButton1 as HTMLDivElement).addEventListener('click', () => {
this.myOnboardingTabGroup = this.TAB_GROUP_GOVERNANCE_MAPPING;
this.hideTabContainers();
this.myOnboardingTab = '';
this.renderOnboardingTabs();
});
(this._SfOnboardingTabGroupButton2 as HTMLDivElement).addEventListener('click', () => {
this.myOnboardingTabGroup = this.TAB_GROUP_CUSTOMIZATION;
this.hideTabContainers();
this.myOnboardingTab = '';
this.renderOnboardingTabs();
});
(this._SfOnboardingTabGroupButton3 as HTMLDivElement).addEventListener('click', () => {
this.myOnboardingTabGroup = this.TAB_GROUP_ROLLOUT;
this.hideTabContainers();
this.myOnboardingTab = '';
this.renderOnboardingTabs();
});
const statusOnboarding = await this.fetchOnboardingStatus();
this.renderOnboardingStatus(statusOnboarding.result)
this.renderClearOnboardingContent();
if(initialLoad) {
// ((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-statutes') as HTMLButtonElement).click();
}
}
renderRcmProceed = (div: HTMLDivElement, button: HTMLButtonElement | null) => {
var html = '';
html += '';
html += 'Proceed ';
html += '
';
div.innerHTML += html;
div.querySelector('#button-proceed')?.addEventListener('click', () => {
button?.click();
});
}
renderRcmSelectedComplianceInProject = (div: HTMLDivElement) => {
var html = '';
html += '
Selected Compliance
';
if(this.rcmSelectedCompliance == null || this.rcmSelectedCompliance.values == null || this.rcmSelectedCompliance.values.length === 0) {
html += '
No compliances found
';
html += '';
html += ''
html += 'Id';
html += ' '
for(var i = 0; i < Object.keys(this.rcmSelectedCompliance.values).length; i++) {
if(this.arrCols.includes(Object.keys(this.rcmSelectedCompliance.values)[i])) {
html += ''
html += Object.keys(this.rcmSelectedCompliance.values)[i]
html += ' '
}
}
html += ' ';
html += '';
var classBg = "";
classBg = 'td-light';
html += '';
html += '';
html += ' ';
//let data = JSON.parse(jsonData[i].fields.data);
for(var j = 0; j < Object.keys(this.rcmSelectedCompliance.values).length; j++) {
const objectKey = Object.keys(this.rcmSelectedCompliance.values)[j];
if(this.arrCols.includes(objectKey)) {
html += '';
if(Array.isArray(this.rcmSelectedCompliance.values[objectKey].value)) {
for(var k = 0; k < this.rcmSelectedCompliance.values[objectKey].value.length; k++) {
if(this.rcmSelectedCompliance.values[objectKey].text != null) {
html += (' ';
}
}
html += ' ';
html += ' '
html += '
';
html += ' ';
div.innerHTML += html;
}
renderRcmCompliances = (updatedCompliances: any) => {
var html = '
';
html += '
Recently Updated Compliances
';
html += '
';
html += '
';
html += '';
html += ''
html += 'Select';
html += ' '
html += ''
html += 'Complete';
html += ' '
html += ''
html += 'Id';
html += ' '
for(var i = 0; i < Object.keys(updatedCompliances[0].values).length; i++) {
if(this.arrCols.includes(Object.keys(updatedCompliances[0].values)[i])) {
html += ''
html += Object.keys(updatedCompliances[0].values)[i]
html += ' '
}
}
html += ' '
html += ''
for(var i = 0; i < updatedCompliances.length; i++) {
var classBg = "";
if(i%2 === 0) {
classBg = 'td-light';
} else {
classBg = 'td-dark';
}
html += '';
html += '';
html += 'navigate_next
';
html += ' ';
html += '';
html += 'done
';
html += ' ';
html += '';
html += ' ';
//let data = JSON.parse(jsonData[i].fields.data);
for(var j = 0; j < Object.keys(updatedCompliances[i].values).length; j++) {
const objectKey = Object.keys(updatedCompliances[i].values)[j];
if(this.arrCols.includes(objectKey)) {
html += '';
if(Array.isArray(updatedCompliances[i].values[objectKey].value)) {
for(var k = 0; k < updatedCompliances[i].values[objectKey].value.length; k++) {
if(updatedCompliances[i].values[objectKey].text != null) {
html += (' ';
}
}
html += ' ';
}
html += ' '
html += '
';
html += '
';
(this._SfRcmComplianceContainer as HTMLDivElement).innerHTML = html;
}
renderRcmLockedCompliances = (lockedCompliances: any) => {
//console.log('rendering locked', lockedCompliances);
for(var i = 0; i < lockedCompliances.data.length; i++) {
// //console.log(lockedCompliances.data[i].complianceid);
// //console.log(((this._SfRcmComplianceContainer as HTMLDivElement).querySelector('#button-lock-' + lockedCompliances.data[i].complianceid.S) as HTMLButtonElement));
// ((this._SfRcmComplianceContainer as HTMLDivElement).querySelector('#button-lock-' + lockedCompliances.data[i].complianceid.S) as HTMLButtonElement).style.display = 'none';
((this._SfRcmComplianceContainer as HTMLDivElement).querySelector('#row-' + lockedCompliances.data[i].complianceid.S) as HTMLButtonElement).style.display = 'none';
((this._SfRcmComplianceContainer as HTMLDivElement).querySelector('#button-lock-' + lockedCompliances.data[i].complianceid.S) as HTMLButtonElement).classList.add('gone');
}
}
renderRcmUnlockedCompliances = (lockedCompliances: any) => {
//console.log('rendering unlocked', lockedCompliances);
for(var i = 0; i < lockedCompliances.data.length; i++) {
//console.log('#row-' + lockedCompliances.data[i].complianceid.S);
((this._SfRcmComplianceContainer as HTMLDivElement).querySelector('#row-' + lockedCompliances.data[i].complianceid.S) as HTMLButtonElement).style.display = 'table-row';
}
}
renderRcmProjects = (div: HTMLDivElement, projects: any) => {
//console.log('projects', projects);
var html = '
';
html += '
Affected Projects
';
if(projects == null || projects.length === 0) {
html += '
No projects found
';
div.innerHTML += html;
return;
}
// //console.log(updatedCompliances);
html += '
';
html += '';
// html += ''
// html += 'Select';
// html += ' '
html += '';
html += 'Id';
html += ' ';
for(var i = 0; i < Object.keys(projects[0]).length; i++) {
if(this.arrRcmProjectCols.includes(Object.keys(projects[0])[i])) {
html += ''
html += Object.keys(projects[0])[i]
html += ' '
}
}
html += ' ';
html += '';
for(var i = 0; i < projects.length; i++) {
var classBg = "";
if(i%2 === 0) {
classBg = 'td-light';
} else {
classBg = 'td-dark';
}
html += '';
// html += '';
// html += 'navigate_next
';
// html += ' ';
html += '';
html += ' ';
// //let data = JSON.parse(jsonData[i].fields.data);
for(var j = 0; j < Object.keys(projects[i]).length; j++) {
const objectKey = Object.keys(projects[i])[j];
if(this.arrRcmProjectCols.includes(objectKey)) {
html += '';
//console.log('value',projects[i][objectKey]);
if(Array.isArray(projects[i][objectKey])) {
for(var k = 0; k < projects[i][objectKey].value.length; k++) {
html += (' ';
}
}
html += ' ';
}
html += ' '
html += '
';
html += '
;
// for(i = 0; i < arrButtons.length; i++) {
// arrButtons[i].addEventListener('click', (e: any) => {
// const index = e.currentTarget.id.split('-')[1];
// this.rcmSelectedCompliance = updatedCompliances[index];
// ((this._SfRcmTabContainer as HTMLDivElement).querySelector('#rcm-tab-projects') as HTMLButtonElement).click();
// })
// }
}
renderRcmSelectedDate = (div: HTMLDivElement) => {
var html = "";
html = '';
html += '
Trigger Information
';
if(this.rcmSelectedDate == null || this.rcmSelectedMessage == null) {
html += '
No trigger information found
Date of Trigger '+this.rcmSelectedDate+'
'
html += 'Notification Message '+this.rcmSelectedMessage+'
'
html += '
';
div.innerHTML += html;
}
renderRcmDate = (div: HTMLDivElement) => {
var html = '
';
html += '
Trigger Information
';
html += '
Date of Trigger ';
html += '
'
html += '
Notification Message ';
html += '
'
html += '
';
div.innerHTML += html;
}
renderRcmJobs = (div: HTMLDivElement) => {
var html = '
';
html += '
New RCM Update Job
';
html += '
add_circle ';
html += '
';
div.innerHTML += html;
}
renderRcmSelectedJobs = (div: HTMLDivElement, jobs: any) => {
var html = '
';
html += '
Previous Jobs For The Selected Compliance
';
if(jobs.data.length === 0) {
html += '
No jobs found
';
div.innerHTML += html;
return;
}
html += '
';
html += '';
html += ''
html += 'Id';
html += ' '
html += ''
html += 'Creation Time';
html += ' '
html += ''
html += 'Status';
html += ' '
html += ''
html += '';
html += ' '
html += ' ';
html += '';
for(var i = jobs.data.length - 1; i >= 0; i--) {
var classBg = "";
if(i%2 === 0) {
classBg = 'td-light';
} else {
classBg = 'td-dark';
}
html += '';
html += '';
html += jobs.data[i].id.S;
html += ' '
html += '';
html += jobs.data[i].lastupdated.S;
html += ' '
html += '';
html += jobs.data[i].status.S == "0" ? "created" : jobs.data[i].status.S == "1" ? "in-progress" : jobs.data[i].status.S == "2" ? "completed" : "notified";
html += ' '
html += '';
html += jobs.data[i].status.S == "0" ? "schedule " : jobs.data[i].status.S == "1" ? "pending " : jobs.data[i].status.S == "2" ? "check_circle " : "notifications ";
html += ' '
html += ' ';
}
html += '';
html += ' ';
html += '
';
html += '
notifications ';
html += '
Regulatory Alerts
';
html += ('
'+notifs.data.length+'
');
html += '
keyboard_arrow_down '
html += '
';
html += '
';
html += '
notifications ';
html += '
Regulatory Alerts
';
html += '
';
html += '
';
for(var i = 0; i < notifs.data.length; i++) {
html += '
';
html += notifs.data[i].message;
html += '
';
}
html += '
';
html += '
Compliances ';
html += 'Projects ';
html += 'Trigger ';
html += 'Jobs ';
(this._SfRcmTabContainer as HTMLDivElement).innerHTML = html;
(this._SfRcmTabContainer as HTMLDivElement).querySelector('#rcm-tab-compliances')?.addEventListener('click', async () => {
this.myRcmTab = this.TAB_RCM_COMPLIANCES;
this.renderRcmTabs();
await this.loadRcmCompliances();
});
(this._SfRcmTabContainer as HTMLDivElement).querySelector('#rcm-tab-projects')?.addEventListener('click', async () => {
this.myRcmTab = this.TAB_RCM_PROJECTS;
this.renderRcmTabs();
await this.loadRcmProjects();
//await this.loadOnboardingStatutes();
});
(this._SfRcmTabContainer as HTMLDivElement).querySelector('#rcm-tab-date')?.addEventListener('click', async () => {
this.myRcmTab = this.TAB_RCM_DATE;
this.renderRcmTabs();
await this.loadRcmDate();
//await this.loadOnboardingStatutes();
});
(this._SfRcmTabContainer as HTMLDivElement).querySelector('#rcm-tab-jobs')?.addEventListener('click', async () => {
this.myRcmTab = this.TAB_RCM_JOBS;
this.renderRcmTabs();
await this.loadRcmJobs();
//await this.loadOnboardingStatutes();
});
}
proceedToCalendar = async () => {
this.renderRoleTabs();
await this.fetchAndYearlyRenderUserCalendar_2();
this.enableCalendar();
if(this.events != null) {
this.renderTabs(this.TAB_YEAR);
this.renderCalendar();
}
}
renderRoleTabs = () => {
//console.log('render role tabs');
(this._SfRoleTabContainer as HTMLDivElement).innerHTML = '';
var html = '';
html += 'Reporter ';
html += 'Approver ';
html += 'Function Head ';
html += 'Auditor ';
html += 'Viewer ';
(this._SfRoleTabContainer as HTMLDivElement).innerHTML = html;
(this._SfRoleTabContainer as HTMLDivElement).querySelector('#consumer-tab-reporter')?.addEventListener('click', async () => {
this.myRole = this.TAB_REPORTER;
this.renderRoleTabs();
// this.proceedToCalendar();
((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
});
(this._SfRoleTabContainer as HTMLDivElement).querySelector('#consumer-tab-approver')?.addEventListener('click', async () => {
this.myRole = this.TAB_APPROVER;
this.renderRoleTabs();
// this.proceedToCalendar();
((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
});
(this._SfRoleTabContainer as HTMLDivElement).querySelector('#consumer-tab-functionhead')?.addEventListener('click', async () => {
this.myRole = this.TAB_FUNCTION_HEAD;
this.renderRoleTabs();
// this.proceedToCalendar();
((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
});
(this._SfRoleTabContainer as HTMLDivElement).querySelector('#consumer-tab-auditor')?.addEventListener('click', async () => {
this.myRole = this.TAB_AUDITOR;
this.renderRoleTabs();
// this.proceedToCalendar();
((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
});
(this._SfRoleTabContainer as HTMLDivElement).querySelector('#consumer-tab-viewer')?.addEventListener('click', async () => {
this.myRole = this.TAB_VIEWER;
this.renderRoleTabs();
// this.proceedToCalendar();
((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
});
}
csvmaker = (data: any) => {
// Empty array for storing the values
let csvRows = [];
// Headers is basically a keys of an
// object which is id, name, and
// profession
const headers = Object.keys(data);
// As for making csv format, headers
// must be separated by comma and
// pushing it into array
csvRows.push(headers.join(','));
// Pushing Object values into array
// with comma separation
const values = Object.values(data).join(',');
csvRows.push(values)
// Returning the array joining with new line
return csvRows.join('\n')
}
renderChartSettingsFilters = (container: HTMLDivElement, ctx: any) => {
//console.log(container);
var html = `
`;
container.innerHTML = html;
container.querySelector('#chart-control-plot')?.addEventListener('click', () => {
const query = (container.querySelector('#input-multi-entry-tags') as SfIForm).selectedValues();
this.filterTags = query;
let eventContainer = null;
if(this.getCurrentTab() == this.TAB_STREAM) {
eventContainer = (this._SfStreamContainer as HTMLDivElement);
}
if(this.getCurrentTab() == this.TAB_UPCOMING) {
eventContainer = (this._SfUpcomingContainer as HTMLDivElement);
}
if(this.getCurrentTab() == this.TAB_THIS) {
eventContainer = (this._SfThisContainer as HTMLDivElement);
}
if(this.getCurrentTab() == this.TAB_PAST) {
eventContainer = (this._SfPastContainer as HTMLDivElement);
}
if(this.getCurrentTab() == this.TAB_CUSTOM) {
eventContainer = (this._SfCustomContainer as HTMLDivElement);
}
const divs = eventContainer!.querySelectorAll('.stream-events-container') as NodeListOf;
const tables = eventContainer!.querySelectorAll('.stream-events-container-table') as NodeListOf;
const hiddenTitles = eventContainer!.querySelectorAll('.hidden-title') as NodeListOf;
const hiddenFilternames = eventContainer!.querySelectorAll('.hidden-filtername') as NodeListOf;
const filternames = eventContainer!.querySelectorAll('.filtername') as NodeListOf;
const streamEventSummary = eventContainer!.querySelector('#stream-event-summary') as HTMLDivElement;
if(this.filterTags.length > 0) {
streamEventSummary.style.display = 'none';
} else {
streamEventSummary.style.display = 'block';
}
//console.log('divs', divs);
for(var i = 0; i < divs.length; i++) {
var found = false;
var filterMatched = "";
const tagsEmbedded = JSON.parse((divs[i] as HTMLDivElement).querySelector('.hidden-tags')?.innerHTML + "");
//console.log(tagsEmbedded);
for(var count1 = 0; count1 < tagsEmbedded.length; count1++) {
for(var count2 = 0; count2 < this.filterTags.length; count2++) {
if(tagsEmbedded[count1].toLowerCase().indexOf(this.filterTags[count2].toLowerCase()) >= 0) {
found = true;
filterMatched += (this.filterTags[count2].split(';')[0] + ", ");
}
}
}
if(!found) {
(tables[i] as HTMLDivElement).style.display = 'none';
(hiddenTitles[i] as HTMLDivElement).style.display = 'block';
(hiddenFilternames[i] as HTMLDivElement).style.display = 'none';
filternames[i].innerHTML = '';
} else {
(tables[i] as HTMLDivElement).style.display = 'block';
(hiddenTitles[i] as HTMLDivElement).style.display = 'none';
(hiddenFilternames[i] as HTMLDivElement).style.display = 'block';
filternames[i].innerHTML = filterMatched.replace(/,\s*$/, "");;
}
}
this.filterEventsInWindow(query, ctx, eventContainer);
});
container.querySelector('#chart-control-cancel')?.addEventListener('click', () => {
container.innerHTML = '';
container.dispatchEvent(new CustomEvent('canceled', {bubbles: true}));
});
}
renderChartSettingsSettings = (container: HTMLDivElement, selectedTab: number = 1) => {
var html = ``
if(selectedTab == -1){
html = `
`;
}else{
html = `
`;
}
container.innerHTML = html;
container.querySelector('#chart-control-cancel')?.addEventListener('click', () => {
container.innerHTML = '';
container.dispatchEvent(new CustomEvent('canceled', {bubbles: true}));
});
container.querySelector('#button-download-stats')?.addEventListener('click', async () => {
if(selectedTab === -1)
await this.fetchAndYearlyRenderUserCalendar_2(this.sdate, this.edate,"", "no");
const radioCsv = (container.querySelector('#radio-csv') as HTMLInputElement);
const radioImage = (container.querySelector('#radio-image') as HTMLInputElement);
const radioStats = (container.querySelector('#radio-stats') as HTMLInputElement);
const radioList = (container.querySelector('#radio-list') as HTMLInputElement);
const radioListCsv = (container.querySelector('#radio-list-csv') as HTMLInputElement);
const radioConsolidated = (container.querySelector('#radio-consolidated') as HTMLInputElement);
const radioCertificate = (container.querySelector('#radio-certificate') as HTMLInputElement);
//console.log('radiocsv checked', radioCsv.checked);
//console.log('radioimage checked', radioImage.checked);
if(radioCsv.checked) {
const blob2 = new Blob([this.csvGraphStats], { type: 'text/csv' });
const url2 = window.URL.createObjectURL(blob2)
const a2 = document.createElement('a')
a2.setAttribute('href', url2)
a2.setAttribute('download', 'download_'+new Date()+'.csv');
a2.click()
}
if(radioImage.checked) {
setTimeout(() => {
const a = document.createElement('a')
a.setAttribute('href', this.chartBase64)
a.setAttribute('download', 'download_'+new Date().getTime()+'.png');
a.click()
console.log('this.chart2', (this.chart2Base64));
if(this.chart2Base64 != null) {
console.log('this.chart2 download', this.chart2Base64);
const a2 = document.createElement('a')
a2.setAttribute('href', this.chart2Base64)
a2.setAttribute('download', 'download_completeness_'+new Date().getTime()+'.png');
a2.click()
}
if(this.chart3Base64 != null) {
const a3 = document.createElement('a')
a3.setAttribute('href', this.chart3Base64)
a3.setAttribute('download', 'download_timeliness_'+new Date().getTime()+'.png');
a3.click()
}
if(this.chart4Base64 != null) {
const a4 = document.createElement('a')
a4.setAttribute('href', this.chart4Base64)
a4.setAttribute('download', 'download_compliance_'+new Date().getTime()+'.png');
a4.click()
}
},2000)
}
if(radioStats.checked) {
const ts = new Date().getTime();
console.log('htmlstatsfilter', this.htmlStatsFilter, selectedTab);
var html = this.COMPLIANCES_HTML;
html = html.replace(/PROJECT_NAME/g, this.projectName);
if(selectedTab == -1){
html = html.replace(/FILTERS_DATA/g, '');
}else{
let filtersHtml = `
${this.htmlStatsFilter}
`
html = html.replace(/FILTERS_DATA/g, filtersHtml);
}
html = html.replace(/REPORT_DATE/g, new Date().getDate() + "/" + (new Date().getMonth()+1) + "/" + new Date().getFullYear() + " " + new Date().getHours() + ":" + new Date().getMinutes() + ' for the period ' + this.period);
let tempHtml: string = "";
tempHtml += this.htmlDataStats;
if(this.flowGraph == this.FLOW_GRAPH_COMPLETENESS || this.flowGraph == this.FLOW_GRAPH_TIMELINESS || this.flowGraph == this.FLOW_GRAPH_COMPLIANCE) {
} else {
tempHtml += ('';
if (selectedTab === 0) {
//html += 'filter_list filter_list cloud_download cloud_download summarize summarize
';
(container.querySelector('#chart-settings-controls') as HTMLDivElement).innerHTML = html;
(container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-settings')?.addEventListener('click', () => {
this.renderChartSettings(container, 1, selectedSummary, ctx);
});
(container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-summary')?.addEventListener('click', () => {
console.log('summary clicked');
this.renderChartSummary();
});
// (container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-filters')?.addEventListener('click', () => {
// this.renderChartSettings(container, 0, ctx);
// });
if(selectedTab === 0) {
const radioCompleteness = container.querySelector('#radio-completeness') as HTMLButtonElement;
radioCompleteness.click();
this.renderChartSettingsFilters((container.querySelector('#chart-settings') as HTMLDivElement), ctx);
}
if(selectedTab === 1 ) {
// const radioCompleteness = container.querySelector('#radio-completeness') as HTMLButtonElement;
// radioCompleteness.click();
this.renderChartSettingsSettings((container.querySelector('#chart-settings') as HTMLDivElement), selectedSummary);
}
(container.querySelector('#chart-settings') as HTMLDivElement).addEventListener('canceled', () => {
//console.log('canceled');
if(this.getCurrentTab() == this.TAB_STREAM) {
this.renderChartSettings(container, -1, -1, ctx);
this.renderStream(this.streamIndex, false, false);
}
// if(this.getCurrentTab() == this.TAB_UPCOMING) {
// this.renderChartSettings(container, -1, ctx);
// this.renderUpcoming(this.streamIndex);
// }
if(this.getCurrentTab() == this.TAB_THIS) {
this.renderChartSettings(container, -1, -1, ctx);
this.renderThis(this.streamIndex, false, false);
}
// if(this.getCurrentTab() == this.TAB_PAST) {
// this.renderChartSettings(container, -1, ctx);
// this.renderPast(this.streamIndex);
// }
if(this.getCurrentTab() == this.TAB_CUSTOM) {
if(selectedSummary === 2){
this.processDateSelectionViewer(container)
}else{
this.processDateSelection(container);
}
}
})
// (container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-settings-cancel')?.addEventListener('click', () => {
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-filters-cancel') as HTMLButtonElement).style.display = 'none';
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-settings-cancel') as HTMLButtonElement).style.display = 'none';
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-settings') as HTMLButtonElement).style.display = 'flex';
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-filters') as HTMLButtonElement).style.display = 'flex';
// (container.querySelector('#chart-settings') as HTMLDivElement).innerHTML = '';
// });
// (container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-filters-cancel')?.addEventListener('click', () => {
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-filters-cancel') as HTMLButtonElement).style.display = 'none';
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-settings-cancel') as HTMLButtonElement).style.display = 'none';
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-settings') as HTMLButtonElement).style.display = 'flex';
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-filters') as HTMLButtonElement).style.display = 'flex';
// (container.querySelector('#chart-settings') as HTMLDivElement).innerHTML = '';
// });
// (container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-filters')?.addEventListener('click', () => {
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-filters-cancel') as HTMLButtonElement).style.display = 'flex';
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-settings-cancel') as HTMLButtonElement).style.display = 'none';
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-settings') as HTMLButtonElement).style.display = 'none';
// ((container.querySelector('#chart-settings-controls') as HTMLDivElement).querySelector('#chart-control-filters') as HTMLButtonElement).style.display = 'none';
// (container.querySelector('#chart-settings') as HTMLDivElement).innerHTML = '';
// this.renderChartSettingsFilters((container.querySelector('#chart-settings') as HTMLDivElement));
// })
}
renderChartSummary = () => {
var html = `
close
Reporting Summary
close
`;
html += this.htmlDataStats;
html += '
';
html += this.getFilteredStringSummary();
// html += '
';
// html += this.htmlDataSummary;
(this._SfReportSummaryContainer as HTMLDivElement).innerHTML = html;
(this._SfReportSummaryContainer as HTMLDivElement).style.display = 'block';
(this._SfReportSummaryContainer as HTMLDivElement).querySelector('#button-detail-close')?.addEventListener('click', () => {
(this._SfReportSummaryContainer as HTMLDivElement).innerHTML = '';
(this._SfReportSummaryContainer as HTMLDivElement).style.display = 'none';
});
let summaryDocuments = (this._SfReportSummaryContainer as HTMLDivElement).querySelectorAll('.summary-report-doc') as NodeListOf;
for(let summaryDocument of summaryDocuments){
summaryDocument.loadMode();
}
}
csvToHtmlTable = (strCsv: string) => {
var html = '';
//console.log('csvToHtmlTable', strCsv);
var strArr = strCsv.split("\n");
//console.log('csvToHtmlTable', strArr);
html += '';
for(var i = 0; i < strArr.length; i++) {
html += '';
if(i === 0) {
const strArrArr = strArr[i].split(',');
for(var j = 0; j < strArrArr.length; j++) {
html += (''+ strArrArr[j] +' ');
}
} else {
const strArrArr = strArr[i].split(',');
for(var j = 0; j < strArrArr.length; j++) {
html += (''+ strArrArr[j] +' ');
}
}
html += ' ';
}
html += '
';
//console.log('csvToHtmlTable', html);
return html;
}
getFilteredString = () => {
//console.log('selectedfilter', this.selectedFilter);
var tempDiv = document.createElement('div');
tempDiv.id = "div-filter-content";
tempDiv.innerHTML = this.htmlDataCompliances;
const newArrList: Array = [];
//console.log('tempDiv', this.htmlDataCompliances);
const rows = tempDiv.querySelectorAll('tr');
for(var i = 0; i < rows.length; i++) {
let cols = rows[i].querySelectorAll('td');
if(cols.length === 0) {
cols = rows[i].querySelectorAll('th');
}
if(i === 0) {
newArrList.push(rows[i]);
} else {
if(cols.length > 0) {
if(this.selectedFilters == null) {
newArrList.push(rows[i]);
} else {
if(!this.selectedFilters.selected) {
var found = false;
for(var j = 0; j < this.selectedFilters.length; j++) {
if(cols[cols.length - 1].innerHTML.toLowerCase().replace(/&/g, '&').indexOf(this.selectedFilters[j].value.toLowerCase().replace(/&/g, '&')) >= 0) {
found = true;
}
}
if(!found){
newArrList.push(rows[i]);
}
} else {
//console.log('selected filter', this.selectedFilter, cols[cols.length - 1].innerHTML.toLowerCase(), '*-*', this.selectedFilter.value.toLowerCase());
if(cols[cols.length - 1].innerHTML.toLowerCase().replace(/&/g, '&').indexOf(this.selectedFilters.value.toLowerCase().replace(/&/g, '&')) >= 0) {
newArrList.push(rows[i]);
}
}
}
}
}
}
//console.log('newarrlist', newArrList);
let filteredHTML = '';
if(this.selectedFilters != null) {
if(this.selectedFilters.selected) {
filteredHTML += 'Filter (included parameters): ' + this.selectedFilters.value.charAt(0).toUpperCase() + this.selectedFilters.value.slice(1) + ' ';
} else {
let params = "";
for(var i = 0; i < this.selectedFilters.length; i++) {
params += this.selectedFilters[i].value.charAt(0).toUpperCase() + this.selectedFilters[i].value.slice(1);
if(i < (this.selectedFilters.length - 1)) {
params += ',';
}
}
filteredHTML += 'Filter (excluded parameters): ' + params + ' ';
}
}
//console.log('newArrList', newArrList);
filteredHTML += '';
for(var i = 0; i < newArrList.length; i++) {
//console.log('htmlrender', (newArrList[i] as HTMLTableRowElement).outerHTML);
filteredHTML += (newArrList[i] as HTMLTableRowElement).outerHTML;
}
filteredHTML += '
= [];
//console.log('tempDiv', this.htmlDataCompliances);
const rows = tempDiv.querySelectorAll('tr');
for(var i = 0; i < rows.length; i++) {
let cols = rows[i].querySelectorAll('td');
if(cols.length === 0) {
cols = rows[i].querySelectorAll('th');
}
if(i === 0) {
newArrList.push(rows[i]);
} else {
if(cols.length > 0) {
if(this.selectedFilters == null) {
newArrList.push(rows[i]);
} else {
if(!this.selectedFilters.selected) {
var found = false;
for(var j = 0; j < this.selectedFilters.length; j++) {
if(cols[cols.length - 2].innerHTML.toLowerCase().replace(/&/g, '&').indexOf(this.selectedFilters[j].value.toLowerCase().replace(/&/g, '&')) >= 0) {
found = true;
}
}
if(!found){
newArrList.push(rows[i]);
}
} else {
console.log('selected filter', this.selectedFilters, cols[cols.length - 1].innerHTML.toLowerCase(), '*-*', this.selectedFilters.value.toLowerCase());
if(cols[cols.length - 2].innerHTML.toLowerCase().replace(/&/g, '&').indexOf(this.selectedFilters.value.toLowerCase().replace(/&/g, '&')) >= 0) {
newArrList.push(rows[i]);
}
}
}
}
}
}
console.log('newarrlist', newArrList);
let filteredHTML = '';
if(this.selectedFilters != null) {
if(this.selectedFilters.selected) {
filteredHTML += 'Filter (included parameters): ' + this.selectedFilters.value.charAt(0).toUpperCase() + this.selectedFilters.value.slice(1) + ' ';
} else {
let params = "";
for(var i = 0; i < this.selectedFilters.length; i++) {
params += this.selectedFilters[i].value.charAt(0).toUpperCase() + this.selectedFilters[i].value.slice(1);
if(i < (this.selectedFilters.length - 1)) {
params += ',';
}
}
filteredHTML += 'Filter (excluded parameters): ' + params + ' ';
}
}
//console.log('newArrList', newArrList);
filteredHTML += '';
for(var i = 0; i < newArrList.length; i++) {
let tdClass = (i % 2 == 0) ? "td-even" : "td-odd";
console.log('tdClass', tdClass, i)
filteredHTML += (newArrList[i] as HTMLTableRowElement).outerHTML.replace(/td-odd/g, tdClass).replace(/td-even/g,tdClass);
}
filteredHTML += '
\d+\.?\d*)/;
let fillText = '';
if((this.chart4.data.labels[j] + "").toLowerCase().replace(/ /g, "-") == this.graphParam) {
this.chart4.ctx.font = "bold 20pt Courier";
fillText = dataset.data[j] + '✓';
} else {
this.chart4.ctx.font = "bold 15pt Courier";
fillText = dataset.data[j];
}
this.chart4.ctx.fillStyle = '#fff';
this.chart4.ctx.textBaseline = "middle";
this.chart4.ctx.textAlign = "center";
//console.log('comparing labels', (this.chart4.data.labels[j] + "").toLowerCase().replace(/ /g, "-"), j, this.graphParam, this.chart4.getDatasetMeta(i).data[j]);
this.chart4.ctx.fillText(fillText, this.chart4.getDatasetMeta(i).data[j].x + x, this.chart4.getDatasetMeta(i).data[j].y + y);
}
}
}
}
}
if(this.chart4 != null && this.chart4.ctx != null){
this.chart4Base64 = (this.chart4 as Chart).toBase64Image()
}
}
},
scales: {
x: {
grid: {
display: false,
drawBorder: false
},
ticks: {
display: false,
},
stacked: true,
},
y: {
grid: {
display: false,
drawBorder: false
},
ticks: {
font: {
size: window.innerWidth > window.innerHeight ? window.innerWidth/170 : window.innerWidth/40,
},
callback: (val: any, _index: any) => {
// Hide every 2nd tick label
let value = data.labels[val];
//console.log('callback', this.graphParam);
if(this.graphParam.length > 0) {
if((data.labels[val].join(" ") + "").toLowerCase().trim() == this.graphParam) {
} else {
value = "";
}
} else {
if(this.isSelectedLegend(val)) {
return "";
}
}
return value;
}
},
stacked: true,
}
},
barPercentage: 0.8,
categoryPercentage: 0.5,
plugins: {
legend: {
display: true,
position: "bottom",
align: "center",
labels: {
font: {
size: 10,
},
boxWidth: 10,
boxHeight: 10,
},
onClick: () => {}
},
title: {
display: true,
text: title,
font: {
size: 16,
}
},
},
onClick: (_event: any = {}, array: any) => {
// if(array == null) return;
// if(array[0] == null) return;
// const barIndex = array[0].index;
// this.clickOnBar(false, 2, barIndex)
// this.clickOnPie(true, barIndex)
if(array == null) return;
if(array[0] == null) return;
const pieIndex = array[0].index;
this.clickOnPie(false, pieIndex)
if(this.chart2 != null && this.chart4 != null) {
this.clickOnBar(true, 2, array[0].index);
}
},
},
});
//console.log('canvas parent node', this.chart4.canvas.parentNode);
this.chart4.canvas.parentNode.style.height = (parseInt(data.labels.length)*90 + 40) + 'px';
}
renderChart3 = (ctx: any, type: any, data: any, title: string) => {
if(this.chart3 != null) {
(this.chart3 as Chart).destroy();
}
this.chart3 = new Chart(ctx, {
type: type,
data: data,
options: {
indexAxis: 'y',
responsive: true,
maintainAspectRatio: false,
animation: {
duration:0,
onComplete: () => {
if(this.chart3 != null && this.chart3.ctx != null) {
if(type == 'bar') {
this.chart3.ctx.font = "bold 10pt 'Helvetica Neue'";
this.chart3.ctx.fillStyle = '#000';
this.chart3.ctx.textBaseline = "middle";
this.chart3.ctx.textAlign = "center";
for(var i = 0; i < this.chart3.data.datasets.length; i++) {
const dataset = this.chart3.data.datasets[i];
for (var j = 0; j < dataset.data.length; j++) {
if(parseInt(dataset.data[j]) > 0) {
if((this.chart3.data.labels[j].join(" ") + "").toLowerCase().trim() == this.graphParam) {
this.chart3.ctx.fillStyle = '#fff';
} else {
this.chart3.ctx.fillStyle = '#000';
}
this.chart3.ctx.fillText(dataset.data[j], this.chart3.getDatasetMeta(i).data[j].x - 13, this.chart3.getDatasetMeta(i).data[j].y);
}
}
}
} else {
//console.log('onanimation complete', this.chart3, this.chart3.data);
for(var i = 0; i < this.chart3.data.datasets.length; i++) {
const dataset = this.chart3.data.datasets[i];
for (var j = 0; j < dataset.data.length; j++) {
if(parseInt(dataset.data[j]) > 0) {
//console.log(this.chart3.getDatasetMeta(i));
//console.log(i + "," + j, this.chart3.getDatasetMeta(i).data[j]);
// var total = this.chart3.getDatasetMeta(i).total;
//console.log('total', total);
var mid_radius = this.chart3.getDatasetMeta(i).data[j].innerRadius + (this.chart3.getDatasetMeta(i).data[j].outerRadius - this.chart3.getDatasetMeta(i).data[j].innerRadius)/2;
//console.log('mid_radius', mid_radius);
var start_angle = this.chart3.getDatasetMeta(i).data[j].startAngle;
//console.log('start_angle', start_angle);
var end_angle = this.chart3.getDatasetMeta(i).data[j].endAngle;
//console.log('end_angle', end_angle);
var mid_angle = start_angle + (end_angle - start_angle)/2;
//console.log('mid_angle', mid_angle);
var x = mid_radius * Math.cos(mid_angle);
var y = mid_radius * Math.sin(mid_angle);
this.chart3.ctx.fillStyle = '#fff';
if (i == 3){ // Darker text color for lighter background
this.chart3.ctx.fillStyle = '#444';
}
// var percent = String(Math.round(dataset.data[j]/total*100)) + "%";
// var str = "";
// for(var k = 0; k <= dataset.data[j].length; k++) {
// str += 'â–ˆ';
// }
//console.log('outputting bg', str);
this.chart3.ctx.fillStyle = '#000';
//this.chart.ctx.fillText(str, this.chart.getDatasetMeta(i).data[j].x + x, this.chart.getDatasetMeta(i).data[j].y + y);
//const match = /(?\d+\.?\d*)/;
let fillText = '';
if((this.chart3.data.labels[j] + "").toLowerCase().replace(/ /g, "-") == this.graphParam) {
this.chart3.ctx.font = "bold 20pt Courier";
fillText = dataset.data[j] + '✓';
} else {
this.chart3.ctx.font = "bold 15pt Courier";
fillText = dataset.data[j];
}
this.chart3.ctx.fillStyle = '#fff';
this.chart3.ctx.textBaseline = "middle";
this.chart3.ctx.textAlign = "center";
//console.log('comparing labels', (this.chart3.data.labels[j] + "").toLowerCase().replace(/ /g, "-"), j, this.graphParam, this.chart3.getDatasetMeta(i).data[j]);
this.chart3.ctx.fillText(fillText, this.chart3.getDatasetMeta(i).data[j].x + x, this.chart3.getDatasetMeta(i).data[j].y + y);
}
}
}
}
}
if(this.chart3 != null && this.chart3.ctx != null){
this.chart3Base64 = (this.chart3 as Chart).toBase64Image();
}
}
},
scales: {
x: {
grid: {
display: false,
drawBorder: false
},
ticks: {
display: false,
},
stacked: true,
},
y: {
grid: {
display: false,
drawBorder: false
},
ticks: {
font: {
size: window.innerWidth > window.innerHeight ? window.innerWidth/170 : window.innerWidth/40,
},
callback: (val: any, _index: any) => {
// Hide every 2nd tick label
let value = data.labels[val];
//console.log('callback', this.graphParam);
if(this.graphParam.length > 0) {
if((data.labels[val].join(" ") + "").toLowerCase().trim() == this.graphParam) {
} else {
value = "";
}
} else {
if(this.isSelectedLegend(val)) {
return "";
}
}
return value;
}
},
stacked: true,
}
},
barPercentage: 0.8,
categoryPercentage: 0.5,
plugins: {
legend: {
display: true,
position: "bottom",
align: "center",
labels: {
font: {
size: 10,
},
boxWidth: 10,
boxHeight: 10,
},
onClick: () => {}
},
title: {
display: true,
text: title,
font: {
size: 16,
}
},
},
onClick: (_event: any = {}, array: any) => {
// if(array == null) return;
// if(array[0] == null) return;
// const barIndex = array[0].index;
// this.clickOnBar(false, 2, barIndex)
// this.clickOnPie(true, barIndex)
if(array == null) return;
if(array[0] == null) return;
const pieIndex = array[0].index;
this.clickOnPie(false, pieIndex)
if(this.chart2 != null && this.chart3 != null) {
this.clickOnBar(true, 2, array[0].index);
}
},
},
});
//console.log('canvas parent node', this.chart3.canvas.parentNode);
this.chart3.canvas.parentNode.style.height = (parseInt(data.labels.length)*90 + 40) + 'px';
}
renderChart2 = (ctx: any, type: any, data: any, title: string) => {
if(this.chart2 != null) {
(this.chart2 as Chart).destroy();
}
console.log('chart2 context', ctx);
this.chart2 = new Chart(ctx, {
type: type,
data: data,
options: {
indexAxis: 'y',
responsive: true,
maintainAspectRatio: false,
animation: {
duration:0,
onComplete: () => {
if(this.chart2 != null && this.chart2.ctx != null) {
console.log('chart 2 ctx', this.chart2);
if(type == 'bar') {
this.chart2.ctx.font = "bold 10pt 'Helvetica Neue'";
this.chart2.ctx.fillStyle = '#000';
this.chart2.ctx.textBaseline = "middle";
this.chart2.ctx.textAlign = "center";
for(var i = 0; i < this.chart2.data.datasets.length; i++) {
const dataset = this.chart2.data.datasets[i];
for (var j = 0; j < dataset.data.length; j++) {
if(parseInt(dataset.data[j]) > 0) {
if((this.chart2.data.labels[j].join(" ") + "").toLowerCase().trim() == this.graphParam) {
this.chart2.ctx.fillStyle = '#fff';
} else {
this.chart2.ctx.fillStyle = '#000';
}
this.chart2.ctx.fillText(dataset.data[j], this.chart2.getDatasetMeta(i).data[j].x - 13, this.chart2.getDatasetMeta(i).data[j].y);
}
}
}
} else {
for(var i = 0; i < this.chart2.data.datasets.length; i++) {
const dataset = this.chart2.data.datasets[i];
for (var j = 0; j < dataset.data.length; j++) {
if(parseInt(dataset.data[j]) > 0) {
var mid_radius = this.chart2.getDatasetMeta(i).data[j].innerRadius + (this.chart2.getDatasetMeta(i).data[j].outerRadius - this.chart2.getDatasetMeta(i).data[j].innerRadius)/2;
var start_angle = this.chart2.getDatasetMeta(i).data[j].startAngle;
var end_angle = this.chart2.getDatasetMeta(i).data[j].endAngle;
var mid_angle = start_angle + (end_angle - start_angle)/2;
var x = mid_radius * Math.cos(mid_angle);
var y = mid_radius * Math.sin(mid_angle);
this.chart2.ctx.fillStyle = '#fff';
if (i == 3){ // Darker text color for lighter background
this.chart2.ctx.fillStyle = '#444';
}
// var percent = String(Math.round(dataset.data[j]/total*100)) + "%";
// var str;
// str = "";
// for(var k = 0; k <= dataset.data[j].length; k++) {
// str += 'â–ˆ';
// }
this.chart2.ctx.fillStyle = '#000';
//this.chart.ctx.fillText(str, this.chart.getDatasetMeta(i).data[j].x + x, this.chart.getDatasetMeta(i).data[j].y + y);
//const match = /(?\d+\.?\d*)/;
let fillText = '';
if((this.chart2.data.labels[j] + "").toLowerCase().replace(/ /g, "-") == this.graphParam) {
this.chart2.ctx.font = "bold 20pt Courier";
fillText = dataset.data[j] + '✓';
} else {
this.chart2.ctx.font = "bold 15pt Courier";
fillText = dataset.data[j];
}
this.chart2.ctx.fillStyle = '#fff';
this.chart2.ctx.textBaseline = "middle";
this.chart2.ctx.textAlign = "center";
this.chart2.ctx.fillText(fillText, this.chart2.getDatasetMeta(i).data[j].x + x, this.chart2.getDatasetMeta(i).data[j].y + y);
}
}
}
}
}
if(this.chart2 != null && this.chart2.ctx != null){
this.chart2Base64 = (this.chart2 as Chart).toBase64Image();
}
}
},
scales: {
x: {
grid: {
display: false,
drawBorder: false
},
ticks: {
display: false,
},
stacked: true,
},
y: {
grid: {
display: false,
drawBorder: false
},
ticks: {
font: {
size: window.innerWidth > window.innerHeight ? window.innerWidth/170 : window.innerWidth/40,
},
callback: (val: any, _index: any) => {
// Hide every 2nd tick label
let value = data.labels[val];
//console.log('callback', this.graphParam);
if(this.graphParam.length > 0) {
if((data.labels[val].join(" ") + "").toLowerCase().trim() == this.graphParam) {
} else {
value = "";
}
} else {
if(this.isSelectedLegend(val)) {
return "";
}
}
return value;
}
},
stacked: true,
}
},
barPercentage: 0.8,
categoryPercentage: 0.5,
plugins: {
legend: {
display: true,
position: "bottom",
align: "center",
labels: {
font: {
size: 10,
},
boxWidth: 10,
boxHeight: 10,
},
onClick: () => {}
},
title: {
display: true,
text: title,
font: {
size: 16,
}
}
},
onClick: (_event: any = {}, array: any) => {
// if(array == null) return;
// if(array[0] == null) return;
// const barIndex = array[0].index;
// this.clickOnBar(false, 2, barIndex)
// this.clickOnPie(true, barIndex)
if(array == null) return;
if(array[0] == null) return;
const pieIndex = array[0].index;
// const tempGraphParam = this.graphParam
//console.log('pie bar trigger 0', this.graphParam, array[0].index, JSON.stringify(this.barCharDataSet2));
this.clickOnPie(false, pieIndex)
//console.log('pie bar trigger 1', this.graphParam, array[0].index, JSON.stringify(this.barCharDataSet2));
if(this.chart2 != null && this.chart3 != null) {
//console.log('pie bar trigger 2', this.graphParam, array[0].index);
this.clickOnBar(true, 2, array[0].index);
}
},
},
});
//console.log('canvas parent node', this.chart2.canvas.parentNode);
this.chart2.canvas.parentNode.style.height = (parseInt(data.labels.length)*90 + 40) + 'px';
console.log('this.chart2 rendered', (this.chart2 as Chart));
}
renderChart = (ctx: any, type: any, data: any, title: string|string[]) => {
//console.log('rendering chart', this.chart);
if(this.chart != null) {
//console.log('destroying chart', this.chart);
(this.chart as Chart).destroy();
this.chart = null;
}
this.chart = new Chart(ctx, {
type: type,
data: data,
options: {
indexAxis: 'y',
responsive: true,
maintainAspectRatio: false,
animation: {
duration:0,
onComplete: () => {
if(this.chart != null) {
if(type == 'bar') {
this.chart.ctx.font = "bold 10pt Courier";
this.chart.ctx.fillStyle = '#fff';
this.chart.ctx.textBaseline = "middle";
this.chart.ctx.textAlign = "center";
for(var i = 0; i < this.chart.data.datasets.length; i++) {
const dataset = this.chart.data.datasets[i];
for (var j = 0; j < dataset.data.length; j++) {
if(parseInt(dataset.data[j]) > 0) {
//console.log('points', this.chart.getDatasetMeta(i).data[j]);
this.chart.ctx.fillText(dataset.data[j], this.chart.getDatasetMeta(i).data[j].x - 20, this.chart.getDatasetMeta(i).data[j].y);
}
}
}
} else {
//console.log('onanimation complete', this.chart, this.chart.data, this.graphParam);
//console.log('onanimation complete', this.graphParam);
var rendered = false;
for(var i = 0; i < this.chart.data.datasets.length; i++) {
const dataset = this.chart.data.datasets[i];
for (var j = 0; j < dataset.data.length; j++) {
if(parseInt(dataset.data[j]) > 0) {
rendered = true;
//console.log(this.chart.getDatasetMeta(i));
//console.log(i + "," + j, this.chart.getDatasetMeta(i).data[j]);
// var total = this.chart.getDatasetMeta(i).total;
//console.log('total', total);
var mid_radius = this.chart.getDatasetMeta(i).data[j].innerRadius + (this.chart.getDatasetMeta(i).data[j].outerRadius - this.chart.getDatasetMeta(i).data[j].innerRadius)/2;
//console.log('mid_radius', mid_radius);
var start_angle = this.chart.getDatasetMeta(i).data[j].startAngle;
//console.log('start_angle', start_angle);
var end_angle = this.chart.getDatasetMeta(i).data[j].endAngle;
//console.log('end_angle', end_angle);
var mid_angle = start_angle + (end_angle - start_angle)/2;
//console.log('mid_angle', mid_angle);
var x = mid_radius * Math.cos(mid_angle);
var y = mid_radius * Math.sin(mid_angle);
this.chart.ctx.fillStyle = '#fff';
if (i == 3){ // Darker text color for lighter background
this.chart.ctx.fillStyle = '#444';
}
// var percent = String(Math.round(dataset.data[j]/total*100)) + "%";
// var str = "";
// for(var k = 0; k <= dataset.data[j].length; k++) {
// str += 'â–ˆ';
// }
//console.log('outputting bg', str);
this.chart.ctx.fillStyle = '#000';
//this.chart.ctx.fillText(str, this.chart.getDatasetMeta(i).data[j].x + x, this.chart.getDatasetMeta(i).data[j].y + y);
//const match = /(?\d+\.?\d*)/;
let fillText = '';
let replaceText = ' ';
if(this.flowGraph == this.FLOW_GRAPH_COMPLETENESS || this.flowGraph == this.FLOW_GRAPH_TIMELINESS) {
replaceText = '-';
}
this.chart.ctx.fillStyle = '#fff';
if((this.chart.data.labels[j] + "").toLowerCase().replace(/ /g, replaceText) == this.graphParam) {
this.chart.ctx.font = "bold 20pt 'Helvetica Neue'";
if(this.isSelectedLegend(j)) {
fillText = '';
} else {
this.chart.ctx.fillStyle = '#fff';
fillText = dataset.data[j] + '✓';
}
} else {
this.chart.ctx.font = "bold 12pt 'Helvetica Neue'";
if(this.isSelectedLegend(j)) {
fillText = '';
} else {
this.chart.ctx.fillStyle = '#000';
fillText = dataset.data[j];
}
}
this.chart.ctx.textBaseline = "middle";
this.chart.ctx.textAlign = "center";
this.chart.ctx.fillText(fillText, this.chart.getDatasetMeta(i).data[j].x + x, this.chart.getDatasetMeta(i).data[j].y + y);
}
}
}
if(!rendered) {
const { chartArea: { left, top, right, bottom }, ctx } = this.chart;
const centerX = (left + right) / 2;
const centerY = (top + bottom) / 2;
ctx.font = "15pt Arial";
ctx.fillStyle = '#666';
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
ctx.fillText('No data to display', centerX, centerY);
}
}
}
if(this.chart != null){
this.chartBase64 = (this.chart as Chart).toBase64Image();
}
}
},
scales: {
x: {
grid: {
display: false,
drawBorder: false
},
ticks: {
display: false,
},
stacked: true,
},
y: {
grid: {
display: false,
drawBorder: false
},
ticks: {
display: type == 'bar' ? true : false,
font: {
size: window.innerWidth > window.innerHeight ? window.innerWidth/170 : window.innerWidth/40,
}
},
stacked: true,
}
},
barPercentage: 0.8,
categoryPercentage: 0.5,
plugins: {
legend: {
display: true,
position: "bottom",
align: "center",
labels: {
font: {
size: 10,
},
boxWidth: 10,
boxHeight: 10,
generateLabels: (chart: any) => chart.data.labels.map((l: any, i: any) => ({
datasetIndex: i,
index: i,
text: l,
fillStyle: chart.data.datasets[0].backgroundColor[i],
strokeStyle: chart.data.datasets[0].backgroundColor[i],
hidden: chart.getDatasetMeta(0).data[i].hidden
}))
},
onClick: (_evt: any, legendItem: any, _legend: any) => {
if(this.graphParam.length > 0) {
this.clearSelectedGraphParam();
}
//
//console.log('index clicked', legendItem.index, this.chart.legend.legendItems[legendItem.index]);
this.processClickOnLegend(legendItem.index, legendItem);
}
},
title: {
display: true,
text: title,
font: {
size: Array.isArray(title) ? 14 : 16,
lineHeight: 1.5
}
}
},
onClick: (_event: any, array: any) => {
console.log('chartclick', array[0]);
if(array == null) return;
if(array[0] == null) return;
const pieIndex = array[0].index;
// const tempGraphParam = this.graphParam
//console.log('pie bar trigger 0', this.graphParam, array[0].index, JSON.stringify(this.barCharDataSet2));
this.clickOnPie(false, pieIndex)
//console.log('pie bar trigger 1', this.graphParam, array[0].index, JSON.stringify(this.barCharDataSet2));
if(this.chart2 != null && this.chart3 != null) {
//console.log('pie bar trigger 2', this.graphParam, array[0].index);
this.clickOnBar(true, 2, array[0].index);
}
}
},
});
this.chart.canvas.parentNode.style.height = '450px';
}
copy = (aObject: any) => {
// Prevent undefined objects
// if (!aObject) return aObject;
let bObject : any = Array.isArray(aObject) ? [] : {};
let value;
for (const key in aObject) {
// Prevent self-references to parent object
// if (Object.is(aObject[key], aObject)) continue;
value = aObject[key];
bObject[key] = (typeof value === "object") ? this.copy(value) : value;
}
return bObject;
}
processGraphHide = (clickedValue: string, hide: boolean) => {
//console.log('processGraphHide', clickedValue, hide, this.selectedFilter);
let eventContainer = null;
if(this.getCurrentTab() == this.TAB_STREAM) {
eventContainer = (this._SfStreamContainer as HTMLDivElement);
}
if(this.getCurrentTab() == this.TAB_UPCOMING) {
eventContainer = (this._SfUpcomingContainer as HTMLDivElement);
}
if(this.getCurrentTab() == this.TAB_THIS) {
eventContainer = (this._SfThisContainer as HTMLDivElement);
}
if(this.getCurrentTab() == this.TAB_PAST) {
eventContainer = (this._SfPastContainer as HTMLDivElement);
}
if(this.getCurrentTab() == this.TAB_CUSTOM) {
eventContainer = (this._SfCustomContainer as HTMLDivElement);
}
const divs = eventContainer!.querySelectorAll('.stream-events-container') as NodeListOf;
const eventTitles = eventContainer!.querySelectorAll('.stream-events-event-title') as NodeListOf;
const eventSubTitles = eventContainer!.querySelectorAll('.stream-events-event-subtitle') as NodeListOf;
const tables = eventContainer!.querySelectorAll('.stream-events-container-table') as NodeListOf;
const graphparamnames1 = eventContainer!.querySelectorAll('.graphparamname1') as NodeListOf;
const graphparamnames2 = eventContainer!.querySelectorAll('.graphparamname2') as NodeListOf;
const graphparamnames3 = eventContainer!.querySelectorAll('.graphparamname3') as NodeListOf;
const eventUserLabelsContainers = eventContainer!.querySelectorAll('.event-user-labels-container') as NodeListOf;
const streamEventSummary = eventContainer!.querySelector('#stream-event-summary') as HTMLDivElement;
const streamEventFilters = eventContainer!.querySelector('#stream-event-filter') as HTMLDivElement;
const buttonListReporting = eventContainer!.querySelector('.button-list-reporting') as HTMLButtonElement;
if(hide) {
//this.graphParam = clickedValue;
streamEventSummary.style.display = 'none';
//console.log('selectedfilter', this.selectedFilter);
if(this.selectedFilters == null) {
this.selectedFilters = [];
}
this.selectedFilters.push({
selected: false,
value: clickedValue
});
var filterString = "";
for(var j = 0; j < this.selectedFilters.length; j++) {
filterString += this.selectedFilters[j].value;
if(j < (this.selectedFilters.length - 1)) {
filterString += ',';
}
}
(streamEventFilters as HTMLDivElement).style.display = 'block';
(streamEventFilters as HTMLDivElement).innerHTML = 'Filtered by excluding '+filterString+'
close
for(let tempReportingContainer of listReportingContainers){
tempReportingContainer.style.display = 'none';
tempReportingContainer.innerHTML = '';
}
let buttonListReportings = eventContainer!.querySelectorAll('.button-list-reporting') as NodeListOf
for(let buttonListReporting of buttonListReportings){
buttonListReporting.setAttribute('part','button-list-reporting')
}
let streamEventTitles = eventContainer!.querySelectorAll('.stream-event-title') as NodeListOf
for(let streamEventTitle of streamEventTitles){
streamEventTitle.removeAttribute('part')
}
// var found = false;
// if(this.selectedFilter != null) {
// for(var j = 0; j < this.selectedFilter.length; j++) {
// if((graphparamnames[i] as HTMLDivElement).innerHTML.toLowerCase().replace('&', '&').indexOf(this.selectedFilter[j].value) >= 0) {
// found = true;
// break;
// }
// }
// }
// if(found) {
// if(hide) {
// (tables[i] as HTMLDivElement).style.display = 'none';
// //(hiddenFilternames[i] as HTMLDivElement).style.display = 'none';
// (graphparamnames[i] as HTMLDivElement).style.display = 'none';
// (eventTitles[i] as HTMLDivElement).style.display = 'none';
// } else {
// (tables[i] as HTMLDivElement).style.display = 'block';
// //(hiddenFilternames[i] as HTMLDivElement).style.display = 'block';
// (graphparamnames[i] as HTMLDivElement).style.display = 'block';
// (eventTitles[i] as HTMLDivElement).style.display = 'flex';
// }
// }
}
}
processGraphFilter = (clickedValue: string) => {
let eventContainer = null;
console.log('processGraphFilter called', clickedValue);
if(this.getCurrentTab() == this.TAB_STREAM) {
eventContainer = (this._SfStreamContainer as HTMLDivElement);
}
// if(this.getCurrentTab() == this.TAB_UPCOMING) {
// eventContainer = (this._SfUpcomingContainer as HTMLDivElement);
// }
if(this.getCurrentTab() == this.TAB_THIS) {
eventContainer = (this._SfThisContainer as HTMLDivElement);
}
// if(this.getCurrentTab() == this.TAB_PAST) {
// eventContainer = (this._SfPastContainer as HTMLDivElement);
// }
if(this.getCurrentTab() == this.TAB_CUSTOM) {
eventContainer = (this._SfCustomContainer as HTMLDivElement);
}
if(this.getCurrentTab() == this.TAB_FIND) {
eventContainer = (this._SfFindContainer as HTMLDivElement);
}
if(eventContainer == null) return;
this.graphFilter = clickedValue
this.selectedItemIds = [];
const buttonSelect = eventContainer!.querySelectorAll('.button-select') as NodeListOf;
// for(let checkSelect of buttonSelect){
// checkSelect.checked = false
// }
const divs = eventContainer!.querySelectorAll('.stream-events-container') as NodeListOf;
const eventTitles = eventContainer!.querySelectorAll('.stream-events-event-title') as NodeListOf;
const eventSubTitles = eventContainer!.querySelectorAll('.stream-events-event-subtitle') as NodeListOf;
const tables = eventContainer!.querySelectorAll('.stream-events-container-table') as NodeListOf;
const graphparamnames1 = eventContainer!.querySelectorAll('.graphparamname1') as NodeListOf;
const graphparamnames2 = eventContainer!.querySelectorAll('.graphparamname2') as NodeListOf;
const graphparamnames3 = eventContainer!.querySelectorAll('.graphparamname3') as NodeListOf;
const eventUserLabelsContainers = eventContainer!.querySelectorAll('.event-user-labels-container') as NodeListOf;
const streamEventSummary = eventContainer!.querySelector('#stream-event-summary') as HTMLDivElement;
const streamEventFilters = eventContainer!.querySelector('#stream-event-filter') as HTMLDivElement;
const buttonListReporting = eventContainer!.querySelectorAll('.button-list-reporting') as NodeListOf;
if(streamEventSummary == null) {
return;
}
console.log('recentlyReported', this.recentlyReported);
if(this.graphParam == clickedValue) {
this.graphParam = "";
streamEventSummary.style.display = 'flex';
this.selectedFilters = null;
(streamEventFilters as HTMLDivElement).style.display = 'none';
(streamEventFilters as HTMLDivElement).innerHTML = '';
} else {
this.graphParam = clickedValue;
streamEventSummary.style.display = 'none';
this.selectedFilters = {
selected: true,
value: clickedValue
};
(streamEventFilters as HTMLDivElement).style.display = 'block';
(streamEventFilters as HTMLDivElement).innerHTML = 'Filtered by '+clickedValue+'
close
for(let tempReportingContainer of listReportingContainers){
tempReportingContainer.style.display = 'none';
tempReportingContainer.innerHTML = '';
}
let buttonListReportings = eventContainer!.querySelectorAll('.button-list-reporting') as NodeListOf
for(let buttonListReporting of buttonListReportings){
buttonListReporting.setAttribute('part','button-list-reporting')
}
let streamEventTitles = eventContainer!.querySelectorAll('.stream-event-title') as NodeListOf
for(let streamEventTitle of streamEventTitles){
streamEventTitle.removeAttribute('part')
}
}
processClickOnLegend = (index: number, legendItem: any) => {
legendItem.hidden = true;
const ci = this.chart;
if(this.chart.legend.chart.data.datasets != null) {
this.chart.legend.chart.data.datasets[0].data.forEach((_d: any, i: any) => {
if(index === i) {
let opHide = true;
//console.log('dataset-found before before', this.isSelectedLegend(i), legendItem, this.chartSelectedLegend);
if(!this.isSelectedLegend(i)) {
//this.clearSelectedLegend();
opHide = true;
this.chart.legend.chart.getDatasetMeta(0).data[index].hidden = true;
this.chartSelectedLegend.push(index);
ci.update();
} else {
opHide = false;
for(var j = 0; j < this.chartSelectedLegend.length; j++) {
this.chart.legend.chart.getDatasetMeta(0).data[this.chartSelectedLegend[j]].hidden = false;
}
this.removeFromSelectedLegend(index)
ci.update();
}
this.clickOnLegend(this.isSelectedLegend(i), legendItem.text);
if(this.chart2 != null && this.chart3 != null) {
if(opHide) {
// if(this.barCharDataSet2Arr.length > 0) {
// this.chart2.data.datasets = this.barCharDataSet2Arr.pop();
// }
// if(this.barCharDataSet3Arr.length > 0) {
// this.chart3.data.datasets = this.barCharDataSet3Arr.pop();
// }
// this.barCharDataSet2Arr.push({index: index, value: this.copy(this.chart2.data.datasets)});
// this.barCharDataSet3Arr.push({index: index, value: this.copy(this.chart3.data.datasets)});
this.barCharDataSet2Arr.push(this.copy(this.chart2.data.datasets));
this.barCharDataSet3Arr.push(this.copy(this.chart3.data.datasets));
for(var k = 0; k < this.chart2.data.datasets.length; k++) {
const dataset = this.chart2.data.datasets[k];
for (var j = 0; j < dataset.data.length; j++) {
if(j === index) {
dataset.data[j] = 0;
} else {
}
}
}
for(var k = 0; k < this.chart3.data.datasets.length; k++) {
const dataset = this.chart3.data.datasets[k];
for (var j = 0; j < dataset.data.length; j++) {
if(j === index) {
dataset.data[j] = 0;
} else {
}
}
}
//console.log('dataset-found before', this.barCharDataSet3Arr);
} else {
do {
this.chart2.data.datasets = this.barCharDataSet2Arr.pop();
this.chart3.data.datasets = this.barCharDataSet3Arr.pop();
} while(this.barCharDataSet2Arr.length > 0);
this.chartSelectedLegend = [];
}
this.chart2.update();
this.chart3.update();
}
////console.log('modified datasets', this.chart2.data.datasets);
//console.log('dataset-found after', this.chartSelectedLegend);
}
})
}
}
clickOnLegend = (hide: boolean, label: string) => {
//console.log(hide, label);
let labelClicked = '';
if(this.flowGraph == this.FLOW_GRAPH_COMPLETENESS || this.flowGraph == this.FLOW_GRAPH_TIMELINESS) {
labelClicked = (label).toLowerCase().replace(/ /g, "-").replace('status-', '');
} else {
labelClicked = (label).toLowerCase();
}
this.processGraphHide(labelClicked, hide);
}
clickOnPie = (callingFromBar: boolean, pieIndex: number) => {
//console.log('pie bar trigger 1 0', JSON.stringify(this.barCharDataSet2));
//console.log('pieIndex', pieIndex);
if(this.barCharDataSet2Arr.length > 0) {
this.clearSelectedLegend();
}
//console.log('pie bar trigger 1 1', JSON.stringify(this.barCharDataSet2));
let labelClicked = '';
if(this.flowGraph == this.FLOW_GRAPH_COMPLETENESS || this.flowGraph == this.FLOW_GRAPH_TIMELINESS) {
labelClicked = (this.chart.data.labels[pieIndex] + "").toLowerCase().replace(/ /g, "-").replace('status-', '');
} else {
labelClicked = (this.chart.data.labels[pieIndex] + "").toLowerCase();
}
//console.log('pieIndex', labelClicked);
if(!callingFromBar) {
console.log('pieIndex', labelClicked);
console.log('calling processGraphFilter 2')
this.processGraphFilter(labelClicked);
}
}
clickOnBar = (callingFromPie: boolean, graphNumber: number, barIndex: number) => {
let labelClicked = '';
if(graphNumber === 2 || graphNumber === 3 || graphNumber === 4) {
if(this.flowGraph == this.FLOW_GRAPH_COMPLETENESS || this.flowGraph == this.FLOW_GRAPH_TIMELINESS) {
labelClicked = (this.chart2.data.labels[barIndex].join(" ") + "").toLowerCase().replace(/ /g, "-").replace('status-', '');
} else {
labelClicked = (this.chart2.data.labels[barIndex].join(" ") + "").toLowerCase();
}
}
if(!callingFromPie) {
console.log('calling processGraphFilter 3')
this.processGraphFilter(labelClicked);
}
//console.log('clickonbar trigger', this.graphParam, '><', this.barCharDataSet2);
if(this.graphParam.length > 0) {
if(this.barCharDataSet2.length > 0 && this.barCharDataSet3.length > 0 && this.barCharDataSet4.length > 0) {
this.chart2.data.datasets = this.barCharDataSet2.pop();
this.chart3.data.datasets = this.barCharDataSet3.pop();
this.chart4.data.datasets = this.barCharDataSet4.pop();
}
this.barCharDataSet2.push(this.copy(this.chart2.data.datasets));
for(var i = 0; i < this.chart2.data.datasets.length; i++) {
const dataset = this.chart2.data.datasets[i];
for (var j = 0; j < dataset.data.length; j++) {
if(j === barIndex) {
} else {
dataset.data[j] = 0;
}
}
}
this.barCharDataSet3.push(this.copy(this.chart3.data.datasets));
for(var i = 0; i < this.chart3.data.datasets.length; i++) {
const dataset = this.chart3.data.datasets[i];
for (var j = 0; j < dataset.data.length; j++) {
if(j === barIndex) {
} else {
dataset.data[j] = 0;
}
}
}
this.barCharDataSet4.push(this.copy(this.chart4.data.datasets));
for(var i = 0; i < this.chart4.data.datasets.length; i++) {
const dataset = this.chart4.data.datasets[i];
for (var j = 0; j < dataset.data.length; j++) {
if(j === barIndex) {
} else {
dataset.data[j] = 0;
}
}
}
//console.log('clickonbar trigger latest values', this.chart2.data.datasets);
//console.log('clickonbar trigger in storage', this.barCharDataSet2);
} else {
this.chart2.data.datasets = this.barCharDataSet2.pop();
this.chart3.data.datasets = this.barCharDataSet3.pop();
this.chart4.data.datasets = this.barCharDataSet4.pop();
}
//console.log(this.chart2.data);
this.chart2.update();
this.chart3.update();
this.chart4.update();
}
getCurrentTab = () => {
if(this.mode == "next"){
return;
}
if((this._SfCalendarContainer as HTMLDivElement).style.display == 'flex') {
return this.TAB_YEAR;
}
if((this._SfStreamContainer as HTMLDivElement).style.display == 'flex') {
return this.TAB_STREAM;
}
if((this._SfUpcomingContainer as HTMLDivElement).style.display == 'flex') {
return this.TAB_UPCOMING;
}
if((this._SfThisContainer as HTMLDivElement).style.display == 'flex') {
return this.TAB_THIS;
}
if((this._SfPastContainer as HTMLDivElement).style.display == 'flex') {
return this.TAB_PAST;
}
if((this._SfCustomContainer as HTMLDivElement).style.display == 'flex') {
return this.TAB_CUSTOM;
}
if((this._SfFindContainer as HTMLDivElement).style.display == 'flex') {
return this.TAB_FIND;
}
return "";
}
renderTabs = (selectedTab: string) => {
this.selectedTab = selectedTab;
this.clearAllCalendars();
this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
var html = '';
html += 'Month ';
html += '' + (this.myRole == this.TAB_VIEWER ? "Statistics" : "Range")+ ' ';
html += 'Registers ';
html += 'Search ';
html += 'Current ';
html += 'Overview ';
html += 'Adhoc ';
html += 'arrow_forward_ios Upcoming ';
// html += 'Past ';
(this._SfTabContainer as HTMLDivElement).innerHTML = html;
(this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-next')?.addEventListener('click', async (e: any) => {
const buttons = (this._SfTabContainer as HTMLDivElement).querySelectorAll('.tab-button-secondary') as NodeListOf;
buttons.forEach(button => {
button.style.display = 'block';
});
const button = (e.currentTarget as HTMLButtonElement);
button.style.display = 'none';
});
(this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-year')?.addEventListener('click', async () => {
//console.log('calclicked', this.mode);
if(this.mode == "consumer") {
this.renderTabs(this.TAB_YEAR);
this.enableCalendar();
await this.fetchAndYearlyRenderUserCalendar_2();
//this.renderCalendar();
// this.loadMode();
} else {
this.enableCalendar();
this.renderTabs(this.TAB_YEAR);
}
});
(this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month')?.addEventListener('click', async () => {
this.enableStream();
this.renderTabs(this.TAB_STREAM);
const currMonth = ("0" + (new Date().getMonth() + 1)).slice(-2);
//console.log('currMonth', currMonth);
let idx = 0;
for(var i = 0; i < 12; i++) {
//console.log('currMonth compare', currMonth, (parseInt(this.calendarStartMM) + i)%12);
if((parseInt(currMonth) === 12 && (parseInt(this.calendarStartMM) + i)%12 === 0) || parseInt(currMonth) === (parseInt(this.calendarStartMM) + i)%12) {
idx = i;
break;
}
}
this.currentColumnIndex = idx + "";
const dateResult = this.calculateStartAndEndDateOfStream(idx);
const monthResult = this.calculateMonthFromIndex(idx);
if(dateResult != null) {
await this.renderWithFeatures(dateResult.startDate, dateResult.endDate,"","yes",("0" + monthResult).slice(-2));
// await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate,"","yes",("0" + monthResult).slice(-2));
}
this.renderStream(idx, true, false);
});
// (this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-upcoming')?.addEventListener('click', async () => {
// this.enableUpcoming();
// this.renderTabs(this.TAB_UPCOMING);
// const dateResult = this.calculateStartAndEndDateOfUpcoming(1);
// //console.log('dateresult', dateResult)
// this.currentColumnIndex = 1 + ""
// await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate);
// this.renderUpcoming();
// });
(this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-this')?.addEventListener('click', async () => {
this.enableThis();
this.renderTabs(this.TAB_THIS);
const dateResult = this.calculateStartAndEndDateOfThis(1);
let idx = 0;
const currMonth = ("0" + (new Date().getMonth() + 1)).slice(-2);
for(var i = 0; i < 12; i++) {
//console.log('currMonth compare', currMonth, (parseInt(this.calendarStartMM) + i)%12);
if((parseInt(currMonth) === 12 && (parseInt(this.calendarStartMM) + i)%12 === 0) || parseInt(currMonth) === (parseInt(this.calendarStartMM) + i)%12) {
idx = i;
break;
}
}
const monthResult = this.calculateMonthFromIndex(idx);
//console.log('dateresult', dateResult)
this.currentColumnIndex = 1 + ""
await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate,"","yes",("0" + monthResult).slice(-2));
this.renderThis(0, true, false);
});
// (this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-past')?.addEventListener('click', async () => {
// this.enablePast();
// this.renderTabs(this.TAB_PAST);
// const dateResult = this.calculateStartAndEndDateOfPast(1);
// //console.log('dateresult', dateResult)
// this.currentColumnIndex = 1 + ""
// await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate);
// this.renderPast();
// });
(this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-custom')?.addEventListener('click', () => {
this.enableCustom();
this.renderTabs(this.TAB_CUSTOM);
console.log('stats clicked');
if(this.myRole == this.TAB_VIEWER){
this.renderCustomViewer()
}else{
this.renderCustom();
}
});
(this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-find')?.addEventListener('click', () => {
this.enableFind();
this.renderTabs(this.TAB_FIND);
this.renderFind();
});
(this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-adhoc')?.addEventListener('click', () => {
this.enableAdhoc();
this.renderTabs(this.TAB_ADHOC);
this.renderAdhoc();
});
(this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-register')?.addEventListener('click', () => {
this.enableRegisters();
this.renderTabs(this.TAB_REGISTERS);
this.renderRegister();
});
}
renderMappingTabs = (selectedTab: string) => {
var html = '';
html += 'Reporter ';
html += 'Approver ';
(this._SfMappingTabContainer as HTMLDivElement).innerHTML = html;
if(this.myRole == this.TAB_REPORTER) {
//console.log('sync mapping reporter');
(this._SfButtonBackSyncMapping as HTMLButtonElement).style.visibility = 'visible';
} else {
//console.log('sync mapping approver');
(this._SfButtonBackSyncMapping as HTMLButtonElement).style.visibility = 'hidden';
}
(this._SfMappingTabContainer as HTMLDivElement).querySelector('#mapping-tab-reporter')?.addEventListener('click', () => {
this.myRole = this.TAB_REPORTER;
this.fetchEventMap();
this.renderMappingTabs(this.TAB_REPORTER)
});
(this._SfMappingTabContainer as HTMLDivElement).querySelector('#mapping-tab-approver')?.addEventListener('click', () => {
this.myRole = this.TAB_APPROVER;
this.fetchEventMap();
this.renderMappingTabs(this.TAB_APPROVER)
});
}
renderExpandEvent = (events:any, index: any) => {
var html = '';
for(var k = 0; k < Object.keys(events[index]).length; k++) {
if(!this.getEventPreviewFields().includes(Object.keys(events[index])[k])) {
html += '';
if(events[index][Object.keys(events[index])[k]].indexOf("[") >= 0) {
html += this.getEventTexts(Object.keys(events[index])[k], JSON.parse(events[index][Object.keys(events[index])[k]]), events[index]);
} else {
html += ' ';
}
}
//console.log((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-'+index)!.innerHTML);
(this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-'+index)!.insertAdjacentHTML('beforeend', html);
html = '';
for(var k = 0; k < Object.keys(events[index]).length; k++) {
if(!this.getEventPreviewFields().includes(Object.keys(events[index])[k])) {
html += '';
html += Object.keys(events[index])[k];
html += ' ';
}
}
(this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-head-'+index)!.insertAdjacentHTML('beforeend', html);
((this._SfMappingContainer as HTMLDivElement).querySelector('#th-expand-'+index) as HTMLElement).style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelector('#td-expand-'+index) as HTMLElement).style.display = 'none';
}
renderMapping = (unmappedEvents: any) => {
this.mappedValuesDueDates = {};
this.mappedValuesTags = {};
this.mappedValuesUsers = {};
//console.log('rendering mapping1', unmappedEvents, this.mappedValuesDueDates, this.mappedValuesUsers, this.mappedValuesTags)
var html = '';
html += '';
html += '
';
html += '
Completed 0
';
html += '
';
html += '
Filter
';
html += '
'
html += '
'
html += '
'
html += '
';
for(var i = 0; i < unmappedEvents.length; i++) {
// var moveOn = false;
// if(filter != "all") {
// if(filter == "mapped") {
// if(this.mappedValuesUsers[i] == null || this.mappedValuesUsers[i] == "") {
// moveOn = true;
// }
// }
// if(filter == "unmapped") {
// if(this.mappedValuesUsers[i] != null && this.mappedValuesUsers[i] != "") {
// moveOn = true;
// }
// }
// }
// if(moveOn) {
// continue;
// }
//console.log(unmappedEvents[i]);
html += '
';
}
html += '
Save ';
(this._SfMappingContainer as HTMLDivElement).innerHTML = html;
for(var i = 0; i < unmappedEvents.length; i++) {
// var moveOn = false;
// if(filter != "all") {
// if(filter == "mapped") {
// if(this.mappedValuesUsers[i] == null || this.mappedValuesUsers[i] == "") {
// moveOn = true;
// }
// }
// if(filter == "unmapped") {
// if(this.mappedValuesUsers[i] != null && this.mappedValuesUsers[i] != "") {
// moveOn = true;
// }
// }
// }
// if(moveOn) {
// continue;
// }
(this._SfMappingContainer as HTMLDivElement).querySelector('#button-unmapped-expand-'+i)?.addEventListener('click', (ev: any) => {
const clickIndex = ev.target.id.split("-")[3];
//console.log('clickindex', clickIndex)
this.renderExpandEvent(unmappedEvents, clickIndex);
});
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-select-'+i) as HTMLInputElement).addEventListener('change', (ev: any) => {
const clickIndex = ev.target.id.split("-")[3];
//console.log('clickcheckbox', clickIndex)
if(((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-select-'+clickIndex) as HTMLInputElement).checked) {
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-override-date-input-'+clickIndex) as HTMLInputElement).style.display = 'block';
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-override-date-div-'+clickIndex) as HTMLInputElement).style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-tags-'+clickIndex) as HTMLInputElement).style.display = 'block';
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-div-tags-'+clickIndex) as HTMLInputElement).style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-users-'+clickIndex) as HTMLInputElement).style.display = 'block';
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-div-users-'+clickIndex) as HTMLInputElement).style.display = 'none';
} else {
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-override-date-input-'+clickIndex) as HTMLInputElement).style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-override-date-div-'+clickIndex) as HTMLInputElement).style.display = 'block';
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-tags-'+clickIndex) as HTMLInputElement).style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-div-tags-'+clickIndex) as HTMLInputElement).style.display = 'block';
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-users-'+clickIndex) as HTMLInputElement).style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-div-users-'+clickIndex) as HTMLInputElement).style.display = 'block';
}
if(this.checkAndShowBulk()) {
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-table-multi-entry') as HTMLElement).style.display = 'flex';
} else {
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-table-multi-entry') as HTMLElement).style.display = 'none';
}
});
(this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-override-date-input-'+i)?.addEventListener('keyup', (ev: any) => {
const clickIndex = ev.target.id.split("-")[5];
const div = ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-override-date-div-'+clickIndex) as HTMLDivElement);
const input = ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-override-date-input-'+clickIndex) as HTMLInputElement);
div.innerHTML = input.value;
this.mappedValuesDueDates[clickIndex] = input.value;
});
(this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-tags-'+i)?.addEventListener('valueChanged', (ev: any) => {
const clickIndex = ev.target.id.split("-")[4];
const form = ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-tags-'+clickIndex) as SfIForm);
const div = ((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-div-tags-'+clickIndex) as HTMLDivElement);
div.innerHTML = '';
var html = '';
for(var i = 0; i < form.selectedValues().length; i++) {
html += form.selectedValues()[i];
if(i < (form.selectedValues().length - 1)) {
html += ",";
}
}
div.innerHTML = ')[0].style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelectorAll('.col-date') as NodeListOf)[1].style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelector('.col-date-'+i) as HTMLElement).style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelector('.col-date-head-'+i) as HTMLElement).style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelectorAll('.col-tags') as NodeListOf)[0].style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelectorAll('.col-tags') as NodeListOf)[1].style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelector('.col-tags-'+i) as HTMLElement).style.display = 'none';
((this._SfMappingContainer as HTMLDivElement).querySelector('.col-tags-head-'+i) as HTMLElement).style.display = 'none';
} else {
((this._SfMappingContainer as HTMLDivElement).querySelectorAll('.col-date') as NodeListOf)[0].style.display = 'table-cell';
((this._SfMappingContainer as HTMLDivElement).querySelectorAll('.col-date') as NodeListOf)[1].style.display = 'table-cell';
((this._SfMappingContainer as HTMLDivElement).querySelector('.col-date-'+i) as HTMLElement).style.display = 'table-cell';
((this._SfMappingContainer as HTMLDivElement).querySelector('.col-date-head-'+i) as HTMLElement).style.display = 'table-cell';
((this._SfMappingContainer as HTMLDivElement).querySelectorAll('.col-tags') as NodeListOf)[0].style.display = 'table-cell';
((this._SfMappingContainer as HTMLDivElement).querySelectorAll('.col-tags') as NodeListOf)[1].style.display = 'table-cell';
((this._SfMappingContainer as HTMLDivElement).querySelector('.col-tags-'+i) as HTMLElement).style.display = 'table-cell';
((this._SfMappingContainer as HTMLDivElement).querySelector('.col-tags-head-'+i) as HTMLElement).style.display = 'table-cell';
}
}
if(filter == "all") {
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-all') as HTMLInputElement).checked = true;
}
if(filter == "mapped") {
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-mapped') as HTMLInputElement).checked = true;
}
if(filter == "unmapped") {
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-filter-unmapped') as HTMLInputElement).checked = true;
}
}
getIndexFromId = (id: string) => {
for(var i = 0; i < this.unmappedEvents.length; i++) {
if(this.unmappedEvents[i].id == id) {
return i;
}
}
return -1;
}
prepopulateMapping = (mappings: any) => {
//console.log('mappings5', mappings, this.mappedValuesUsers);
if(mappings == null) {
return;
}
for(var i = 0; i < Object.keys(mappings.duedates).length; i++) {
const eventId = Object.keys(mappings.duedates)[i];
const index = this.getIndexFromId(eventId);
if(index >= 0) {
this.mappedValuesDueDates[index] = mappings.duedates[eventId];
}
}
for(var i = 0; i < Object.keys(mappings.tags).length; i++) {
const eventId = Object.keys(mappings.tags)[i];
const index = this.getIndexFromId(eventId);
if(index >= 0) {
this.mappedValuesTags[index] = mappings.tags[eventId];
}
}
for(var i = 0; i < Object.keys(mappings.users).length; i++) {
const eventId = Object.keys(mappings.users)[i];
const index = this.getIndexFromId(eventId);
//console.log('mapping users', index);
if(index >= 0) {
this.mappedValuesUsers[index] = mappings.users[eventId];
}
}
//console.log(this.mappedValuesDueDates);
//console.log(this.mappedValuesTags);
//console.log(this.mappedValuesUsers);
for(var i = 0; i < this.unmappedEvents.length; i++) {
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-override-date-div-'+i) as HTMLDivElement)!.innerHTML = (this.mappedValuesDueDates[i] != null && this.mappedValuesDueDates[i] != "") ? this.mappedValuesDueDates[i] : "";
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-override-date-input-'+i) as HTMLInputElement)!.value = (this.mappedValuesDueDates[i] != null && this.mappedValuesDueDates[i] != "") ? this.mappedValuesDueDates[i] : "";
if(this.mappedValuesTags[i] != null) {
var html = '';
for(var j = 0; j < this.mappedValuesTags[i].length; j++) {
html += this.mappedValuesTags[i][j];
if(j < (this.mappedValuesTags[i].length - 1)) {
html += ',';
}
}
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-div-tags-'+i) as HTMLDivElement)!.innerHTML = 'check_circle ';
} else {
((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-status-'+i) as HTMLDivElement).innerHTML = 'pending ';
}
}
this.calculateAndShowSummary();
}
clearAllMappingSelections = () => {
const inputArr = (this._SfMappingContainer as HTMLDivElement).querySelectorAll('.input-checkbox') as NodeListOf;
for(var i = 0; i < inputArr.length; i++) {
if(inputArr[i].checked) {
inputArr[i].checked = false;
inputArr[i].dispatchEvent(new Event('change'));
}
}
}
clearAllCalendars = () => {
//(this._SfCalendarContainer as HTMLDivElement).innerHTML = "";
(this._SfStreamContainer as HTMLDivElement).innerHTML = "";
(this._SfUpcomingContainer as HTMLDivElement).innerHTML = "";
(this._SfThisContainer as HTMLDivElement).innerHTML = "";
(this._SfPastContainer as HTMLDivElement).innerHTML = "";
(this._SfCustomContainer as HTMLDivElement).innerHTML = "";
(this._SfAdhocContainer as HTMLDivElement).innerHTML = "";
(this._SfRegisterContainer as HTMLDivElement).innerHTML = "";
}
transformMappingsForUpload = (mapping: any) => {
const duedates = mapping.duedates;
const tags = mapping.tags;
const users = mapping.users;
const transformedDuedates : any = {};
const transformedTags : any = {};
const transformedUsers : any = {};
//console.log('unmappedevents[i] duedates',duedates);
for(var i = 0; i < Object.keys(duedates).length; i++) {
//console.log('unmappedevents[i]',i,this.unmappedEvents[i]);
const index = Object.keys(duedates)[i];
const eventId = this.unmappedEvents[i].id;
transformedDuedates[eventId] = duedates[index];
}
for(var i = 0; i < Object.keys(tags).length; i++) {
const index = Object.keys(tags)[i];
const eventId = this.unmappedEvents[i].id;
transformedTags[eventId] = tags[index];
}
for(var i = 0; i < Object.keys(users).length; i++) {
const index = Object.keys(users)[i];
const eventId = this.unmappedEvents[i].id;
transformedUsers[eventId] = users[index];
}
return {
duedates: transformedDuedates,
tags: transformedTags,
users: transformedUsers
}
}
uploadTriggersMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'triggers');
}
uploadInternalControlsMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'internalcontrols');
}
uploadAlertSchedulesMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'alertschedules');
}
uploadActivationsMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'activations');
}
uploadInvalidationsMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'invalidations');
}
uploadDuedatesMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'duedates');
}
uploadExtensionsMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'extensions');
}
uploadApproversMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'approvers');
}
uploadFunctionHeadsMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'functionheads');
}
uploadMakerCheckersMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'makercheckers');
}
uploadDocsMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'docs');
}
uploadAuditorsMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'auditors');
}
uploadViewersMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'viewers');
}
uploadReportersMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'reporters');
}
uploadTagsMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'tags');
}
uploadFunctionsMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'functions');
}
uploadLocationsMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'locations');
}
uploadEntitiesMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'entities');
}
uploadCountriesMapping = async (data: any) => {
await this.uploadOnboardingMapping(data, 'countries');
}
uploadOnboardingMapping = async (data: any, onboardingstep: string) => {
//console.log('uploading..', data);
let url = "https://"+this.apiId+"/updatemappedonboarding";
// const body = {
// "projectid": this.projectId,
// "data": JSON.stringify(data),
// "onboardingstep": onboardingstep,
// }
let body: any = {
"projectid": this.projectId,
"presigned": true,
"onboardingstep": onboardingstep
}
let authorization : any = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
let xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
//console.log('jsonResponse sync', jsonRespose);
await this.uploadToPresignedUrl(data, jsonRespose.signedUrl)
body = {
"projectid": this.projectId,
"key": jsonRespose.key,
"onboardingstep": onboardingstep
}
authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
xhr = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages()
}, 2000);
}
}
uploadToPresignedUrl = async (data: any, url: string) => {
const xhr : any = (await this.prepareXhrPresigned(data, url, this._SfLoader)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
}
}
uploadCompliancesMapping = async (data: any) => {
//console.log('uploading..', data);
let url = "https://"+this.apiId+"/updatemappedcompliances";
let body: any = {
"projectid": this.projectId,
"presigned": true,
}
let authorization : any = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
let xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
//console.log('jsonResponse sync', jsonRespose);
await this.uploadToPresignedUrl(data, jsonRespose.signedUrl)
body = {
"projectid": this.projectId,
"key": jsonRespose.key
}
authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
xhr = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages()
}, 2000);
}
}
uploadStatutesMapping = async (data: any) => {
//console.log('uploading..', data);
let url = "https://"+this.apiId+"/updatemappedstatutes";
var searchstring = '';
for(var i = 0; i < data.mappings.length; i++) {
const dataItem = JSON.parse(data.mappings[i].data);
// //console.log(dataItem[3])
searchstring += dataItem[3];
if(i < (data.mappings.length - 1)) {
searchstring += '|';
}
}
// const body = {
// "projectid": this.projectId,
// "data": JSON.stringify(data),
// "compliancessearchstring": searchstring
// }
let body: any = {
"projectid": this.projectId,
"presigned": true,
}
let authorization : any = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
let xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
await this.uploadToPresignedUrl(data, jsonRespose.signedUrl)
body = {
"projectid": this.projectId,
"key": jsonRespose.key,
"compliancessearchstring": searchstring
}
authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
xhr = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages()
}, 2000);
}
}
uploadUnTriggerEvent = async (untrigger: any) => {
let url = "https://"+this.apiId+"/untriggerevent";
const body = untrigger;
console.log('uploading...', body);
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
console.log('jsonResponse sync', jsonRespose);
this.setSuccess("Your trigger has been retracted successfully. The changes will reflect in your calendar shortly.");
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages()
}, 2000);
}
}
uploadTriggerMyEvent = async (complianceid: string, message: string, countryname: string, entityname: string, locationname: string, statute: string, subcategory: string) => {
let url = "https://"+this.apiId+"/triggermyevent";
const body = {
"projectid": this.projectId,
"complianceid": complianceid,
"message": message,
"userid": this.userProfileId,
"username": this.userName,
"countryname": countryname,
"entityname": entityname,
"locationname": locationname,
"statute": statute,
"subcategory": subcategory
}
console.log('uploading...', body);
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
console.log('jsonResponse sync', jsonRespose);
this.setSuccess("Feedback sent successfully!");
setTimeout(() => {
this.clearMessages();
}, 5000);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages()
}, 3000);
}
}
uploadTriggerEvent = async (triggeredCompliances: any) => {
let url = "https://"+this.apiId+"/triggerevent";
const body = {
"projectid": this.projectId,
"triggers": triggeredCompliances
}
console.log('uploading...', body);
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
console.log('jsonResponse sync', jsonRespose);
this.setSuccess("Your trigger request is registered successfully. The associated compliances will be available in your calendar shortly.");
setTimeout(() => {
this.clearMessages();
}, 3000);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages()
}, 10000);
}
}
uploadAudit = async (entityId: string, locationId: string, mmddyyyy: string, eventid: string, comments: string, approved: any, module: string = "events") => {
let url = "https://"+this.apiId+"/uploadaudit1";
const body = {
"mmddyyyy": mmddyyyy,
"projectid": this.projectId,
"type": "audit",
"eventid": eventid,
"comments": comments,
"approved": approved,
"entityid": entityId,
"locationid": locationId,
"userid": this.userProfileId,
"username": this.userName,
"module" : module
}
let retValue = true;
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
// const jsonRespose = JSON.parse(xhr.responseText);
//console.log('jsonResponse sync', jsonRespose);
this.setSuccess("Audit report uploaded successfully!");
setTimeout(() => {
this.clearMessages()
// this.showChosenMapping();
// this.fetchEventMap();
// if(this.myRole == this.TAB_REPORTER) {
// this.renderMappingTabs(this.TAB_REPORTER);
// } else {
// this.renderMappingTabs(this.TAB_APPROVER);
// }
}, 2000);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
retValue = false;
}
return retValue;
}
uploadAuditsBulk = async (bulkBody: any) => {
let url = "https://"+this.apiId+"/uploadauditsbulk2";
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(bulkBody, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
this.setSuccess("Bulk upload initiated. Processing will occur in the background, and you'll receive an email notification once it's complete.");
setTimeout(() => {
this.clearMessages()
}, 10000);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
uploadReview = async (entityId: string, locationId: string, mmddyyyy: string, eventid: string, comments: string, approved: any, module: string = "events") => {
let url = "https://"+this.apiId+"/uploadreview1";
const body = {
"mmddyyyy": mmddyyyy,
"projectid": this.projectId,
"type": "review",
"eventid": eventid,
"comments": comments,
"approved": approved,
"entityid": entityId,
"locationid": locationId,
"userid": this.userProfileId,
"username": this.userName,
"module" : module
}
let retValue = true;
//console.log('uploading review', body);
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
// const jsonRespose = JSON.parse(xhr.responseText);
//console.log('jsonResponse sync', jsonRespose);
this.setSuccess("Report uploaded successfully!");
setTimeout(() => {
this.clearMessages()
// this.showChosenMapping();
// this.fetchEventMap();
// if(this.myRole == this.TAB_REPORTER) {
// this.renderMappingTabs(this.TAB_REPORTER);
// } else {
// this.renderMappingTabs(this.TAB_APPROVER);
// }
}, 2000);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages();
}, 3000);
retValue = false;
}
return retValue;
}
uploadReportsReviewsBulk = async (bulkBody: any) => {
let url = "https://"+this.apiId+"/uploadreportsreviewsbulk";
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(bulkBody, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
this.setSuccess("Bulk upload initiated. Processing will occur in the background, and you'll receive an email notification once it's complete.");
setTimeout(() => {
this.clearMessages()
}, 10000);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages();
}, 3000);
}
}
uploadReviewsBulk = async (bulkBody: any) => {
let url = "https://"+this.apiId+"/uploadreviewsbulk2";
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(bulkBody, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
this.setSuccess("Bulk upload initiated. Processing will occur in the background, and you'll receive an email notification once it's complete.");
setTimeout(() => {
this.clearMessages()
}, 10000);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages();
}, 3000);
}
}
uploadReport = async (entityId: string, locationId: string, mmddyyyy: string, eventid: string, comments: string, doc: string, docs: any, event: any, reportformatvalues: string = "", reportformatschema: string = "", module: string = "events", percentage: string = "100", makercheckers: any) => {
let url = "https://"+this.apiId+"/uploadreport3";
let body = {
"mmddyyyy": mmddyyyy,
"projectid": this.projectId,
"type": "report",
"eventid": eventid,
"comments": comments,
"dateofcompletion": doc,
"percentage": percentage,
"entityid": entityId,
"locationid": locationId,
"event": event == null ? null : JSON.stringify(event),
"docs": JSON.stringify(docs),
"username": this.userName,
"reportformatvalues": reportformatvalues,
"reportformatschema": reportformatschema,
"userid": this.userProfileId,
"userrole": this.myRole,
"year": this.calendarStartYYYY,
"module": module,
"makercheckers": makercheckers
}
//console.log(body);
let retValue = true;
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
// const jsonRespose = JSON.parse(xhr.responseText);
//console.log('jsonResponse sync', jsonRespose);
this.setSuccess("Report uploaded successfully!");
setTimeout(() => {
this.clearMessages()
// this.showChosenMapping();
// this.fetchEventMap();
// if(this.myRole == this.TAB_REPORTER) {
// this.renderMappingTabs(this.TAB_REPORTER);
// } else {
// this.renderMappingTabs(this.TAB_APPROVER);
// }
}, 2000);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
console.log()
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages();
}, 3000);
retValue = false;
}
return retValue;
}
uploadReportsBulk = async (bulkBody: any, showSuccess: boolean = true) => {
let url = "https://"+this.apiId+"/uploadreportsbulk4"
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(bulkBody, url, this._SfLoader, authorization)) as any;
if(showSuccess){
this._SfLoader.innerHTML = '';
}
if(xhr.status == 200) {
if(showSuccess){
this.setSuccess("Bulk upload initiated. Processing will occur in the background, and you'll receive an email notification once it's complete.");
setTimeout(() => {
this.clearMessages()
}, 10000);
}
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages();
}, 3000);
}
}
uploadMapping = async () => {
let url = "https://"+this.apiId+"/mapevents";
const mapping = this.transformMappingsForUpload({
duedates: this.mappedValuesDueDates,
tags: this.mappedValuesTags,
users: this.mappedValuesUsers
});
const body = { "projectid": (this._SfProject[0].querySelector('#sf-i-project') as SfIForm).selectedValues()[0], "role": this.myRole, "mapping": JSON.stringify(mapping)}
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
// const jsonRespose = JSON.parse(xhr.responseText);
//console.log('jsonResponse sync', jsonRespose);
this.setSuccess("Mapping uploaded successfully!");
setTimeout(() => {
this.clearMessages()
this.showChosenMapping();
this.fetchEventMap();
if(this.myRole == this.TAB_REPORTER) {
this.renderMappingTabs(this.TAB_REPORTER);
} else {
this.renderMappingTabs(this.TAB_APPROVER);
}
}, 2000);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
uploadEvents = async () => {
let url = "https://"+this.apiId+"/synccalendar";
const body = { "projectid": (this._SfProject[0].querySelector('#sf-i-project') as SfIForm).selectedValues()[0], "events": JSON.stringify(this.events)}
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
// const jsonRespose = JSON.parse(xhr.responseText);
//console.log('jsonResponse sync', jsonRespose);
// this.loadMode();
this.showChosenMapping();
this.fetchEventMap();
this.renderMappingTabs(this.TAB_REPORTER);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
uploadReprogramTrigger = async (eventid: string, timestamp: string) => {
let url = "https://"+this.apiId+"/reprogramtrigger";
const body = { "projectid": (this._SfProject[0].querySelector('#sf-i-project') as SfIForm).selectedValues()[0], "eventid": eventid, "timestamp": timestamp + ""}
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
// const jsonRespose = JSON.parse(xhr.responseText);
//console.log('jsonResponse sync', jsonRespose);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
processEvent = (value: any) => {
//console.log('processing due date', value);
//console.log('processing due date', value.duedate.replace(/['"]+/g, ''));
//console.log('processing due date', this.mappings);
var duedate = value.duedate;
if(this.mappings != null && this.mappings.duedates != null && this.mappings.duedates[value.id] != null && this.mappings.duedates[value.id] != "") {
duedate = this.mappings.duedates[value.id];
}
const duedateArr = duedate.replace(/['"]+/g, '').split(",") as Array;
const startMonth = parseInt(this.calendarStartMM);
for(var i = 0; i < duedateArr.length; i++) {
const dateArr = duedateArr[i].split("/");
//console.log('datearr', dateArr);
if(dateArr[2] == "*") {
if(dateArr[1] == "*") {
var j = startMonth;
while(true) {
//console.log('processing event',dateArr[2],dateArr[1],j);
const mmdd = ("0" +j).slice(-2) + "/" + ("0" + dateArr[0]).slice(-2);
if(this.events == null) {
this.events = {};
}
if(this.events[mmdd] == null) {
this.events[mmdd] = [];
}
(this.events[mmdd] as Array).push(value);
if(startMonth !== 12) {
if(j === (startMonth - 1)) {
break;
}
}
j++;
if(j === 13) {
j = 0;
}
}
} else {
const mmdd = ("0" +(parseInt(dateArr[1]))).slice(-2) + "/" + ("0" + dateArr[0]).slice(-2);
if(this.events == null) {
this.events = {};
}
if(this.events[mmdd] == null) {
this.events[mmdd] = [];
}
(this.events[mmdd] as Array).push(value);
}
} else {
if((new Date().getFullYear() + "") == dateArr[2]) {
const mmdd = ("0" +(parseInt(dateArr[1]))).slice(-2) + "/" + ("0" + dateArr[0]).slice(-2);
if(this.events == null) {
this.events = {};
}
if(this.events[mmdd] == null) {
this.events[mmdd] = [];
}
(this.events[mmdd] as Array).push(value);
}
}
}
//console.log('calendar processed', this.calendar);
//console.log('event processed', this.events);
}
renderChosenProject = (events: any = null) => {
if(events == null) {
var html = '';
html += '
';
html += '';
html += '
Calender doesn\'t exist!
';
html += '
Generate ';
html += '
';
(this._SfContainerChosenProject as HTMLDivElement).innerHTML = html;
(((this._SfContainerChosenProject as HTMLDivElement) as HTMLDivElement).querySelector('#button-generate-chosen-project') as HTMLButtonElement).addEventListener('click', async () => {
await this.fetchList();
});
} else {
}
}
fetchRcmLockedCompliances = async (lockedCompliances: Array) => {
let url = "https://"+this.apiId+"/getrcmlockedcompliances";
let authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
let xhr : any = (await this.prepareXhr({data: lockedCompliances}, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
//console.log('lockedcompliances', jsonRespose);
return jsonRespose;
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
fetchCancelOnboardingJob = async (onboardingStep: string) => {
let url = "https://"+this.apiId+"/cancelonboardingjob";
let authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
let xhr : any = (await this.prepareXhr({"projectid": this.projectId, "onboardingstep": onboardingStep}, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
//console.log('fetchCancelnboardingJob', jsonRespose);
return jsonRespose;
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
fetchGetStoredMapping = async (flow: string) => {
let url = "https://"+this.apiId+"/getstoredmapping";
let authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
let xhr : any = (await this.prepareXhr({"projectid": this.projectId, "flow": flow}, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
//console.log('fetchGetStoredMapping', jsonRespose);
return jsonRespose;
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
fetchUpdateUsermap = async (usermap: any) => {
let url = "https://"+this.apiIdUsers+"/updatefield";
this.setSuccess('Updating usermaps, please wait...')
//console.log('updating usermap', usermap);
const arrUserIds = Object.keys(usermap);
for(var i = 0; i < arrUserIds.length; i++) {
const userId = arrUserIds[i];
const map = usermap[userId];
const strMap = JSON.stringify(map).replace(/"/g, '_QUOTES_');
const body = {id: userId, field: "usermap", value: "\""+strMap+"\""};
//console.log('updating', userId, body, url)
let authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
let xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
}
}
setTimeout(() => {
this.clearMessages();
}, 1000);
}
fetchUpdateRcmLock = async (complianceId: string) => {
let url = "https://"+this.apiId+"/updatercmlock";
let authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
let xhr : any = (await this.prepareXhr({"complianceid": complianceId, "locked": true}, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
//console.log('fetchUpdateRcmLock', jsonRespose);
return jsonRespose;
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
fetchDetailProject = async (projectId: string) => {
let url = "https://"+this.apiIdProjects+"/detail";
let authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
let xhr : any = (await this.prepareXhr({"id": projectId}, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
//console.log('searchprojects', jsonRespose);
return jsonRespose;
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
fetchDeleteReview = async (eventId: string, mmddyyyy: string, entityId: string, locationId: string) => {
let url = "https://"+this.apiId+"/deletereview1";
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr({"projectid": this.projectId, "entityid": entityId, "locationid": locationId, "mmddyyyy": mmddyyyy, "eventid": eventId, }, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
//console.log(jsonRespose);
return jsonRespose;
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
fetchStatuteDefinitionDetails = async (statuteName: string) => {
const statuteDetails = await this.fetchSearchStatutes(statuteName);
console.log('statuteDetails', statuteDetails);
statuteDetails.values.forEach(async (statute: any) => {
const nameIndex = (JSON.parse(statute.fields.cols[0]) as Array).indexOf('name');
const statuteNameFound = JSON.parse(statute.fields.data[0])[nameIndex];
if(statuteNameFound == statuteName) {
if(statute.fields.cols[0].indexOf('definitions') >= 0) {
const definitionsIndex = (JSON.parse(statute.fields.cols[0]) as Array).indexOf('definitions');
const definitionsFound = JSON.parse(statute.fields.data[0])[definitionsIndex];
if(definitionsFound.length > 0){
console.log(JSON.parse(statute.fields.data[0])[definitionsIndex]);
const definitionsName = JSON.parse(statute.fields.data[0])[definitionsIndex][0].trim();
console.log('statute', statute, JSON.parse(statute.fields.cols[0]), nameIndex, statuteNameFound, definitionsFound, definitionsName);
const definitionDetails = await this.fetchSearchDefinitions(definitionsName);
definitionDetails.values.forEach(async (definition: any) => {
const definitionNameIndex = (JSON.parse(definition.fields.cols[0]) as Array).indexOf('name');
const definitionNameFound = JSON.parse(definition.fields.data[0])[definitionNameIndex];
if(definitionNameFound == definitionsName) {
const attachmentIndex = (JSON.parse(definition.fields.cols[0]) as Array).indexOf('attachment');
const attachmentKey = JSON.parse(definition.fields.data[0])[attachmentIndex][0]
console.log('definition', definition, attachmentKey);
(this._SfDetailContainer as HTMLDivElement).querySelector('#container-definition')!.innerHTML = '';
((this._SfDetailContainer as HTMLDivElement).querySelector('#button-show-definition') as HTMLButtonElement)!.addEventListener('click', (_e: any) => {
(this._SfDetailContainer as HTMLDivElement).querySelector('#container-definition')!.innerHTML = '';
((this._SfDetailContainer as HTMLDivElement).querySelector('#sf-i-definitions') as SfIUploader).classList.remove('gone');
((this._SfDetailContainer as HTMLDivElement).querySelector('#sf-i-definitions') as SfIUploader).prepopulatedInputArr = JSON.stringify(JSON.parse('[' + attachmentKey + ']'));
((this._SfDetailContainer as HTMLDivElement).querySelector('#sf-i-definitions') as SfIUploader).loadMode();
});
}
});
}
}
}
});
}
fetchSearchDefinitions = async (searchString: string, cursor: string = "") => {
let url = "https://"+this.apiIdDefinitions+"/listlarge";
let authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
let xhr : any = (await this.prepareXhr({"searchstring": searchString, "cursor": cursor}, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
//console.log('searchstatutes', jsonRespose);
let newCursor = jsonRespose.cursor;
let i = 0;
while(true) {
url = "https://"+this.apiIdDefinitions+"/listlarge";
authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
xhr = (await this.prepareXhr({"searchstring": searchString, "cursor": newCursor}, url, this._SfLoader, authorization, "" + parseInt(((i)*100/jsonRespose.found) + "") + "%")) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose1 = JSON.parse(xhr.responseText);
//console.log('found', jsonRespose1.values);
jsonRespose.values.push(...jsonRespose1.values);
if(newCursor == jsonRespose1.cursor) {
break;
}
newCursor = jsonRespose1.cursor;
//console.log('newcursor', i, jsonRespose1.cursor);
i+=jsonRespose1.values.length;
} else {
break;
}
}
return jsonRespose;
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
fetchReportFormat = async(reportingContainer: HTMLDivElement, searchName: string, reportformatschema: string = "", reportformatvalues: string = "") => {
let jsonContentIndex:number;
let jsonContentFound:string = "";
if(reportformatschema == ""){
let reportformats = await this.fetchSearchReportformats(searchName);
if(reportformats.values == null || reportformats.values.length == 0){
return;
}
for(let format of reportformats.values){
let data = JSON.parse(format.fields.data[0])
let cols = JSON.parse(format.fields.cols[0])
if(data[cols.indexOf('name')] == searchName){
jsonContentIndex = (JSON.parse(format.fields.cols[0]) as Array).indexOf('jsoncontent');
jsonContentFound = JSON.parse(format.fields.data[0])[jsonContentIndex];
break;
}
}
}else{
jsonContentFound = reportformatschema
}
console.log('format found', JSON.parse(jsonContentFound));
if(jsonContentFound == ""){
console.log('format not found');
return;
}
if(reportingContainer.querySelector('#report-format-container') != null){
reportingContainer.querySelector('#report-format-container')!.innerHTML = `;
this.events = null;
for(var i = 0; i < fieldArr.length; i++) {
//console.log('events', fieldArr[i]);
await this.fetchDetail(fieldArr[i])
}
//console.log('all events processed');
await this.uploadEvents();
await this.fetchReprogramAdhoc();
//await this.fetchAdhoc(true);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
}
initCalendar = async () => {
var newDate = null;
var newMonth = null;
var newYear = null;
var startDate = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
//console.log('startDate', startDate);
do {
this.calendar.push(startDate);
startDate.setDate(startDate.getDate() + 1);
newDate = ("0" + startDate.getDate()).slice(-2);
newMonth = ("0" + startDate.getMonth()).slice(-2);
newYear = (startDate.getFullYear());
} while(!(newDate == this.calendarStartDD && newMonth == (("0" + ((parseInt(this.calendarStartMM) - 1) + "")).slice(-2)) && newYear === (parseInt(this.calendarStartYYYY) + 1)));
//console.log(this.calendar);
}
initInputs = () => {
this.calendarStartDD = ("0" + this.calendarStartDD).slice(-2);
this.calendarStartMM = ("0" + this.calendarStartMM).slice(-2);
}
showChooseProject = () => {
var elems = (this._SfIEventsC as HTMLDivElement).querySelectorAll('.choose-project') as NodeListOf;
var index = 0, length = elems.length;
for ( ; index < length; index++) {
elems[index].style.display = 'flex'
}
elems = (this._SfIEventsC as HTMLDivElement).querySelectorAll('.chosen-project') as NodeListOf;
index = 0, length = elems.length;
for ( ; index < length; index++) {
elems[index].style.display = 'none'
}
elems = (this._SfIEventsC as HTMLDivElement).querySelectorAll('.chosen-mapping') as NodeListOf;
index = 0, length = elems.length;
for ( ; index < length; index++) {
elems[index].style.display = 'none'
}
}
showChosenProject = () => {
var elems = (this._SfIEventsC as HTMLDivElement).querySelectorAll('.choose-project') as NodeListOf;
var index = 0, length = elems.length;
for ( ; index < length; index++) {
elems[index].style.display = 'none'
}
elems = (this._SfIEventsC as HTMLDivElement).querySelectorAll('.chosen-project') as NodeListOf;
index = 0, length = elems.length;
for ( ; index < length; index++) {
elems[index].style.display = 'flex'
}
elems = (this._SfIEventsC as HTMLDivElement).querySelectorAll('.chosen-mapping') as NodeListOf;
index = 0, length = elems.length;
for ( ; index < length; index++) {
elems[index].style.display = 'none'
}
}
showChosenMapping = () => {
var elems = (this._SfIEventsC as HTMLDivElement).querySelectorAll('.choose-project') as NodeListOf;
var index = 0, length = elems.length;
for ( ; index < length; index++) {
elems[index].style.display = 'none'
}
elems = (this._SfIEventsC as HTMLDivElement).querySelectorAll('.chosen-project') as NodeListOf;
index = 0, length = elems.length;
for ( ; index < length; index++) {
elems[index].style.display = 'none'
}
elems = (this._SfIEventsC as HTMLDivElement).querySelectorAll('.chosen-mapping') as NodeListOf;
index = 0, length = elems.length;
for ( ; index < length; index++) {
elems[index].style.display = 'flex'
}
}
truncate = ( str: string, n: number, useWordBoundary: boolean, ellipsis: boolean = true ) => {
if (str.length <= n) { return str; }
const subString = str.slice(0, n-1); // the original check
return (useWordBoundary
? subString.slice(0, subString.lastIndexOf(" "))
: subString) + (ellipsis ? "…" : "...");
};
initListenersAdmin = () => {
var old_element = null;
var new_element = null;
old_element = (this._SfProject[0].querySelector('#sf-i-project') as SfIForm);
new_element = old_element!.cloneNode(true);
old_element?.parentElement?.replaceChild(new_element, old_element!);
this._SfProject[0].querySelector('#sf-i-project').addEventListener('valueChanged', async () => {
(this._SfTitleChosenMapping as HTMLElement).innerHTML = this.truncate((this._SfProject[0].querySelector('#sf-i-project') as SfIForm).selectedTexts()[0], 20, true);
this.showChosenMapping();
this.fetchEventMap();
this.renderMappingTabs(this.TAB_REPORTER);
});
old_element = (this._SfButtonBackChosenProject as HTMLButtonElement);
new_element = old_element!.cloneNode(true);
old_element?.parentElement?.replaceChild(new_element, old_element!);
(this._SfButtonBackChosenProject as HTMLButtonElement).addEventListener('click', async () => {
this.loadMode();
});
old_element = (this._SfButtonSyncChosenProject as HTMLButtonElement);
new_element = old_element!.cloneNode(true);
old_element?.parentElement?.replaceChild(new_element, old_element!);
(this._SfButtonSyncChosenProject as HTMLButtonElement).addEventListener('click', async () => {
this.fetchList();
});
old_element = (this._SfButtonBackChosenMapping as HTMLButtonElement);
new_element = old_element!.cloneNode(true);
old_element?.parentElement?.replaceChild(new_element, old_element!);
(this._SfButtonBackChosenMapping as HTMLButtonElement).addEventListener('click', async () => {
this.loadMode();
});
old_element = (this._SfButtonMapChosenProject as HTMLButtonElement);
new_element = old_element!.cloneNode(true);
old_element?.parentElement?.replaceChild(new_element, old_element!);
(this._SfButtonMapChosenProject as HTMLButtonElement).addEventListener('click', async () => {
(this._SfTitleChosenMapping as HTMLElement).innerHTML = this.truncate((this._SfProject[0].querySelector('#sf-i-project') as SfIForm).selectedTexts()[0], 20, true);
this.showChosenMapping();
this.fetchEventMap();
this.renderMappingTabs(this.TAB_REPORTER);
});
old_element = (this._SfButtonBackCalendarMapping as HTMLButtonElement);
new_element = old_element!.cloneNode(true);
old_element?.parentElement?.replaceChild(new_element, old_element!);
(this._SfButtonBackCalendarMapping as HTMLButtonElement).addEventListener('click', async () => {
this.fetchCalendar()
});
old_element = (this._SfButtonBackSyncMapping as HTMLButtonElement);
new_element = old_element!.cloneNode(true);
old_element?.parentElement?.replaceChild(new_element, old_element!);
(this._SfButtonBackSyncMapping as HTMLButtonElement).addEventListener('click', async () => {
this.fetchList();
});
}
isAdmin = () => {
return Util.readCookie('admin') == "true"
}
initDecryptView = () => {
if(this.isAdmin()){
let divsArr = this._SfDecryptContainer.querySelectorAll("#decrypt-container > div")
console.log('decrypt divs',divsArr);
for(let divElement of divsArr){
(divElement as HTMLElement).classList.remove('hide');
}
this.initDecryptListeners()
} else {
let divsArr = this._SfDecryptContainer.querySelectorAll("#decrypt-container > div")
console.log('decrypt divs',divsArr);
for(let divElement of divsArr){
(divElement as HTMLElement).classList.add('hide');
}
}
}
initDecryptListeners = () => {
(this._SfDecryptProjectInput as SfIForm).addEventListener('valueChanged',() => {
let projectId = (this._SfDecryptProjectInput as SfIForm).selectedValues()[0]
this.decryptProjectId = projectId.split(';')[projectId.split(';').length - 1];
this.evalDecrypt()
});
(this._SfDecryptFileInput as HTMLInputElement).addEventListener('keyup',() => {
console.log('keyup called');
this.decryptFileName = (this._SfDecryptFileInput as HTMLInputElement).value;
this.evalDecrypt()
});
(this._SfDecryptButton as HTMLButtonElement).addEventListener('click', () => {
console.log('decrypt clicked', this.decryptProjectId, this.decryptFileName);
this.submitDecrypt()
})
}
evalDecrypt = () => {
console.log((this._SfDecryptFileInput as HTMLInputElement))
console.log('evalDecrypt', this.decryptProjectId, this.decryptFileName)
if(this.decryptProjectId != null && this.decryptProjectId != "" && this.decryptFileName != null && this.decryptFileName.length > 3){
(this._SfDecryptContainer?.querySelector('#button-decrypt') as HTMLButtonElement).removeAttribute('disabled');
}else{
(this._SfDecryptContainer?.querySelector('#button-decrypt') as HTMLButtonElement).setAttribute('disabled', 'true');
}
}
submitDecrypt = async () => {
this.clearMessages();
console.log('submitDecrypt called');
const body: any = {};
let url = "https://"+this.apiId+"/getdecryptedjson";
body["projectid"] = this.decryptProjectId;
body["key"] = this.decryptFileName + ".json";
console.log(body);
console.log(JSON.stringify(body));
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(body, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
let data = await this.fetchPresignedUrl(jsonRespose.signedUrlGet);
await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete)
console.log('decrypt response', jsonRespose)
this.setSuccess('Operation Successful!');
const a = document.createElement("a");
a.style.display = "none";
a.href = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(data));
a.download = this.decryptFileName + ".json";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
setTimeout(() => {
this.clearMessages();
}, 2000);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages();
}, 5000);
}
}
fetchNext = async(page: number, role: string, status: string) => {
//this.apiBodyList = '{"id": "' +(this._SfProject[0].querySelector('#sf-i-project') as SfIForm).selectedValues()[0]+ '"}'
this.nextPage = page;
let url = "https://"+this.apiId+"/getnextuserevents1";
let statusArr: string[] = []
if(status == this.TAB_ALL){
statusArr = [this.STATUS_NOT_STARTED, this.STATUS_PENDING_APPROVAL, this.STATUS_REJECTED, this.STATUS_APPROVED]
}else if(status == this.TAB_PENDING_ON_ME){
if(role == this.TAB_REPORTER){
statusArr = [this.STATUS_NOT_STARTED, this.STATUS_REJECTED]
}else if(role == this.TAB_APPROVER){
statusArr = [this.STATUS_PENDING_APPROVAL]
}
}else if(status == this.TAB_PENDING_ON_REPORTER){
statusArr = [this.STATUS_NOT_STARTED, this.STATUS_REJECTED]
}else if (status == this.TAB_PENDING_ON_APPROVER){
statusArr = [this.STATUS_PENDING_APPROVAL]
}else if(status == this.TAB_DONE){
statusArr = [this.STATUS_APPROVED]
}
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
console.log('params', JSON.stringify({"projectid": this.projectId,"userprofileid": this.userProfileId, "roles": [role] , "year": this.calendarStartYYYY, "page": this.nextPage, "blocksize": parseInt(this.blocksize), "status": statusArr}))
console.log('authorization', authorization)
const xhr : any = (await this.prepareXhr({"projectid": this.projectId,"userprofileid": this.userProfileId, "roles": [role] , "year": this.calendarStartYYYY + "", "page": this.nextPage, "blocksize": parseInt(this.blocksize), "status": statusArr, "list":"yes"}, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
console.log('next response',jsonRespose)
// this.renderChosenProject(events);
// this.renderRoleTabsNext(jsonRespose.data, page)
this.renderNextEvents(jsonRespose.data, page, role);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
if(xhr.status === 404) {
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
}
clearButtonSelectionNext = () => {
const buttonSelect = (this._SfIEventsC as HTMLDivElement).querySelectorAll('.button-select') as NodeListOf;
for(var i = 0; i < buttonSelect.length; i++) {
(buttonSelect[i] as HTMLInputElement).checked = false;
}
}
renderRoleTabsNext = (page: number, loadData: boolean = true) => {
//console.log('render role tabs');
(this._SfRoleTabContainer as HTMLDivElement).innerHTML = '';
if(this.nextTabRole == ""){
// if(JSON.parse(this.myroles).length > 1){
// this.nextTabRole = this.TAB_ALL_ROLES
// }else{
this.nextTabRole = JSON.parse(this.myroles)[0]
// }
}
console.log('rendering tabs', this.nextTabRole);
var html = '';
// if(JSON.parse(this.myroles).length > 1 && eventsData[this.TAB_ALL_ROLES] != null){
// html += 'All Roles ';
// }
if(JSON.parse(this.myroles).indexOf(this.TAB_VIEWER) >= 0){
html += 'Viewer ';
}
if(JSON.parse(this.myroles).indexOf(this.TAB_APPROVER) >= 0){
html += 'Approver ';
}
if(JSON.parse(this.myroles).indexOf(this.TAB_REPORTER) >= 0){
html += 'Reporter ';
}
if(JSON.parse(this.myroles).indexOf(this.TAB_FUNCTION_HEAD) >= 0){
html += 'Function Head ';
}
if(JSON.parse(this.myroles).indexOf(this.TAB_AUDITOR) >= 0){
html += 'Auditor ';
}
(this._SfRoleTabContainer as HTMLDivElement).innerHTML = html;
(this._SfRoleTabContainer as HTMLDivElement).querySelector('#consumer-tab-all-roles')?.addEventListener('click', async () => {
this.nextTabRole = this.TAB_ALL_ROLES;
this.nextTabStatus = this.TAB_ALL;
// this.fetchNext(0, this.nextTabRole);
this.renderRoleTabsNext(0, loadData);
});
(this._SfRoleTabContainer as HTMLDivElement).querySelector('#consumer-tab-reporter')?.addEventListener('click', async () => {
this.nextTabRole = this.TAB_REPORTER;
this.nextTabStatus = this.TAB_ALL;
// this.fetchNext(0, this.nextTabRole);
this.renderRoleTabsNext(0, loadData);
});
(this._SfRoleTabContainer as HTMLDivElement).querySelector('#consumer-tab-approver')?.addEventListener('click', async () => {
this.nextTabRole = this.TAB_APPROVER;
this.nextTabStatus = this.TAB_ALL;
// this.fetchNext(0, this.nextTabRole);
this.renderRoleTabsNext(0, loadData);
});
(this._SfRoleTabContainer as HTMLDivElement).querySelector('#consumer-tab-functionhead')?.addEventListener('click', async () => {
this.nextTabRole = this.TAB_FUNCTION_HEAD;
this.nextTabStatus = this.TAB_ALL;
// this.fetchNext(0, this.nextTabRole);
this.renderRoleTabsNext(0, loadData);
});
(this._SfRoleTabContainer as HTMLDivElement).querySelector('#consumer-tab-auditor')?.addEventListener('click', async () => {
this.nextTabRole = this.TAB_AUDITOR;
this.nextTabStatus = this.TAB_ALL;
// this.fetchNext(0, this.nextTabRole);
this.renderRoleTabsNext(0, loadData);
});
(this._SfRoleTabContainer as HTMLDivElement).querySelector('#consumer-tab-viewer')?.addEventListener('click', async () => {
this.nextTabRole = this.TAB_VIEWER;
this.nextTabStatus = this.TAB_ALL;
// this.fetchNext(0, this.nextTabRole);
this.renderRoleTabsNext(0, loadData);
});
if(loadData){
this.renderStatusTabsNext(page);
}else{
(this._SfIEventsC.querySelector('#next-calendar-data').querySelector('#button-load-next') as HTMLButtonElement).addEventListener('click',()=>{
(this._SfIEventsC.querySelector('#next-calendar-data').querySelector('#button-load-next') as HTMLButtonElement).style.display = 'none';
this.renderRoleTabsNext(0)
})
let changeEvent = new CustomEvent('valueChanged',{bubbles:true});
this.dispatchEvent(changeEvent);
}
let roleChangeEvent = new CustomEvent("roleChanged",{
detail:{
selectedRole: this.nextTabRole
}
});
this.dispatchEvent(roleChangeEvent)
}
renderStatusTabsNext = (page: number) => {
(this._SfStatusTabContainer as HTMLDivElement).innerHTML = '';
if(this.nextTabStatus == ""){
this.nextTabStatus = this.TAB_ALL
}
console.log('rendering status tabs', this.nextTabStatus);
var html = '';
html += 'All ';
if(this.nextTabRole == this.TAB_REPORTER || this.nextTabRole == this.TAB_APPROVER){
html += 'Pending On Me ';
}
if(this.nextTabRole == this.TAB_APPROVER || this.nextTabRole == this.TAB_FUNCTION_HEAD || this.nextTabRole == this.TAB_AUDITOR || this.nextTabRole == this.TAB_VIEWER){
html += 'Pending On Reporter ';
}
if(this.nextTabRole == this.TAB_REPORTER || this.nextTabRole == this.TAB_FUNCTION_HEAD || this.nextTabRole == this.TAB_AUDITOR || this.nextTabRole == this.TAB_VIEWER){
html += 'Pending On Approver ';
}
html += 'Completed ';
(this._SfStatusTabContainer as HTMLDivElement).innerHTML = html;
(this._SfStatusTabContainer as HTMLDivElement).querySelector('#consumer-tab-status-all')?.addEventListener('click', async () => {
this.nextTabStatus = this.TAB_ALL;
this.renderStatusTabsNext(0);
});
(this._SfStatusTabContainer as HTMLDivElement).querySelector('#consumer-tab-status-pending-on-me')?.addEventListener('click', async () => {
this.nextTabStatus = this.TAB_PENDING_ON_ME;
this.renderStatusTabsNext(0);
});
(this._SfStatusTabContainer as HTMLDivElement).querySelector('#consumer-tab-status-pending-on-reporter')?.addEventListener('click', async () => {
this.nextTabStatus = this.TAB_PENDING_ON_REPORTER;
this.renderStatusTabsNext(0);
});
(this._SfStatusTabContainer as HTMLDivElement).querySelector('#consumer-tab-status-pending-on-approver')?.addEventListener('click', async () => {
this.nextTabStatus = this.TAB_PENDING_ON_APPROVER;
this.renderStatusTabsNext(0);
});
(this._SfStatusTabContainer as HTMLDivElement).querySelector('#consumer-tab-status-done')?.addEventListener('click', async () => {
this.nextTabStatus = this.TAB_DONE;
this.renderStatusTabsNext(0);
});
this.fetchNext(page, this.nextTabRole, this.nextTabStatus);
}
renderNextEvents = (eventsData: any, page: number, role:string) => {
console.log('eventsData', eventsData)
console.log('role', role)
// if(Object.keys(eventsData[role]).length > 0){
var notStarted = 0, approved = 0, pendingApproval = 0, rejected = 0, inTime = 0, pastDueDate = 0, lateExecuted = 0, lateApproved = 0, lateReported = 0, scheduled = 0, partiallyComplied = 0, notComplied = 0, complied = 0, compliedWithGaps = 0, reportedNonCompliance = 0;
var html = '';
this.selectedItemIds = [];
this.selectedStatus = "";
html += '';
for(var i = 0; i < Object.keys(eventsData[role]).length; i++) {
let mmdd : string = Object.keys(eventsData[role])[i];
//console.log('mmdd', mmdd);
//console.log('mmddevent', mmdd,eventsData[role][mmdd]);
if(eventsData[role][mmdd] != null) {
html += '
';
html += '
'+ (mmdd.split("/")[1] + "/" + mmdd.split("/")[0])+' |
';
html += '
'
for(var j = 0; j < (eventsData[role][mmdd] as Array
).length; j++) {
let eventHtml = '';
eventsData[role][mmdd][j]['mmdd'] = mmdd
let functionStr = eventsData[role][mmdd][j]['functions'][0]
if(functionStr.indexOf(';') >= 0){
functionStr = functionStr.split(';')[0].replace(/\([^)]*\)/g,"");
}
console.log('function', functionStr)
var partStatus = "";
var lateStatus = "";
var complianceStatus = "";
partStatus = this.getCompletenessStatus(JSON.parse(JSON.stringify(eventsData[role][mmdd][j])));
lateStatus = this.getTimelinessStatus(mmdd, JSON.parse(JSON.stringify(eventsData[role][mmdd][j])), partStatus);
complianceStatus = this.getComplianceStatus(partStatus, lateStatus, JSON.parse(JSON.stringify(eventsData[role][mmdd][j])).percentage);
notStarted = notStarted + (partStatus == "not-started" ? 1 : 0);
pendingApproval = pendingApproval + (partStatus == "pending-approval" ? 1 : 0);
rejected = rejected + (partStatus == "rejected" ? 1 : 0);
approved = approved + (partStatus == "approved" ? 1 : 0);
inTime = inTime + (lateStatus == "in-time" ? 1 : 0);
pastDueDate = pastDueDate + (lateStatus == "past-due-date" ? 1 : 0);
lateReported = lateReported + (lateStatus == "late-reported" ? 1 : 0);
lateApproved = lateApproved + (lateStatus == "late-approved" ? 1 : 0);
lateExecuted = lateExecuted + (lateStatus == "late-executed" ? 1 : 0);
scheduled = scheduled + (complianceStatus == "scheduled" ? 1 : 0);
partiallyComplied = partiallyComplied + (complianceStatus == "partially-complied" ? 1 : 0);
notComplied = notComplied + (complianceStatus == "not-complied" ? 1 : 0);
complied = complied + (complianceStatus == "complied" ? 1 : 0);
compliedWithGaps = compliedWithGaps + (complianceStatus == "complied-with-gaps" ? 1 : 0);
reportedNonCompliance = reportedNonCompliance + (complianceStatus == "reported-non-compliance" ? 1 : 0);
eventsData[role][mmdd][j][this.FLOW_GRAPH_COMPLETENESS] = partStatus;
eventsData[role][mmdd][j][this.FLOW_GRAPH_TIMELINESS] = lateStatus;
eventsData[role][mmdd][j][this.FLOW_GRAPH_COMPLIANCE] = complianceStatus;
// let thisRole = ""
// if ((JSON.stringify(eventsData[role][mmdd][j].reporters)).indexOf(this.userProfileId) >= 0){
// thisRole = 'Reporter'
// } else if ((JSON.stringify(eventsData[role][mmdd][j].approvers)).indexOf(this.userProfileId) >= 0){
// thisRole = 'Approver'
// } else if ((JSON.stringify(eventsData[role][mmdd][j].functionheads)).indexOf(this.userProfileId) >= 0){
// thisRole = 'Functionhead'
// } else if ((JSON.stringify(eventsData[role][mmdd][j].auditors)).indexOf(this.userProfileId) >= 0){
// thisRole = 'Auditor'
// } else if ((JSON.stringify(eventsData[role][mmdd][j].viewers)).indexOf(this.userProfileId) >= 0){
// thisRole = 'Viewer'
// }
eventHtml += '';
eventHtml += '
'+JSON.stringify(eventsData[role][mmdd][j]['tags'])+'
'
eventHtml += '
'
eventHtml += '
' + ('
') + '
open_in_new ' + '
' + '
' + functionStr + '
' + this.renderStatusHtml(partStatus, lateStatus, complianceStatus, i)
eventHtml += '
edit_note '
eventHtml += '
';
eventHtml += '
'
eventHtml += '
';
html += '
';
}
}
console.log('eventsData Role length', Object.keys(eventsData[role]).length)
if(Object.keys(eventsData[role]).length == 0){
html += `
check_circle Nothing to show here.
`;
}else{
html += '
'
html += '
keyboard_arrow_left ';
html += '
Page ' + (page >= 0 ? (page + 1) : page) + '
'
html += '
keyboard_arrow_right ';
html += '
';
}
html += '
for(let buttonListReport of buttonListReports){
buttonListReport?.addEventListener('click',(ev:any) => {
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[3] + "/" + idArr[4];
const yyyy = this.getCurrentYear(idArr[3]);
// const i = idArr[5];
const j = idArr[5];
let listReportingContainer = nextEventsContainer.querySelector('#list-reporting-container-'+mmdd.replace(/\//g,'-')+'-'+j) as HTMLDivElement
console.log('mmddyyyy', eventsData[role][mmdd][j], listReportingContainer, '#list-reporting-container-'+mmdd.replace(/\//g,'-')+'-'+j);
if(listReportingContainer.style.display == 'none' || listReportingContainer.style.display == ''){4
this.renderListReporting(listReportingContainer,eventsData[role][mmdd][j], mmdd + '/' + yyyy, nextEventsContainer)
}else{
listReportingContainer.innerHTML = '';
listReportingContainer.style.display = 'none';
ev.target.setAttribute('part','button-list-reporting')
let streamEventTitles = nextEventsContainer.querySelectorAll('.stream-event-title') as NodeListOf
for(let streamEventTitle of streamEventTitles){
streamEventTitle.removeAttribute('part')
}
}
// console.log('part', ev.target.getAttribute('part'));
})
}
// }else{
// let innerDivHtml = (this._SfIEventsC.querySelector('#stream-event-next') as HTMLDivElement).innerHTML;
// innerDivHtml.replace('keyboard_arrow_down ','');
// console.log('innerDivHtml', innerDivHtml)
// innerDivHtml += html;
// innerDivHtml += 'keyboard_arrow_down ';
// (this._SfIEventsC.querySelector('#stream-event-next') as HTMLDivElement).innerHTML = innerDivHtml;
// }
// if(page != 0){
let buttonPrev = this._SfIEventsC.querySelector('#button-prev') as HTMLButtonElement;
buttonPrev?.addEventListener('click', () => {
this.myRole = role;
this.fetchNext(page - 1, this.nextTabRole, this.nextTabStatus)
});
// }
let buttonNext = this._SfIEventsC.querySelector('#button-next') as HTMLButtonElement;
// buttonExpand = Util.clearListeners(buttonExpand) as HTMLButtonElement;
buttonNext?.addEventListener('click',()=>{
this.myRole = role;
this.fetchNext(page + 1, this.nextTabRole, this.nextTabStatus)
})
const buttonArr = this._SfIEventsC.querySelectorAll('.button-expand') as NodeListOf;
for(var i = 0; i < buttonArr.length; i++) {
buttonArr[i].addEventListener('click', (ev: any) => {
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[3] + "/" + idArr[4];
const j = idArr[5];
let found = false;
for(var k = 0; k < this.selectedItemIds.length; k++) {
if(this.selectedItemIds[k].indexOf(idArr[3] + '-' + idArr[4] + '-' + idArr[5]) >= 0) {
found = true;
}
}
if(!found) {
this.selectedItemIds = [];
this.clearButtonSelectionNext();
}
// (this._SfDetailContainer as HTMLDivElement).style.display = 'block'`
var yyyy = this.getCurrentYear(idArr[3]);
console.log('yyyy', yyyy, idArr[3]);
console.log(eventsData[role][mmdd][j])
if(role == this.TAB_ALL_ROLES){
if(JSON.stringify(eventsData[role][mmdd][j]['viewers']).indexOf(this.userProfileId) >= 0){
this.myRole = this.TAB_VIEWER
}
if(JSON.stringify(eventsData[role][mmdd][j]['auditors']).indexOf(this.userProfileId) >= 0){
this.myRole = this.TAB_AUDITOR
}
if(JSON.stringify(eventsData[role][mmdd][j]['functionheads']).indexOf(this.userProfileId) >= 0){
this.myRole = this.TAB_FUNCTION_HEAD
}
if(JSON.stringify(eventsData[role][mmdd][j]['approvers']).indexOf(this.userProfileId) >= 0){
this.myRole = this.TAB_APPROVER
}
if(JSON.stringify(eventsData[role][mmdd][j]['reporters']).indexOf(this.userProfileId) >= 0){
this.myRole = this.TAB_REPORTER
}
}else{
this.myRole = this.nextTabRole
}
console.log('redering detail', this.myRole)
// this.renderEventDetail(eventsData[role][mmdd][j], mmdd + "/" + yyyy, null);
this.fetchEventDetails(eventsData[role][mmdd][j], mmdd + "/" + yyyy, null, (this._SfIEventsC as HTMLDivElement));
})
}
const streamEventsContainer = this._SfIEventsC.querySelectorAll('.stream-events-container') as NodeListOf;
const buttonSelect = this._SfIEventsC.querySelectorAll('.button-select') as NodeListOf;
for(i = 0; i < buttonSelect.length; i++) {
buttonSelect[i].addEventListener('click', (ev: any) => {
//console.log('eventscontainer', streamEventsContainer.length, buttonSelect.length);
const id = ev.target.id;
const idArr = id.split("-")
// const mmdd = idArr[2] + "/" + idArr[3];
// const j = idArr[4];
// const makercheckers = idArr[5];
const docs = idArr[6];
if((ev.target as HTMLInputElement).checked) {
this.selectedItemIds.push(id);
} else {
this.selectedItemIds.splice(this.selectedItemIds.indexOf(id), 1);
}
if(this.selectedItemIds.length === 0) {
for(var k = 0; k < buttonSelect.length; k++) {
const id1 = buttonSelect[k].id;
const idArr1 = id1.split("-")
const isbulk = idArr1[15] == "bulk"
console.log('isBulk button-select3', id1, isbulk)
if(isbulk){
(buttonSelect[k] as HTMLInputElement).style.display = 'none';
}else{
(buttonSelect[k] as HTMLInputElement).style.display = 'block';
}
(streamEventsContainer[k] as HTMLDivElement).style.display = 'block';
}
} else {
if(this.selectedItemIds.length === 1) {
const id1 = id;
const idArr1 = id1.split("-")
const status = idArr1[13].replace(/_/g, '-');
this.selectedStatus = status;
}
for(var k = 0; k < buttonSelect.length; k++) {
const id1 = buttonSelect[k].id;
const idArr1 = id1.split("-")
const docs1 = idArr1[6];
const status = idArr1[13].replace(/_/g, '-');
if(docs == docs1 && status == this.selectedStatus) {
} else {
(buttonSelect[k] as HTMLInputElement).style.display = 'none';
(streamEventsContainer[k] as HTMLDivElement).style.display = 'none';
}
}
}
})
let changeEvent = new CustomEvent('valueChanged',{bubbles:true});
this.dispatchEvent(changeEvent);
}
// return html;
// }else{
// let html = `
//
//
//
check_circle All good! Nothing is due.
//
//
'
html += '
'
for(let reportKey of Object.keys(reportsData)){
if(reportKey == '3/31/*,30;c989a44e-7d3d-427e-b712-90eacf585075;38dc8c53-643f-4fee-83fe-f15239606277;0a5fb99f-c36f-46c0-85b4-7fa3d48fa134'){ continue;}
let report = JSON.parse(reportsData[reportKey])
if(report['event'] == null) {
continue;
}
html += '
';
}
html += '
';
html += '
;
for(let buttonSelect of arrButtonSelect){
buttonSelect.addEventListener('click', (ev:any) => {
const id = ev.target.id;
console.log('id', id)
const idArr = id.split("-")
console.log('idArr', idArr)
const sortid = idArr[2].replace(/_/g,'-')
console.log('selected sortid', sortid)
this.renderDateSelector(sortid);
})
}
const arrButtonCheck = this._SfIEventsC.querySelectorAll('.button-check') as NodeListOf;
for(let buttonCheck of arrButtonCheck){
buttonCheck.addEventListener('click', async (ev:any) => {
const id = ev.target.id;
console.log('id', id)
const idArr = id.split("-")
console.log('idArr', idArr)
const sortid = idArr[2].replace(/_/g,'-')
console.log('selected sortid', sortid)
let complianceEntityId = sortid.split(';')[1]
let complianceLocationId = sortid.split(';')[2]
let complianceId = sortid.split(';')[3]
let mmddyyyy = sortid.split(';')[0];
let mm = mmddyyyy.split('/')[0];
let dd = mmddyyyy.split('/')[1];
let yyyy = mmddyyyy.split('/')[2];
let date = new Date(parseInt(yyyy), parseInt(mm) - 1, parseInt(dd));
let sDateObj = date
sDateObj.setDate(date.getDate() - 3)
let day = '' + sDateObj.getDate();
let month = '' + (sDateObj.getMonth() + 1);
let year = '' + sDateObj.getFullYear();
if (month.length < 2)
month = '0' + month;
if (day.length < 2)
day = '0' + day;
let sDate = month + "/" + day + "/" + year
let eDateObj = date
eDateObj.setDate(date.getDate() + 6)
day = '' + eDateObj.getDate();
month = '' + (eDateObj.getMonth() + 1);
year = '' + eDateObj.getFullYear();
if (month.length < 2)
month = '0' + month;
if (day.length < 2)
day = '0' + day;
let eDate = month + "/" + day + "/" + year
let urlBody :any = {"projectid": this.projectId, "userprofileid": this.userProfileId, "role": this.myRole, "entityid": complianceEntityId, "countryid": "", "functionid": "", "locationid": complianceLocationId, "tagid": this.tagId, "adhoc": "false", "exclusivestartkey": 0, "sdate": sDate, "edate": eDate, "view": "location", "year": this.calendarStartYYYY};
let url = "https://"+this.apiId+"/getallcountryevents2";
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
const xhr : any = (await this.prepareXhr(urlBody, url, this._SfLoader, authorization, 'Preparing')) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
const jsonRespose = JSON.parse(xhr.responseText);
console.log('jsonRespose', jsonRespose);
let arrCompliances = (await this.fetchPresignedUrl(jsonRespose.signedUrlGet));
if(arrCompliances == null || Object.keys(arrCompliances).length === 0) {
this.setSuccess('Zombie detected!')
setTimeout(() => {this.clearMessages()}, 5000);
} else {
let zombie: boolean = true;
Object.keys(arrCompliances).forEach((key: string) => {
console.log('checking', key, mm + "/" + dd);
if(key == mm + "/" + dd) {
const compliances = arrCompliances[key] as Array;
compliances.forEach((compliance: any) => {
console.log('checking', compliance.id, complianceId);
if(compliance.id == complianceId) {
zombie = false;
}
})
}
});
if(zombie) {
this.setSuccess('Zombie detected!')
setTimeout(() => {this.clearMessages()}, 5000);
} else {
this.setSuccess('Not a Zombie!')
setTimeout(() => {this.clearMessages()}, 5000);
}
}
await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete);
console.log('receivedCompliacnes', arrCompliances)
// this.renderReportsComplainces(arrCompliances, sortid);
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
if(xhr.status === 404) {
this.showChosenProject();
(this._SfTitleChosenProject as HTMLElement).innerHTML = (this._SfProject[0].querySelector('#sf-i-project') as SfIForm).selectedTexts()[0];
this.renderChosenProject();
} else {
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
setTimeout(() => {
this.clearMessages();
}, 5000);
}
}
})
}
}
renderDateSelector = (sortid: string) => {
let html = ''
html += ''
html += '
'
html += 'keyboard_backspace
'
html += '
Select Date '
html += '
'
// html += '
back ';
html += '
).length; j++){
console.log('renderReportsComplainces comparing id', compliancesData[dateStr][j].id, complianceId);
if(compliancesData[dateStr][j].id == complianceId && this.getCompletenessStatus(JSON.parse(JSON.stringify(compliancesData[dateStr][j]))) == "not-started"){
console.log(compliancesData[dateStr][j])
// if(compliancesData[dateStr][j].id == complianceId){
if(eventsData[dateStr] == null){
eventsData[dateStr] = []
}
eventsData[dateStr].push(compliancesData[dateStr][j])
}
}
}
console.log('eventsData', eventsData)
let html = '';
html += ''
html += 'keyboard_backspace
'
html += '';
for(var i = 0; i < Object.keys(eventsData).length; i++) {
let mmdd : string = Object.keys(eventsData)[i];
//console.log('mmdd', mmdd);
//console.log('mmddevent', mmdd,eventsData[role][mmdd]);
if(eventsData[mmdd] != null) {
html += '
';
html += '
'+ (mmdd.split("/")[1] + "/" + mmdd.split("/")[0])+' |
';
html += '
'
for(var j = 0; j < (eventsData[mmdd] as Array
).length; j++) {
let eventHtml = '';
eventsData[mmdd][j]['mmdd'] = mmdd
let functionStr = eventsData[mmdd][j]['functions'][0]
if(functionStr.indexOf(';') >= 0){
functionStr = functionStr.split(';')[0].replace(/\([^)]*\)/g,"");
}
console.log('function', functionStr)
var partStatus = "";
var lateStatus = "";
var complianceStatus = "";
partStatus = this.getCompletenessStatus(JSON.parse(JSON.stringify(eventsData[mmdd][j])));
if(partStatus != "not-started"){ continue; }
lateStatus = this.getTimelinessStatus(mmdd, JSON.parse(JSON.stringify(eventsData[mmdd][j])), partStatus);
complianceStatus = this.getComplianceStatus(partStatus, lateStatus, JSON.parse(JSON.stringify(eventsData[mmdd][j])).percentage);
// notStarted = notStarted + (partStatus == "not-started" ? 1 : 0);
// pendingApproval = pendingApproval + (partStatus == "pending-approval" ? 1 : 0);
// rejected = rejected + (partStatus == "rejected" ? 1 : 0);
// approved = approved + (partStatus == "approved" ? 1 : 0);
// inTime = inTime + (lateStatus == "in-time" ? 1 : 0);
// pastDueDate = pastDueDate + (lateStatus == "past-due-date" ? 1 : 0);
// lateReported = lateReported + (lateStatus == "late-reported" ? 1 : 0);
// lateApproved = lateApproved + (lateStatus == "late-approved" ? 1 : 0);
// lateExecuted = lateExecuted + (lateStatus == "late-executed" ? 1 : 0);
// scheduled = scheduled + (complianceStatus == "scheduled" ? 1 : 0);
// partiallyComplied = partiallyComplied + (complianceStatus == "partially-complied" ? 1 : 0);
// notComplied = notComplied + (complianceStatus == "not-complied" ? 1 : 0);
// complied = complied + (complianceStatus == "complied" ? 1 : 0);
eventsData[mmdd][j][this.FLOW_GRAPH_COMPLETENESS] = partStatus;
eventsData[mmdd][j][this.FLOW_GRAPH_TIMELINESS] = lateStatus;
eventsData[mmdd][j][this.FLOW_GRAPH_COMPLIANCE] = complianceStatus;
// let thisRole = ""
// if ((JSON.stringify(eventsData[role][mmdd][j].reporters)).indexOf(this.userProfileId) >= 0){
// thisRole = 'Reporter'
// } else if ((JSON.stringify(eventsData[role][mmdd][j].approvers)).indexOf(this.userProfileId) >= 0){
// thisRole = 'Approver'
// } else if ((JSON.stringify(eventsData[role][mmdd][j].functionheads)).indexOf(this.userProfileId) >= 0){
// thisRole = 'Functionhead'
// } else if ((JSON.stringify(eventsData[role][mmdd][j].auditors)).indexOf(this.userProfileId) >= 0){
// thisRole = 'Auditor'
// } else if ((JSON.stringify(eventsData[role][mmdd][j].viewers)).indexOf(this.userProfileId) >= 0){
// thisRole = 'Viewer'
// }
eventHtml += '';
eventHtml += '
'+JSON.stringify(eventsData[mmdd][j]['tags'])+'
'
eventHtml += '
'
eventHtml += '
' + '
check ' + '
' + '
' + functionStr + '
' + this.renderStatusHtml(partStatus, lateStatus, complianceStatus, i) + '
';
eventHtml += '
';
html += '
';
}
}
html += '
;
for(let buttonSelect of arrButtonSelect){
buttonSelect.addEventListener('click', (ev:any) => {
const id = ev.target.id;
const idArr = id.split("-")
const mmdd = idArr[3] + "/" + idArr[4];
// const j = idArr[5];
console.log('move reporting', mmdd + '/' + this.calendarStartYYYY, sortid)
this.submitUpdateReporting(mmdd + '/' + this.calendarStartYYYY, sortid);
})
}
let buttonBack = (this._SfIEventsC.querySelector('#button-reports-date-selector-back') as HTMLButtonElement)
buttonBack.addEventListener('click', () => {
this.renderDateSelector(sortid)
})
}
submitUpdateReporting = async (mmddyyyy: string, sortid: string) => {
let url = "https://"+this.apiId+"/updatereportdate";
const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
console.log('this.myroles', this.myroles)
const xhr : any = (await this.prepareXhr({"projectid": this.projectId, "mmddyyyy": mmddyyyy, "sortid": sortid}, url, this._SfLoader, authorization)) as any;
this._SfLoader.innerHTML = '';
if(xhr.status == 200) {
this.setSuccess("update successful!");
setTimeout(() => {
this.clearMessages();
this.fetchReports();
}, 3000)
} else {
if(xhr.status == 401){
let changeEvent = new CustomEvent('tokenExpired',{bubbles:true});
this.dispatchEvent(changeEvent);
}
if(xhr.status === 404) {
const jsonRespose = JSON.parse(xhr.responseText);
this.setError(jsonRespose.error);
}
}
}
loadMode = async () => {
Chart.register(...registerables);
//Chart.register(Colors);
if(this.mode == "rcmnotifications") {
this.loadRcmNotifications();
} else if(this.mode == "rcm") {
this.renderRcmTabs();
((this._SfRcmTabContainer as HTMLDivElement).querySelector('#rcm-tab-compliances') as HTMLButtonElement).click();
} else if(this.mode == "onboarding") {
//this.myOnboardingTab = this.TAB_STATUTES;
this.renderOnboardingTabs();
// this.clickOnboardingTabs();
//this.loadOnboardingStatutes();
//((this._SfOnboardingTabContainer as HTMLDivElement).querySelector('#onboarding-tab-compliances') as HTMLButtonElement).click();
} else if(this.mode == "admin") {
this.showChooseProject();
this.initListenersAdmin();
} else if(this.mode == "downloader"){
setTimeout(()=>{
this.initDecryptView();
}, 500)
} else if(this.mode == "next"){
// this.fetchNext(0)
this.renderRoleTabsNext(0, false)
} else if(this.mode == "reports"){
this.fetchReports();
} else {
this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
this.enableCalendar();
this.initInputs();
this.initCalendar();
let tempRole = this.myRole;
if(tempRole == "") {
this.myRole = this.TAB_REPORTER;
}
this.renderRoleTabs();
if(tempRole != "") {
this._SfRoleTabContainer.innerHTML = '';
}
// this.selectedFeatures = this.getFeatures()
//console.log('stream received', this.stream, this.TAB_STREAM, this.TAB_YEAR);
if(this.stream == this.TAB_YEAR) {
this.renderTabs(this.TAB_YEAR);
((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-year') as HTMLButtonElement)?.click();
} else {
//console.log('stream received rendering year', this.stream);
this.renderTabs(this.TAB_STREAM);
((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
}
//await this.fetchUserCalendar_2();
// if(this.events != null && !this.foundCalendarInLocal()) {
// this.renderTabs(this.TAB_YEAR);
// this.renderCalendar();
// }
}
}
constructor() {
super();
}
protected override firstUpdated(_changedProperties: PropertyValueMap | Map): void {
this.loadMode();
}
override connectedCallback() {
super.connectedCallback()
}
override render() {
console.log('rendering', this.mode);
if(this.mode == "rcmnotifications") {
return html`
${this.name}
keyboard_backspace keyboard_backspace
Project Name
sync person_add
keyboard_backspace calendar_month
Project Name
cloud_download calendar_month
`;
} else if(this.mode == "downloader") {
/* eslint-disable lit/no-unknown-attribute */
return html`
' : '') + '
'+comments[i].timestamp+'
'+comments[i].timestamp+'